JavaScriptクロージャーをJavaScriptで理解する・使い方
クロージャーとは、別名「関数閉包」と呼ばれ、内部スコープから外部スコープの変数を参照する関数です。クロージャーは、外側のスコープをその内側のスコープ内に保持します。基本的にクロージャーはFunctionオブジェクトになります。 悩見坂 楓 ...
JavaScript
JavaScript
JavaScriptJavaScriptにおけるObject（オブジェクト）型
一般的にJavaScriptのobject（オブジェクト）とは、Objectクラスのデータ型の1つに分類されます。 JavaScriptのint型、String型、Array型などのほとんどのデータ型はこのObjectクラスのインスタンスで...
JavaScriptウクライナの国旗を自動生成するjQueryプラグインno-war.jsを作りました
悩見坂 楓 戦争反対！ 著者 反対！反対！jQueryのプラグインを作りました 戦争に断固反対しています。 ウクライナの国旗を生成するjQueryのプラグインを作りました。即興なので幅だけオプションしていできます。jQuery.no-war...
JavaScriptJavaScriptにおけるforEach()とは？基本的なループの使い方と注意点
配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに実...
JavaScriptSlick SliderのcenterPaddingオプションで%指定したい・基本的な使い方
jQueryのプラグインでスライダーに使われるSlickですが、centerPaddingというオプションがあります。 centerPaddingはcenterModeというメインのスライドを中央表示する機能を利用しているときに、真ん中のス...
FlutterDart言語におけるClassの引数の扱い方
Dart言語を勉強しようと思い立った方の中には、React Nativeからの延長で学習を始める人も多いのではないでしょうか。JavaScriptでのClassの書き方が、Dartではちょっと違ったりしますね。 Dartのコンストラクタの書...
JavaScript【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】
お客さんのサイトで、先日から急にInstagram API（Facebook Graph API）で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった？？と思い自分のアカウントを使って実装してみました。 悩見坂...
業務効率化Chrome拡張機能「類GO!」リリースしました【for Webライター】
悩見坂 楓 なんだよ類GOって、オヤジギャグかよwwwwダサwww 著者 異論は認めません Wordpressでライティングしていたりすると、単語の類語を調べることがよくあります。その際に検索バーで「〇〇 類語」というように「単語△（スペー...
JavaScriptJavaScriptの文字列をスッキリ複数行で書く方法【テンプレートリテラル】
JavaScript内に<HTML>タグの要素を結構複雑に書かなきゃいけない場面が多々あると思います。コードを見やすくスッキリさせて、可読性の良い、ケアレスミスの少ないプログラムを書いてみましょう。 ホントダメな例、やったらNGなコード v...
react-nativeReact Nativeオワコン論争2022
React Nativeは既にブームが去って、世間に見捨てられたという意見がネット界隈で浸透しています。そもそもオワコンとは、「終わったコンテンツ」の略で最盛期を過ぎてもはや流行らないものを指します。果たしてReact Nativeは過去の...
react-nativeReact NativeのonPressに引数を利用する方法
画面遷移などのときに、変数を次の画面へ渡したい場合が多々あります。<View>などにonPressを使って引数を指定するにはどうしたらよいのでしょうか。 引数なしの場合のonPress これは単純に<View>や<Text>などにonPre...
react-nativeReact NativeのcreateNativeStackNavigatorが動かなかった話
React Nativeで画面遷移するときにStackという画面移動方法を使用することが多いのですが、このStackの指定がうまくいかず、無駄に時間を取られました。Stack Navigatorの挙動については公式サイトに掲載されていますの...
react-nativeReact、React Nativeにおけるフックとは何か【基本とサンプルコード】
React Nativeに触れる機会が多くなって、フック（英語：hooks）という言葉にぶつかりました。hookを和訳すると、動詞の場合は、釘にかける、やホックで留める、ひっかける、など掛ける・留めるという意味です。名詞として使えば、かぎ・...
JavaScriptJavaScriptからチャットワークAPIを使ってメッセージをPOSTできるのか
仕事でChatwork APIを使ってJavaScript（プレーンなHTML+JavaScript）で投稿したい、と問い合わせがあったので早速簡易的に実装してみたところ、出来ない！CORSエラーが返ってきてうんともすんとも・・・ Chat...
react-nativeFirebase JS SDK バージョン 9でCloud Firestoreに接続するには
Firebase公式サイトの実装ガイドに従ってReact NativeのアプリからCloud Firestoreに接続して、データベースを取得してみました。Firebase公式のサンプルコードはに掲載されているものに出来るだけ沿ったので、な...