JavaScript

CDN Vue.js 3系でVCalendarを動作させられないので諦めた話

const { createApp } = Vue createApp({ data() { ...
Flutter

【Flutter】Dart言語におけるカスケード記法についてのまとめと解説。利用するとこんなメリットがあります

みなさんはDart言語をやっていて「..」といったように、ドットの連続がコード内に登場することはないでしょうか?JavaScriptばかりやっていたので少し目新しかったので、皆さんのお役に立てるかなと思い、この記事をまとめました。「..」...
JavaScript

【初心者向け】JavaScriptでモーダルウィンドウの作成方法と注意事項、サンプルコード

JavaScriptで書ける基本中の基本のギミックにモーダルウィンドウという効果があります。画像をクリックすると全画面で黒背景に大きな画像が表示され、視認性をよくするためのあれです。 HTMLコーダーにはモーダル、と聞くとアレルギー...
2023.11.01
JavaScript

初心者も押さえておくべきWebセキュリティ vol.2 『クロスサイトリクエストフォージェリ(CSRF)』からの保護対策

クロスサイトリクエストフォージェリ(以下、CSRF)は、Webセキュリティの重要な脅威の一つです。攻撃者は、被害者のアカウントを悪用し、不正なリクエストを送信することで、ユーザーの意図しないアクションを実行させることができます。この記事で...
JavaScript

初心者も押さえておくべきWebセキュリティ vol.1 JavaScript『クロスサイトスクリプティング(XSS)』 効果的な対策方法と最適な方法

Webアプリケーションのセキュリティは、ユーザーのデータ保護と信頼性の確保にとって不可欠ですね。特に、クロスサイトスクリプティング(以下、XSS)攻撃は、JavaScriptを使用して悪意のあるコードを注入し、ユーザーのブラウザ上で実行す...
2023.05.20
業務効率化

【インストール不要】サブディスプレイ・モニタにスクリーンセーバーエフェクトを動作させるブラウザアプリ【JavaScript ブラウザアプリ】

先日、使っているノートPCが小さいなぁと感じ、モバイルディスプレイをAmazonのタイムセールで買いました(なんとドイツ製っぽいんですが12,800円也)。 そろそろ使い慣れてきたのですが、ふとサブモニタにスクリーンセーバー欲しいな...
JavaScript

【インストール不要!】猫が喜んで遊ぶ(かもしれない)無料ブラウザアプリ「ぬあぴっぴ」(対応:PC, iPad, Androidタブレット)

我が家には猫が2匹かわいい子がいるのですが、PCに上がってきて邪魔ばかりしてきます笑。キーボードは踏むし、画面は見えないわで作業になりません。 そこで、発想を変えてもう遊んでもらっちゃえってことでJavaScriptで猫が好きそうな...
JavaScript

【入門】Vue.jsとは?初心者でも理解できるように現役エンジニアが徹底解説!【JavaScriptフレームワーク】

Reactに多少押されてはいるものの、まだ需要が高いVue.js。今回はVue.jsとはどんなフレームワークで実際どのようにコーディングしていくのかが分かるように概要から具体的な実践内容について解説していきます。 対象となるのはある...
2023.05.17
業務効率化

【2023年 Ver.21.3】DreamweaverでEmmetを使って光速コーディング【設定・プラグイン不要】

VSCodeでEmmetが使えると紹介しました。『【神速効率コーディング】VSCodeのEmmet(デフォルト)~最低限おさえたい12のテクニック【HTML&CSS】』 同様にDreamweaverで出来ないかといろいろ探し...
2023.05.15
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でのショートカッ...
タイトルとURLをコピーしました