JavaScript【2023年】jQuery CDN早見表と使い方入門
この記事の内容は2022/03/05時点での情報です。リンク切れや使用不可のCDNがある場合は、お問い合わせフォームからご連絡ください。Twitterアカウントからでも受け付けています。CDNとはContent Delivery Netwo...
JavaScript
JavaScriptJavaScriptにおけるObject（オブジェクト）型
一般的にJavaScriptのobject（オブジェクト）とは、Objectクラスのデータ型の1つに分類されます。JavaScriptのint型、String型、Array型などのほとんどのデータ型はこのObjectクラスのインスタンスです...
JavaScriptウクライナの国旗を自動生成するjQueryプラグインno-war.jsを作りました
悩見坂 楓戦争反対！著者反対！反対！jQueryのプラグインを作りました戦争に断固反対しています。ウクライナの国旗を生成するjQueryのプラグインを作りました。即興なので幅だけオプションしていできます。jQuery.no-war.jsと命...
JavaScriptJavaScriptにおけるforEach()とは？基本的なループの使い方と注意点
配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに実...
JavaScriptSlick SliderのcenterPaddingオプションで%指定したい・基本的な使い方
jQueryのプラグインでスライダーに使われるSlickですが、centerPaddingというオプションがあります。centerPaddingはcenterModeというメインのスライドを中央表示する機能を利用しているときに、真ん中のスラ...
業務効率化Google Chromeでリンク先のテキストをハイライトして中央表示する方法
「リンク先のここに書いてあるよ」と相手に伝えたいときがあります。そんな時にちょっと便利なハック的なことができます。ただ、Google Chrome（PC/モバイル）、Edge限定になってしまいますのでiPhoneのSafariやMacのSa...
FlutterDart言語におけるClassの引数の扱い方
Dart言語を勉強しようと思い立った方の中には、React Nativeからの延長で学習を始める人も多いのではないでしょうか。JavaScriptでのClassの書き方が、Dartではちょっと違ったりしますね。Dartのコンストラクタの書き...
FlutterDartプロジェクトをVSCodeで作成する方法
割と小さなテストコードを実行したり、デバッグしたりしたい時にミニマムなDartプロジェクトを生成したいことがあります。ブログ記事のネタを書きたい時は特にシンプルなプロジェクトを形成したくなりますね。今回は、Visual Studio Cod...
JavaScript【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】
お客さんのサイトで、先日から急にInstagram API（Facebook Graph API）で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった？？と思い自分のアカウントを使って実装してみました。悩見坂 ...
業務効率化Chrome拡張機能「類GO!」リリースしました【for Webライター】
悩見坂 楓なんだよ類GOって、オヤジギャグかよwwwwダサwww著者異論は認めませんWordpressでライティングしていたりすると、単語の類語を調べることがよくあります。その際に検索バーで「〇〇 類語」というように「単語△（スペース）類語...
FlutterFlutterでローカルストレージ（端末内）にデータを保存する方法
Flutter側からスマートフォン本体のローカルストレージにデータを保存する方法は何通りかあります。メジャーなやり方は下記のパターンに分類されます。ファイル自体の読み取りと書き込みSQLiteを利用するSQLCipherを利用するShare...
業務効率化HTMLの<form>が1ページ内に複数あった場合にEnterを押すと……
友人から質問があり、回答したのですがちょっと不安になったので実証試験を行いました。質問内容は、「Webページに複数の<form>があって、Enterで送信したいんだけど、どっちの<form>が送信されるの？」というものです。悩見坂 楓あ、こ...
FlutterFlutterのScaffoldクラスで使えるパラメーターまとめ
FlutterにおけるScaffoldクラスは画面構成を描画、実装するクラスです。アプリケーションのレイアウトを作るためには欠かせない重要なクラスですので、しっかり押さえておきたいところです。とはいえScaffoldクラスを利用する際に結構...
FlutterDart言語で文字列を複数行で書く方法
JavaScriptでは下記の記事でテンプレートリテラルについて記載しました。テンプレートリテラルを使えば複雑なHTML構造をJavaScript内でスッキリまとめることが出来ます。可読性も向上しますし、ケアレスミス防止にも役立ちます。テン...
JavaScriptJavaScriptの文字列をスッキリ複数行で書く方法【テンプレートリテラル】
JavaScript内に<HTML>タグの要素を結構複雑に書かなきゃいけない場面が多々あると思います。コードを見やすくスッキリさせて、可読性の良い、ケアレスミスの少ないプログラムを書いてみましょう。ホントダメな例、やったらNGなコードvar...