JavaScriptSwiperの使い方とサンプル！動かない時のチェック項目も！【2022年 JavaScript】
Swiperとは 今最もメジャーなカルーセルスライダーのプラグインモジュールであるSwiper（公式：）について、読み込みから実装、完成形のサンプルをまとめてみました。 カルーセルスライダーといえば、Slick.jsやOwlC...
効率化
JavaScript
JavaScriptIE（InternetExplorer）のサポート終了から生まれるメリット5選！～フロントエンドエンジニアの観点からJavaScriptを考える
2022年6月15日、それは「お疲れ様」と同時に「ヨッシャー！」となる不思議な日。かのInternetExplorerが遂にサポート終了となりました。エンジニア、Webデザイナ、コーダー、プログラマの皆さん、Web業界にかかわるすべての皆...
JavaScript【意外と知らない】jQuery.fn.on()の引数にドットを用いて名前空間を表現する方法
廃れそうで廃れないjQueryですが、まだまだ知らないことが多かったりしませんか？？今回はjQuery.fn.on()のイベントに名前空間を付けて管理できるという少々上級者向きな内容になります。 悩見坂 楓 名前空間って何よ、ネカフ...
JavaScript【JavaScript】正規表現の使い方とサンプル一覧
JavaScript初心者がよくつまづく正規表現。中級者以上であっても何となくぼんやりとしか使えないコーダーやフロントエンドエンジニアが多いのではないでしょうか。 2022年現在でもJavaScriptの正規表現は昔から変わらず、一...
業務効率化Reactのデバック実行をVSCodeのF5キーで爆速完結させる方法
※初回起動時はローカルサーバーを起動する必要があるのでnpm startを実行する必要があります！ Reactアプリケーションを作成している時に、皆さんはどのようにブラウザを起動して実行テストを行っているでしょうか。 ターミナ...
JavaScript【2023年】jQuery CDN早見表と使い方入門
この記事の内容は2022/03/05時点での情報です。リンク切れや使用不可のCDNがある場合は、お問い合わせフォームからご連絡ください。Twitterアカウントからでも受け付けています。 CDNとは Content Deliv...
JavaScriptJavaScriptにおけるforEach()とは？基本的なループの使い方と注意点
配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに...
業務効率化Google Chromeでリンク先のテキストをハイライトして中央表示する方法
「リンク先のここに書いてあるよ」と相手に伝えたいときがあります。そんな時にちょっと便利なハック的なことができます。 ただ、Google Chrome（PC/モバイル）、Edge限定になってしまいますのでiPhoneのSafariやM...
FlutterDartプロジェクトをVSCodeで作成する方法
割と小さなテストコードを実行したり、デバッグしたりしたい時にミニマムなDartプロジェクトを生成したいことがあります。 ブログ記事のネタを書きたい時は特にシンプルなプロジェクトを形成したくなりますね。 今回は、Visual S...
JavaScript【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】
お客さんのサイトで、先日から急にInstagram API（Facebook Graph API）で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった？？と思い自分のアカウントを使って実装してみました...
業務効率化Chrome拡張機能「類GO!」リリースしました【for Webライター】
悩見坂 楓 なんだよ類GOって、オヤジギャグかよwwwwダサwww 著者 異論は認めません Wordpressでライティングしていたりすると、単語の類語を調べることがよくあります。その際に検索バーで「〇〇 類語」というよう...
FlutterDart言語で文字列を複数行で書く方法
JavaScriptでは下記の記事でテンプレートリテラルについて記載しました。テンプレートリテラルを使えば複雑なHTML構造をJavaScript内でスッキリまとめることが出来ます。可読性も向上しますし、ケアレスミス防止にも役立ちます。 ...
JavaScriptJavaScriptの文字列をスッキリ複数行で書く方法
JavaScript内に<HTML>タグの要素を結構複雑に書かなきゃいけない場面が多々あると思います。コードを見やすくスッキリさせて、可読性の良い、ケアレスミスの少ないプログラムを書いてみましょう。 ホントダメな例、やったらN...
FlutterFlutterのホットリロード機能をVS Codeで利用する方法
Flutterのプロジェクトを作成して、確かホットリロード対応だったよな、と思いflutter runしてソースを改変してみたのですが、エミュレーターに反映されませんでした。え、出来ないんだっけと思い調べた結果を記します。 開発にお...
業務効率化Google Chromeデベロッパーツールのショートカットおススメ10選
※Chromeのデベロッパーモード上でのショートカットキーです。通常の閲覧時のショートカットは『ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】』をご覧ください。 ...