業務効率化Google Chromeのデベロッパーツール搭載のエレメント検索機能が便利すぎる件～セレクタ検索、xPath検索
Webページ内で複雑なセレクタがどの要素に当たるのかが一発でわかる便利な検索機能のご紹介です。 普通に検索窓として「class="nantoka"」や「src="/images」のような文字列を検索するのにも使えるのですが、実はここにはCS...
業務効率化
業務効率化
業務効率化新常識？ヘッドレスCMS（Headless CMS）とは何か？初心者にも分かりやすく解説
悩見坂 楓 最近ヘッドレスCMSってよく耳にするんだけど、いったいどういうものでしょうか？？ 著者 ヘッドレスCMSについて出来るだけ分かりやすく解説してみます！お任せあれ！ ヘッドレスCMS（Headless CMS）とは ヘッドレスCM...
業務効率化Reactのデバック実行をVSCodeのF5キーで爆速完結させる方法
※初回起動時はローカルサーバーを起動する必要があるのでnpm startを実行する必要があります！ Reactアプリケーションを作成している時に、皆さんはどのようにブラウザを起動して実行テストを行っているでしょうか。 ターミナルからnpm ...
業務効率化Google Chromeでリンク先のテキストをハイライトして中央表示する方法
「リンク先のここに書いてあるよ」と相手に伝えたいときがあります。そんな時にちょっと便利なハック的なことができます。 ただ、Google Chrome（PC/モバイル）、Edge限定になってしまいますのでiPhoneのSafariやMacのS...
業務効率化Chrome拡張機能「類GO!」リリースしました【for Webライター】
悩見坂 楓 なんだよ類GOって、オヤジギャグかよwwwwダサwww 著者 異論は認めません Wordpressでライティングしていたりすると、単語の類語を調べることがよくあります。その際に検索バーで「〇〇 類語」というように「単語△（スペー...
業務効率化HTMLの<form>が1ページ内に複数あった場合にEnterを押すと……
友人から質問があり、回答したのですがちょっと不安になったので実証試験を行いました。 質問内容は、「Webページに複数の<form>があって、Enterで送信したいんだけど、どっちの<form>が送信されるの？」というものです。 悩見坂 楓 ...
業務効率化VS Codeで定義されている位置（ファイル）に一瞬で飛び確認する方法
関数や変数が定義されている場所を調べるときに役立つショートカットです。React Native、Flutterどちらのアプリケーションのソースでも出来たのでその他の言語でも応用が利くと思います。 このクラス、どこで定義されているの？→すぐわ...
業務効率化「Highlighting Code Block」にDart言語を追加する方法
Wordpressのプラグイン「Highlighting Code Block」にデフォルト以外の言語を追加する方法をご紹介します。コードにカラーリングしてくれる非常に便利なプラグインで、設定画面も日本語なので利用する価値があります。このサ...
業務効率化Google Chromeデベロッパーツールのショートカットおススメ10選
※Chromeのデベロッパーモード上でのショートカットキーです。通常の閲覧時のショートカットは『ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】』をご覧ください。 フロ...
業務効率化2022年、需要が高くて高収入な、人気で熱いプログラミング言語は何なのか
概して日本のプログラミング業界は、アメリカなどの英語圏の欧米諸国より数年遅れて言語のトレンドがやってくるのではないでしょうか。英語習得者が比較的に少ない日本では翻訳された二次情報、三次情報をもとにエンジニアが活性化していくため、仕方のないこ...
業務効率化Google Search Consoleのサイトの所有権をサブドメインに適用させる方法（ムームドメイン）
サーチコンソール上で新規にプロパティを作成しようとすると、下記のようにサイトの所有権チェックを強制されます。（数年前はなかったんですがね。） サーチコンソールでプロパティを追加しようとすると出てくるポップアップ画面 DNSレコードを使ってサ...