ウェブ制作フロントエンド開発者のための一般的な変数命名規則
はる フロントエンジニアが使う言語で変数名を作るときに一般的な命名規則をまとめました。 言語と使用時の例 JavaScript / TypeScript 変数名 キャメルケース (camelCase) Ja...
JavaScript
ウェブ制作
ウェブ制作教科書には載っていないコーディングする人に知っていて欲しい14のこと
はる フロントエンジニアのはるです。 今回は、コーディングをする人で入門者を脱却するために私が思う気をつけて欲しいことを紹介します。 プルリクチェックをする機会も多く、コーディングを始めたばかりの人たちにこれは知っていて欲し...
ウェブ制作ScrollMagicをES6で使用する方法・webpack (laravelmix) での使い方メモ
はる 普段、フロントエンドのローカル開発環境LaravelMixを使用していて、JavaScriptはBabelを通して記述しています。その際にScrollMagicを使った時、つまづいたのでメモメモ 各種モジュールをインストール...
ウェブ制作SNSシェアーボタンaタグ用 別ウィンドウでいい感じのサイズで表示する
aタグで自作のシェアーリンクを作るとき、外部リンクで設定すると思います。それを、シェアーするにはちょうどいいサイズの別ウィンドウにする方法を紹介します。 普段私はBabelを通してjsを書いてるので、そのソースコードでの説明になりま...
ウェブ制作最もシンプルなモーダルメニューの作り方【簡単なCSSとJavaScriptで実装】
はる 一番簡単で使う場面が多いモーダルの作り方を紹介します。簡単なモーダルであればこの方法を使えば素早く実装できます。 モーダル表示されるメニューとして紹介しますが、メニューリストの代わりにYouTube動画を埋め込んで、サムネイ...
ウェブ制作【JavasScript】モーダルでの枠外をクリックしたら発火させる方法
はる 今回は、JavaScriptのよくある『モーダル(ポップアップ表現)を閉じる』時に外枠をクリックしたら閉じる判定方法を紹介します。 モーダル(ポップアップ)作成時の外側をクリックするときの判定を紹介注意はIE11は非対応の...