業界NEWSGoogle Chrome 118に追加されたCSSルール「@scope」の基礎知識と使い方
CSSの新機能として実装された「@scope」ルールについてまとめました。デザイナー、コーダー、フロントエンドエンジニアの方は要チェックです。※Google Chrome 118安定版リリース時の記事です @scopeとは？ @scopeは...
効率化
業界NEWS
業務効率化アプリケーション、製品、パッケージ、プロダクトにおけるバージョンの数字の意味と付け方【業務効率化】
皆さんはアプリのバージョンとか気にする方でしょうか？何の気なしに利用している分には「ふーん、ん、なんか変わってバージョンアップしたんだな」程度な感触なのではないかと思います。 もちろん、ガチエンジニアで「このアップデートと修正があったから、...
業務効率化Chromeデベロッパーツールで特定のCSSファイルやJavaScriptファイルをブロックして読み込ませなくさせる方法
Web開発をしていると不具合の原因を辿るために、CSSファイルを読み込ませないようにしたかったり、JavaScriptのファイルが原因なんじゃないかとファイルの読み込みを遮断したりしたい時がまぁまぁあります。 CSSファイルを一新したいとき...
業務効率化Web制作でFlutterやReactのようなホットリロード（もどき？）を実現してコーディング効率を爆上がりさせる方法
Webのコーディングはファイルを編集して、ファイルをアップロードして、ブラウザを更新して初めて修正箇所が分かるのですが、これが非常にめんどくさい。 ファイルを編集&保存（F5押下不要）、でブラウザの表示が変わったら劇的に作業効率爆上がりませ...
Flutter【Flutter】Dart言語におけるカスケード記法についてのまとめと解説。利用するとこんなメリットがあります
みなさんはDart言語をやっていて「..」といったように、ドットの連続がコード内に登場することはないでしょうか？JavaScriptばかりやっていたので少し目新しかったので、皆さんのお役に立てるかなと思い、この記事をまとめました。「..」（...
業務効率化【インストール不要】サブディスプレイ・モニタにスクリーンセーバーエフェクトを動作させるブラウザアプリ【JavaScript ブラウザアプリ】
先日、使っているノートPCが小さいなぁと感じ、モバイルディスプレイをAmazonのタイムセールで買いました（なんとドイツ製っぽいんですが12,800円也）。 そろそろ使い慣れてきたのですが、ふとサブモニタにスクリーンセーバー欲しいな、って画...
JavaScript【入門】Vue.jsとは？初心者でも理解できるように現役エンジニアが徹底解説！【JavaScriptフレームワーク】
Reactに多少押されてはいるものの、まだ需要が高いVue.js。今回はVue.jsとはどんなフレームワークで実際どのようにコーディングしていくのかが分かるように概要から具体的な実践内容について解説していきます。 対象となるのはある程度Ja...
業務効率化【2023年 Ver.21.3】DreamweaverでEmmetを使って光速コーディング【設定・プラグイン不要】
VSCodeでEmmetが使えると紹介しました。『【神速効率コーディング】VSCodeのEmmet（デフォルト）～最低限おさえたい12のテクニック【HTML&CSS】』 同様にDreamweaverで出来ないかといろいろ探してみたのですが、...
JavaScript【JavaScript】スマホの利き手でフローティングボックス（コンバージョンボタンなど）を左右利き手の側へ動的に移動する方法
コンバージョンしたい @media screen and (min-width: 801px){ #floating-box { display: none; } } @media screen and (max-width: 800px)...
業務効率化【神速効率コーディング】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 conte...
SEO#ハッシュタグの順序を自動でランダムに並べ替えるハッシュタグ・ランダマイザをリリースしました
SNSで切っても切れないハッシュタグとのインプレッション、リーチの関係を考察した上で、ハッシュタグを毎回同じ形でコピペで済ませていたのですが、どうもロボット扱いされているフシがあるとかないとか。 そこで、今回は投稿用のハッシュタグを入力する...
業務効率化#BlockTheBlueの正当性や矛盾点を検証するためにChrome拡張機能「TwitterBlue Highlighter」を作りました
日本ではあまり受け入れられていない欧米の「#BlockTheBlue」運動について、私個人としても納得するような内容7割、うーんやりすぎかなが3割のような感覚になったので、実際にどれだけのTwitterBlueユーザーがいて、どのようなアカ...
業務効率化ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】
※通常の閲覧時のショートカットです。Chromeのデベロッパーモード上でのショートカットキーは『Google Chromeデベロッパーツールのショートカットおススメ10選』をご覧ください。 業務効率を上げるためにPCでのショートカットを使う...
JavaScriptブラウザの言語設定を変更せずにGoogleで英語検索をする方法【スマホ対応】
プログラマーやエンジニアをしていると日本語のサイトでは情報が不足していて、どうしても海外のサイトを検索していく必要が出てきます。 例えば「fllutter」というキーワードを普通に検索をしてしまうと、日本語のWebページばかり出てきて海外の...