設定

業務効率化

アプリケーション、製品、パッケージ、プロダクトにおけるバージョンの数値の意味と使い方【業務効率化】

皆さんはアプリのバージョンとか気にする方でしょうか?何の気なしに利用している分には「ふーん、ん、なんか変わってバージョンアップしたんだな」程度な感触なのではないかと思います。 もちろん、ガチエンジニアで「このアップデートと修正があっ...
業務効率化

Web制作でFlutterやReactのようなホットリロード(もどき?)を実現してコーディング効率を爆上がりさせる方法

Webのコーディングはファイルを編集して、ファイルをアップロードして、ブラウザを更新して初めて修正箇所が分かるのですが、これが非常にめんどくさい。 ファイルを編集&保存(F5押下不要)、でブラウザの表示が変わったら劇的に作業...
JavaScript

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

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

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

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

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

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

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

Dart入門:基本的な構文10個のサンプルから学ぶDartプログラミングの基礎【Flutter】

Flutterアプリケーションを構築するためにはDartという言語を習得する必要があります。ここではFlutterでモバイルアプリを作りたい、Webアプリを作りたいという方に向けてDartの基本的な知識と基本スキルを身に着けられるようにま...
2023.04.13
業務効率化

IEモード 開発者ツール(DevTools)でデバッグ作業をより効率的に行う方法とは?

悲しいことに未だにIE対応が必要な企業などのページがあります。一方で既にInternet Explorerは廃止され、WindowsではIEを開くことすら出来ません。 しかし、IEモードという未練がましい機能があり、IEにしか対応し...
JavaScript

Google Chrome拡張機能の作り方 v3 入門編

趣味や仕事でGoogle Chromeの拡張機能を作成する機会が増えてきましたので、手順や必要ファイルなどをまとめておきます。作ってみたいとお考えの方の入り口になれれが嬉しく思います。では、早速必要な手順をフローでまとめてみましょう。 ...
2023.04.11
SEO

Google検索にチョイ足しクエリで仕事が捗る【URL付与パラメーターの一覧】

Webライティングをやっていると、専門技術に関しては日本語サイトはかなり遅れていると皆さんお考えではないでしょうか。海外の先端情報をどうやって集めるか、という問題が出てきますが、とりあえずGoogleで英語検索するのが定石ですね。 ...
Flutter

Youtube Data API APIキー発行手順と有料か無料かを解説・セキュリティ対策も【2022年9月】

今回はYoutubeのAPIの中でも王道となり得る、Youtube Data APIを使う下準備をしていきましょう。YoutubeにはYoutube iFrame Player APIというAPIもありますが、こちらのData APIに限...
JavaScript

【コピペOK】JavaScriptの汎用メソッド「formatDate」全コード掲載!日付フォーマットなんて簡単です

いわゆる「formatDate」はJavaScriptのDateオブジェクトを指定したいフォーマットに変換する際に非常に便利な汎用コードです。JavaScript標準の関数ではなく、自前で宣言し実行する流れとなります。 たとえばYY...
SEO

サーチコンソールで複数のキーワード(クエリ)でフィルターをかける方法。「または(or)」の利用法。

Google Search Console、いわゆる「サチコ」でキーワードを複数でフィルタリングするにはひと手間かける必要があります。 単純に「インスタ」という単語を含むだけで良ければ、「次を含むクエリ」ボタンを使ってサクサクできま...
JavaScript

Swiperの使い方とサンプル!動かない時のチェック項目も!【2022年 JavaScript】

Swiperとは 今最もメジャーなカルーセルスライダーのプラグインモジュールであるSwiper(公式:)について、読み込みから実装、完成形のサンプルをまとめてみました。 カルーセルスライダーといえば、Slick.jsやOwlC...
タイトルとURLをコピーしました