【コピペでOK！】フワッと表示されるパララックスを実装！
ページをスクロールしているとコンテンツがフワッと表示されるアニメーションを見たことがある方は多いかと思います。 パララックスと呼ばれる視差を利用したエフェクトで、ページをスクロールする際にコンテンツと背景とでスクロールの […]
2020/09/27
【コピペでOK！】簡単に実装できるアコーディオンメニュー
コンテンツが豊富なwebサイトでは表示したい内容も比例して多くなると思います。しかし、すべての情報をはじめから表示してしまうと情報量が多すぎてユーザーの使いやすさを損なってしまいます。 そこで多くのwebサイトでは表示す […]
2020/09/22
【コピペでOK】簡単に実装できる汎用性の高いタブ切り替え
今回は選択中の項目のみを表示するタブ切り替えのコードを紹介します。選択中の項目に合わせて表示する内容を切り返す機能となっており、使用する機会は多いと思います。 コピペで使用可能となっていますが、ご自身で項目の増減などカス […]
2020/09/13
npm-scriptsでシンプルな開発環境を作ってみよう！
gulpやgruntなどのタスクランナーを利用している方も多いと思います。 筆者もgulpを利用しておりましたが、gulpのバージョンアップデートで不具合が起きることが何度かありました。gulpやgruntなどのタスクラ […]
2020/06/14
Gitを始めてみよう！【メリットと導入方法について】
サイトのファイル管理や簡単にチームで共有をすることができるGitと呼ばれるシステムをご存じでしょうか？ ご存じでも「そもそもGitって必要なの？」とお考えの方もいらっしゃると思います。 フリーランスなど個人でお仕事をされ […]
2020/05/24
JavaScriptの引数とは？
昔はサイト制作の際にはちょっとしたアニメーションをつけたり、ドロワーなどの実装程度しかやってこなかったので引数の必要性を感じませんでした。 引数？いんすう？ひきすう？なんじゃそら程度でやってましたら痛い目をみた記憶がある […]
2020/03/07
Scssとは？導入のメリットと使用方法について
Sassとはcssを効率的に記述するために開発された言語です。SassとScssの2種類が存在しますが今回はScssの紹介をします！ 両者の違いは｛｝を使わずインデントを主とするか｛｝を使いネストを主にするかといった記述 […]
2020/02/22
IT・Web業界 職種別年収をご紹介！ 【Web業界に転職を考えている方は必見！！】
IT・Web業界はスマートフォンの爆発的な普及に加えて、今後は5Gの普及やAI技術、VR/ARの発展など目まぐるしい成長を遂げています。 そんなIT・Web業界ですが少子化も相まって最近ではその勢いに人材が追いつかず人手 […]
2020/02/16
フロントエンドエンジニアに必要なスキルとは？
webサイトやアプリケーションのフロントエンド（ユーザーの目に見える部分）を開発、デザインするフロントエンドエンジニアに必要なスキルをまとめました。 フロントエンジニアとは？ そもそもフロントエンドエンジニアとは・・・ […]
2020/02/11