JavaScript初心者も押さえておくべきWebセキュリティ vol.1 JavaScript『クロスサイトスクリプティング（XSS）』 効果的な対策方法と最適な方法
Webアプリケーションのセキュリティは、ユーザーのデータ保護と信頼性の確保にとって不可欠ですね。特に、クロスサイトスクリプティング（以下、XSS）攻撃は、JavaScriptを使用して悪意のあるコードを注入し、ユーザーのブラウザ上で実行する...
JavaScript
業務効率化【インストール不要】サブディスプレイ・モニタにスクリーンセーバーエフェクトを動作させるブラウザアプリ【JavaScript ブラウザアプリ】
先日、使っているノートPCが小さいなぁと感じ、モバイルディスプレイをAmazonのタイムセールで買いました（なんとドイツ製っぽいんですが12,800円也）。 そろそろ使い慣れてきたのですが、ふとサブモニタにスクリーンセーバー欲しいな、って画...
JavaScript【インストール不要！】猫が喜んで遊ぶ（かもしれない）無料ブラウザアプリ「ぬあぴっぴ」（対応：PC, iPad, Androidタブレット）
我が家には猫が2匹かわいい子がいるのですが、PCに上がってきて邪魔ばかりしてきます笑。キーボードは踏むし、画面は見えないわで作業になりません。 そこで、発想を変えてもう遊んでもらっちゃえってことでJavaScriptで猫が好きそうな画面を描...
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でのショートカットを使う...
SEO【2023年以降】Bing検索への対応（SEO）は必要か？Googleアナリティクスのデータも踏まえ考察
日本ではChatGPT人気が異常に高まり、TV番組ですら一日数回は「ChatGPT」という言葉を耳にするほどになっています。 ChartGPTの対抗馬として頻繁に挙げられるのは「Bing AI」の存在でしょう。 今まで（2022年暮れ頃まで...
JavaScriptChatGPTと対話してJavaScriptで映画マトリックス風のエフェクトText Rainをブラッシュアップした話【レスポンシブ対応】
もうね、エンジニアの存在意義が問われる時代になってしまったのを痛感してます。なかなか再現が難しかった映画マトリックスのあのエフェクト（通称、Matrix text rain）をどうやって表現しているのか気になってChatGPTに効いてみたん...
JavaScriptブラウザの言語設定を変更せずにGoogleで英語検索をする方法【スマホ対応】
プログラマーやエンジニアをしていると日本語のサイトでは情報が不足していて、どうしても海外のサイトを検索していく必要が出てきます。 例えば「fllutter」というキーワードを普通に検索をしてしまうと、日本語のWebページばかり出てきて海外の...
JavaScript文字数カウントWebアプリケーションをSEOライター、ブロガーに便利な機能追加！ライティングの効率化に是非
Webライティングをしていると、作業途中までのコンテンツの文字数を取得したいことが非常に多く、Web上に掲載されている文字数カウントを行ってくれるWebページを使うことが多いです。 WordやWordpressにも文字数の計測の機能が標準で...