業務効率化

業務効率化

#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...
業務効率化

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

Google Chrome拡張機能の作り方 v3 入門編

趣味や仕事でGoogle Chromeの拡張機能を作成する機会が増えてきましたので、手順や必要ファイルなどをまとめておきます。作ってみたいとお考えの方の入り口になれれが嬉しく思います。では、早速必要な手順をフローでまとめてみましょう。管理人...
JavaScript

jQuery無しでスムーススクロールをJavaScriptで実装する最も簡単な方法を検証~これでいいんじゃ……

IE(Internet Explorer)が去った今、スムーススクロールってめっちゃ簡単に書いてもいいのでは?と思い検証を兼ねてコードを実装してみます。スムーススクロールをするにはちょっと文章量が多くないといけないので大変ですね。特に書くこ...
SEO

Google検索にチョイ足しクエリで仕事が捗る【URL付与パラメーターの一覧】

Webライティングをやっていると、専門技術に関しては日本語サイトはかなり遅れていると皆さんお考えではないでしょうか。海外の先端情報をどうやって集めるか、という問題が出てきますが、とりあえずGoogleで英語検索するのが定石ですね。プログラマ...
JavaScript

JavaScriptの三項演算子が分かりにくくて発狂するかたへ~三項演算子とはなにか、覚え方とメリットは何か

(条件) ? 真/trueの場合 : 偽/falseの場合;プログラムの書き方は最適解は存在するものの絶対正であることはあまりない(構文以外の話)と個人的には考えています。その最たるものが三項演算子を使うか使わないかや、アロー関数にするかし...
JavaScript

テスト/本番(複数環境)ドメインのブラウザの比較検証を効率化するChrome拡張機能 『The Switcher』 – テスト環境・本番環境の切り替えにお使いください

2024/04/20 Sat. 1,500ユーザーの皆様ありがとうございますm(__)m2024/03/21 Thu. ユーザーが1,000を超えました!ありがとうございます!ドメインのスイッチや切り替え表示はそのままやると非効率コーディン...
react-native

【CSS 疑似要素】before, afterのcontentプロパティ内で文章を改行する方法

やむを得ずHTML内の文章をCSSで入れ込むことが稀にあります。その方法こそ「content: "~"」です。これはおなじみなので特に説明の必要もないかと思います。しかし、このcontent内の文章に改行や空白を入れたいときは少しトリッキー...
JavaScript

来年(2027年)まであと何日?何時間?何分?何秒?【カウントダウンタイマーJavascript】

今年(2026年)もカウントダウンタイマーをつくりましたのでご査収ください。※2023/10/27 追記:すみません、JSにエラーがあり表示されない状態でした。修正しておきました。2027年01月01日00:00まであと、let nowTi...