JavaScript【JavaScript】スマホの利き手でフローティングボックス（コンバージョンボタンなど）を左右利き手の側へ動的に移動する方法
コンバージョンしたい@media screen and (min-width: 801px){#floating-box { display: none;}}@media screen and (max-width: 800px){#flo...
効率化
JavaScript
業務効率化【神速効率コーディング】VSCodeのEmmet（デフォルト設定）～最低限おさえたいテクニック12選【HTML&CSS】
Visual Studio Code（VSCode）を使ってコーディングしている方は非常に多いのではないでしょうか。無料で多機能なVScodeですが、使い方に工夫をするとさらに効率的なコーディングが出来、時間を有効に使うことが可能です。今回...
Flutter【VSCodeで便利】StatelessWidgetをStatefullWidetに瞬時に変換＆過不足コード追記をするショートカットキー【Flutter】
たとえば何でもいいんですが、class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext contex...
SEO#ハッシュタグの順序を自動でランダムに並べ替えるハッシュタグ・ランダマイザをリリースしました
SNSで切っても切れないハッシュタグとのインプレッション、リーチの関係を考察した上で、ハッシュタグを毎回同じ形でコピペで済ませていたのですが、どうもロボット扱いされているフシがあるとかないとか。そこで、今回は投稿用のハッシュタグを入力すると...
業務効率化#BlockTheBlueの正当性や矛盾点を検証するためにChrome拡張機能「TwitterBlue Highlighter」を作りました
日本ではあまり受け入れられていない欧米の「#BlockTheBlue」運動について、私個人としても納得するような内容7割、うーんやりすぎかなが3割のような感覚になったので、実際にどれだけのTwitterBlueユーザーがいて、どのようなアカ...
業務効率化ブラウジングを爆速化して業務に役立つ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文を使用することで、指定した回数の処理を自動化することができます。*反復処理とは、同じ処理を複数回繰り返し実行することを指します。JavaScript...
業務効率化IEモード 開発者ツール（DevTools）でデバッグ作業をより効率的に行う方法とは？
悲しいことに未だにIE対応が必要な企業などのページがあります。一方で既にInternet Explorerは廃止され、WindowsではIEを開くことすら出来ません。しかし、IEモードという未練がましい機能があり、IEにしか対応していないW...
react-nativeコマンドプロンプト、PowerShell、ターミナルでディレクトリを移動する一番効率的な方法は何か？
ReactやReact Nativeのビルド、アプリの開始では毎回以下のコマンドを入力する必要があります。cd （アプリまでのパス）my-appnpm startcd （アプリまでのパス）my-appnpm run buildcd（Chan...
JavaScriptプロトタイプ（prototype）の基礎、メリットやサンプルコードによる実装方法を出来るだけ分かりやすく解説【JavaScript】
JavaScriptのプロトタイプを楽器のギターに例えると、あるギターのプロトタイプは「そのギターが持つ特定の機能や特性を定義するような設計図」のようなものです。具体的にどういうことかと言うと、例えばギターの形状、音色、使用材料などの情報が...