業務効率化ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】
※通常の閲覧時のショートカットです。Chromeのデベロッパーモード上でのショートカットキーは『Google Chromeデベロッパーツールのショートカットおススメ10選』をご覧ください。 業務効率を上げるためにPCでのショートカットを使う...
効率化
業務効率化
JavaScriptブラウザの言語設定を変更せずにGoogleで英語検索をする方法【スマホ対応】
プログラマーやエンジニアをしていると日本語のサイトでは情報が不足していて、どうしても海外のサイトを検索していく必要が出てきます。 例えば「fllutter」というキーワードを普通に検索をしてしまうと、日本語のWebページばかり出てきて海外の...
JavaScript文字数カウントWebアプリケーションをSEOライター、ブロガーに便利な機能追加！ライティングの効率化に是非
Webライティングをしていると、作業途中までのコンテンツの文字数を取得したいことが非常に多く、Web上に掲載されている文字数カウントを行ってくれるWebページを使うことが多いです。 WordやWordpressにも文字数の計測の機能が標準で...
JavaScriptデベロッパーツールのオーバーライドでHTML, CSS, JavaScriptをブラウザ上で効率的に開発する方法
デベロッパーツールでのオーバーライドとは、WebページのHTMLやCSS、JavaScriptをリアルタイムに編集することで、表示上の見た目や動作を変更することができる機能です。 例えば、デザインやレイアウトの微調整や、JavaScript...
JavaScriptコンソール出力はconsole.logだけじゃない！？console.dirの使いどころや便利な場面を考察
エンジニアなら常識的に使っているconsole.log()。デベロッパーツールのコンソール画面に変数の値やオブジェクトの中身などを表示出来る便利な機能です。F12キーでデベロッパーツールを開いてもいいですが、Ctrl + Shift + J...
JavaScriptiPhoneのFirefoxアプリのユーザーエージェントには「Firefox」の文字列がない
JavaScriptでユーザーエージェントを判別してFirefoxだけ除外しようとしたら、PC（Windows）では「firefox」という文字列で判別することができるのに、iPhoneだと除外対象にならなかった。（これMozillaさん、...
JavaScriptJavaScriptのfor文（ループ処理）の使い方：初心者向けチュートリアル
JavaScriptにおけるfor文は、反復処理*を行うための制御構造*の一つです。for文を使用することで、指定した回数の処理を自動化することができます。 *反復処理とは、同じ処理を複数回繰り返し実行することを指します。JavaScrip...
業務効率化IEモード 開発者ツール（DevTools）でデバッグ作業をより効率的に行う方法とは？
悲しいことに未だにIE対応が必要な企業などのページがあります。一方で既にInternet Explorerは廃止され、WindowsではIEを開くことすら出来ません。 しかし、IEモードという未練がましい機能があり、IEにしか対応していない...
react-nativeコマンドプロンプト、PowerShell、ターミナルでディレクトリを移動する一番効率的な方法は何か？
ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。 cd （アプリまでのパス）my-app npm start cd （アプリまでのパス）my-app npm run build cd...
JavaScriptプロトタイプ（prototype）の基礎、メリットやサンプルコードによる実装方法を出来るだけ分かりやすく解説【JavaScript】
JavaScriptのプロトタイプを楽器のギターに例えると、あるギターのプロトタイプは「そのギターが持つ特定の機能や特性を定義するような設計図」のようなものです。 具体的にどういうことかと言うと、例えばギターの形状、音色、使用材料などの情報...
JavaScriptGoogle Chrome拡張機能の作り方 v3 入門編
趣味や仕事でGoogle Chromeの拡張機能を作成する機会が増えてきましたので、手順や必要ファイルなどをまとめておきます。作ってみたいとお考えの方の入り口になれれが嬉しく思います。では、早速必要な手順をフローでまとめてみましょう。 管理...
JavaScriptJavaScriptのオブジェクトのプロパティに変数を指定する方法と取得する方法
Javasciriptのオブジェクトのキー値に変数を指定したい場合が多々あります。キー値に同じ文字列を毎回指定するとメンテナンスが煩雑になったり、手間が増え非効率です。 そこでオブジェクトのキー値を一括で変数にまとめてしまう方法を解説します...
JavaScriptjQuery無しでスムーススクロールをJavaScriptで実装する最も簡単な方法を検証～これでいいんじゃ……
IE（Internet Explorer）が去った今、スムーススクロールってめっちゃ簡単に書いてもいいのでは？と思い検証を兼ねてコードを実装してみます。 スムーススクロールをするにはちょっと文章量が多くないといけないので大変ですね。特に書く...
SEOGoogle検索にチョイ足しクエリで仕事が捗る【URL付与パラメーターの一覧】
Webライティングをやっていると、専門技術に関しては日本語サイトはかなり遅れていると皆さんお考えではないでしょうか。海外の先端情報をどうやって集めるか、という問題が出てきますが、とりあえずGoogleで英語検索するのが定石ですね。 プログラ...
JavaScriptJavaScriptの三項演算子が分かりにくくて発狂するかたへ～三項演算子とはなにか、覚え方とメリットは何か
(条件) ? 真/trueの場合 : 偽/falseの場合; プログラムの書き方は最適解は存在するものの絶対正であることはあまりない（構文以外の話）と個人的には考えています。その最たるものが三項演算子を使うか使わないかや、アロー関数にするか...