業務効率化ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】
※通常の閲覧時のショートカットです。Chromeのデベロッパーモード上でのショートカットキーは『Google Chromeデベロッパーツールのショートカットおススメ10選』をご覧ください。 業務効率を上げるためにPCでのショートカットを使う...
業務効率化
SEO【2023年以降】Bing検索への対応（SEO）は必要か？Googleアナリティクスのデータも踏まえ考察
日本ではChatGPT人気が異常に高まり、TV番組ですら一日数回は「ChatGPT」という言葉を耳にするほどになっています。 ChartGPTの対抗馬として頻繁に挙げられるのは「Bing AI」の存在でしょう。 今まで（2022年暮れ頃まで...
JavaScriptChatGPTと対話してJavaScriptで映画マトリックス風のエフェクトText Rainをブラッシュアップした話【レスポンシブ対応】
もうね、エンジニアの存在意義が問われる時代になってしまったのを痛感してます。なかなか再現が難しかった映画マトリックスのあのエフェクト（通称、Matrix text rain）をどうやって表現しているのか気になってChatGPTに効いてみたん...
JavaScriptブラウザの言語設定を変更せずにGoogleで英語検索をする方法【スマホ対応】
プログラマーやエンジニアをしていると日本語のサイトでは情報が不足していて、どうしても海外のサイトを検索していく必要が出てきます。 例えば「fllutter」というキーワードを普通に検索をしてしまうと、日本語のWebページばかり出てきて海外の...
JavaScript文字数カウントWebアプリケーションをSEOライター、ブロガーに便利な機能追加！ライティングの効率化に是非
Webライティングをしていると、作業途中までのコンテンツの文字数を取得したいことが非常に多く、Web上に掲載されている文字数カウントを行ってくれるWebページを使うことが多いです。 WordやWordpressにも文字数の計測の機能が標準で...
JavaScriptデベロッパーツールのオーバーライドでHTML, CSS, JavaScriptをブラウザ上で効率的に開発する方法
デベロッパーツールでのオーバーライドとは、WebページのHTMLやCSS、JavaScriptをリアルタイムに編集することで、表示上の見た目や動作を変更することができる機能です。 例えば、デザインやレイアウトの微調整や、JavaScript...
JavaScriptJavaScript slice: 文字列や配列を切り取る方法と使い方を徹底解説！
本記事では、JavaScriptの slice()メソッドについて詳しく解説します。slice()メソッドは、文字列や配列を切り取るためのメソッドで、JavaScriptの開発において非常に便利な機能です。 slice()メソッドの使い方や...
JavaScriptコンソール出力はconsole.logだけじゃない！？console.dirの使いどころや便利な場面を考察
エンジニアなら常識的に使っているconsole.log()。デベロッパーツールのコンソール画面に変数の値やオブジェクトの中身などを表示出来る便利な機能です。F12キーでデベロッパーツールを開いてもいいですが、Ctrl + Shift + J...
JavaScriptスクロールしたら要素をフェードインしたり動かしたりする方法【JavaScript】
企業サイトやゲーム公式サイトなどでよくみかけるWebページのギミックですね。ブラウザをスクロールしていたら画面内に入ってきた要素が横から現れたり、ふわっとフェードインしたりする視覚効果を実装する方法のご紹介です。出来るだけ初心者の方にも分か...
FlutterDart入門：基本的な構文10個のサンプルから学ぶDartプログラミングの基礎【Flutter】
Flutterアプリケーションを構築するためにはDartという言語を習得する必要があります。ここではFlutterでモバイルアプリを作りたい、Webアプリを作りたいという方に向けてDartの基本的な知識と基本スキルを身に着けられるようにまと...
JavaScriptiPhoneのFirefoxアプリのユーザーエージェントには「Firefox」の文字列がない
JavaScriptでユーザーエージェントを判別してFirefoxだけ除外しようとしたら、PC（Windows）では「firefox」という文字列で判別することができるのに、iPhoneだと除外対象にならなかった。（これMozillaさん、...
JavaScriptJavaScript for-inの使い方とサンプルスクリプト – 初心者向けチュートリアル
JavaScriptのfor...inループは、オブジェクトのプロパティを反復処理するための構文です。for...inループを使用すると、オブジェクト内のすべての列挙可能なプロパティを反復処理し、それぞれのプロパティのキーを取得できます。f...
JavaScriptJavaScriptのfor文（ループ処理）の使い方：初心者向けチュートリアル
JavaScriptにおけるfor文は、反復処理*を行うための制御構造*の一つです。for文を使用することで、指定した回数の処理を自動化することができます。 *反復処理とは、同じ処理を複数回繰り返し実行することを指します。JavaScrip...
業務効率化IEモード 開発者ツール（DevTools）でデバッグ作業をより効率的に行う方法とは？
悲しいことに未だにIE対応が必要な企業などのページがあります。一方で既にInternet Explorerは廃止され、WindowsではIEを開くことすら出来ません。 しかし、IEモードという未練がましい機能があり、IEにしか対応していない...
業界NEWSChatGPTにプログラミング周りのことをアニメに例えてもらった
心底危機感を抱いているプログラマー兼エンジニア兼Webライターのわたくしです。 今回はChatGPTに底力を発揮していただくべく、プログラミングやWebの技術に関する質問をなげかけてみました。さあ、ChatGPTのポテンシャルを引き出せるの...