react-nativeコマンドプロンプト、PowerShell、ターミナルでディレクトリを移動する一番効率的な方法は何か？
ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。 cd （アプリまでのパス）my-app npm start cd （アプリまでのパス）my-app npm run b...
効率化
react-native
JavaScriptプロトタイプ（prototype）の基礎、メリットやサンプルコードによる実装方法を出来るだけ分かりやすく解説【JavaScript】
JavaScriptのプロトタイプを楽器のギターに例えると、あるギターのプロトタイプは「そのギターが持つ特定の機能や特性を定義するような設計図」のようなものです。 具体的にどういうことかと言うと、例えばギターの形状、音色、使用材料な...
JavaScriptGoogle Chrome拡張機能の作り方 v3 入門編
趣味や仕事でGoogle Chromeの拡張機能を作成する機会が増えてきましたので、手順や必要ファイルなどをまとめておきます。作ってみたいとお考えの方の入り口になれれが嬉しく思います。では、早速必要な手順をフローでまとめてみましょう。 ...
JavaScriptJavaScriptのオブジェクトのプロパティに変数を指定する方法と取得する方法
Javasciriptのオブジェクトのキー値に変数を指定したい場合が多々あります。キー値に同じ文字列を毎回指定するとメンテナンスが煩雑になったり、手間が増え非効率です。 そこでオブジェクトのキー値を一括で変数にまとめてしまう方法を解...
JavaScriptjQuery無しでスムーススクロールをJavaScriptで実装する最も簡単な方法を検証～これでいいんじゃ……
IE（Internet Explorer）が去った今、スムーススクロールってめっちゃ簡単に書いてもいいのでは？と思い検証を兼ねてコードを実装してみます。 スムーススクロールをするにはちょっと文章量が多くないといけないので大変ですね。...
SEOGoogle検索にチョイ足しクエリで仕事が捗る【URL付与パラメーターの一覧】
Webライティングをやっていると、専門技術に関しては日本語サイトはかなり遅れていると皆さんお考えではないでしょうか。海外の先端情報をどうやって集めるか、という問題が出てきますが、とりあえずGoogleで英語検索するのが定石ですね。 ...
JavaScriptJavaScriptの三項演算子が分かりにくくて発狂するかたへ～三項演算子とはなにか、覚え方とメリットは何か
(条件) ? 真/trueの場合 : 偽/falseの場合; プログラムの書き方は最適解は存在するものの絶対正であることはあまりない（構文以外の話）と個人的には考えています。その最たるものが三項演算子を使うか使わないかや、アロー関数...
JavaScriptテスト/本番（複数環境）ドメインのブラウザの比較検証を効率化するChrome拡張機能 『The Switcher』 – テスト環境・本番環境の切り替えにお使いください
2024/03/21 Thu. ユーザーが1,000を超えました！ありがとうございます！ ドメインのスイッチや切り替え表示はそのままやると非効率 コーディングやサイト構築の仕事では、テスト環境と本番環境が分かれていることが非常...
JavaScript来年（2024年）まであと何日？何時間？何分？何秒？【カウントダウンタイマーJavascript】
今年（2023年）もわずかになりました。カウントダウンタイマーをつくりましたのでご査収ください。※2023/10/27 追記：すみません、JSにエラーがあり表示されない状態でした。修正しておきました。 2024年01月01日00:0...
JavaScriptYoutube iFrame Player APIの使い方。無料で使えるの？メリットは？自動再生の方法は？【2022, 2023年JavaScript】
WebページにYoutubeを埋め込む場合に、埋め込み用iframeのソースを張り付けるのが一般的です。特段にAPIを使う必要が無い場合にはYoutubeページにある埋め込み用iframeを張り付ければOKですね。例えばこんな感じのソース...
JavaScript【コピペOK】JavaScriptの汎用メソッド「formatDate」全コード掲載！日付フォーマットなんて簡単です
いわゆる「formatDate」はJavaScriptのDateオブジェクトを指定したいフォーマットに変換する際に非常に便利な汎用コードです。JavaScript標準の関数ではなく、自前で宣言し実行する流れとなります。 たとえばYY...
JavaScript【JavaScript】アロー関数とは！？たった6つのポイントをおさえて、分かりやすく解説！
よく他人のソースコードを見ている時にギョっとなる関数の書き方がありませんか？？それ、大概はアロー関数式でかかれたJavaScriptの関数です。 アロー関数がどういうものかを理解できていればキョっとなる必要はほぼ無くなります。普通の...
JavaScript配列内の検索・判定・判別をするJavaScriptのメソッド（find, some, every, includes）を解説～初心者～中級者向け
Arrayオブジェクトのメソッド判定・判別の用途isArray()配列オブジェクトであるか？find()条件を満たす値を取得するsome()条件を満たす要素がひとつでもあるか？every()全要素が条件を満たすか？includes()任意...
JavaScript【疑似クラス】nth-childとnth-of-typeの違いを徹底検証！
フロントエンドエンジニアやコーダーが結構おざなりにしているnth-childとnth-of-typeの違いを解説します。知人の中にも「必要になったら毎回ググってる」人が多く、あまりきちんと理解しきれてないことがよくあります。 今回の...
SEOサーチコンソールで複数のキーワード（クエリ）でフィルターをかける方法。「または（or）」の利用法。
Google Search Console、いわゆる「サチコ」でキーワードを複数でフィルタリングするにはひと手間かける必要があります。 単純に「インスタ」という単語を含むだけで良ければ、「次を含むクエリ」ボタンを使ってサクサクできま...