効率化

JavaScript

【JavaScript】スマホの利き手でフローティングボックス(コンバージョンボタンなど)を左右利き手の側へ動的に移動する方法

コンバージョンしたい @media screen and (min-width: 801px){ #floating-box { display: none; } } @media screen and (max-width: 80...
業務効率化

【神速効率コーディング】VSCodeのEmmet(デフォルト設定)~最低限おさえたいテクニック12選【HTML&CSS】

Visual Studio Code(VSCode)を使ってコーディングしている方は非常に多いのではないでしょうか。無料で多機能なVScodeですが、使い方に工夫をするとさらに効率的なコーディングが出来、時間を有効に使うことが可能です。 ...
2023.05.20
Flutter

【VSCodeで便利】StatelessWidgetをStatefullWidetに瞬時に変換&過不足コード追記をするショートカットキー【Flutter】

たとえば何でもいいんですが、 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildCo...
SEO

#ハッシュタグの順序を自動でランダムに並べ替えるハッシュタグ・ランダマイザをリリースしました

SNSで切っても切れないハッシュタグとのインプレッション、リーチの関係を考察した上で、ハッシュタグを毎回同じ形でコピペで済ませていたのですが、どうもロボット扱いされているフシがあるとかないとか。 そこで、今回は投稿用のハッシュタグを...
2023.05.06
業務効率化

#BlockTheBlueの正当性や矛盾点を検証するためにChrome拡張機能「TwitterBlue Highlighter」を作りました

日本ではあまり受け入れられていない欧米の「#BlockTheBlue」運動について、私個人としても納得するような内容7割、うーんやりすぎかなが3割のような感覚になったので、実際にどれだけのTwitterBlueユーザーがいて、どのようなア...
業務効率化

ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows&mac】

※通常の閲覧時のショートカットです。Chromeのデベロッパーモード上でのショートカットキーは『Google Chromeデベロッパーツールのショートカットおススメ10選』をご覧ください。 業務効率を上げるためにPCでのショートカッ...
JavaScript

ブラウザの言語設定を変更せずにGoogleで英語検索をする方法【スマホ対応】

プログラマーやエンジニアをしていると日本語のサイトでは情報が不足していて、どうしても海外のサイトを検索していく必要が出てきます。 例えば「fllutter」というキーワードを普通に検索をしてしまうと、日本語のWebページばかり出てき...
2023.04.20
JavaScript

文字数カウントWebアプリケーションをSEOライター、ブロガーに便利な機能追加!ライティングの効率化に是非

Webライティングをしていると、作業途中までのコンテンツの文字数を取得したいことが非常に多く、Web上に掲載されている文字数カウントを行ってくれるWebページを使うことが多いです。 WordやWordpressにも文字数の計測の機能...
JavaScript

デベロッパーツールのオーバーライドでHTML, CSS, JavaScriptを効率的に開発する方法

デベロッパーツールでのオーバーライドとは、WebページのHTMLやCSS、JavaScriptをリアルタイムに編集することで、表示上の見た目や動作を変更することができる機能です。 例えば、デザインやレイアウトの微調整や、JavaSc...
JavaScript

コンソール出力はconsole.logだけじゃない!?console.dirの使いどころや便利な場面を考察

エンジニアなら常識的に使っているconsole.log()。デベロッパーツールのコンソール画面に変数の値やオブジェクトの中身などを表示出来る便利な機能です。F12キーでデベロッパーツールを開いてもいいですが、Ctrl + Shift + ...
JavaScript

iPhoneのFirefoxアプリのユーザーエージェントには「Firefox」の文字列がない

JavaScriptでユーザーエージェントを判別してFirefoxだけ除外しようとしたら、PC(Windows)では「firefox」という文字列で判別することができるのに、iPhoneだと除外対象にならなかった。(これMozillaさん...
JavaScript

JavaScriptのfor文(ループ処理)の使い方:初心者向けチュートリアル

JavaScriptにおけるfor文は、反復処理*を行うための制御構造*の一つです。for文を使用することで、指定した回数の処理を自動化することができます。 *反復処理とは、同じ処理を複数回繰り返し実行することを指します。JavaS...
業務効率化

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 b...
JavaScript

プロトタイプ(prototype)の基礎、メリットやサンプルコードによる実装方法を出来るだけ分かりやすく解説【JavaScript】

JavaScriptのプロトタイプを楽器のギターに例えると、あるギターのプロトタイプは「そのギターが持つ特定の機能や特性を定義するような設計図」のようなものです。 具体的にどういうことかと言うと、例えばギターの形状、音色、使用材料な...
2023.04.08
タイトルとURLをコピーしました