javascript【JavaScript】MediaQueryList を使って画面幅を評価しよう！
はじめに 2023年現在、いろいろなサイズのスマホが登場していますね。iPhone で言えば、SE はこんなコンパクトなのがあるの！？と思う一方で、Pro はこんなにでかいの？ポケットぎり入るくらいじゃん！！といったように、スマホと...
javascript
javascript【javascript】MutationObserver でDOM要素を監視しよう！
はじめに 最近では javascript では、できないことがないんじゃないかといったくらいたくさんのことができるようになってきましたね。個人的には、最近 javascript 好きでいろいろと触ってみています！ javasc...
javascript【javascript】FileReaderを使ってプレビューURLを作成しよう！
はじめに ファイルをアップロードする機能は、いまや多くのサービスで提供されています。その機能を実装する過程を解説していきたいと思います！ クロ ファイルアップロードは苦手意識があるにゃ～～～。 わい 勘所さえつかめばか...
Laravel【Laravel + Vue.js】で fontawesome を使う!
はじめに Laravel + Vue.js で fontawesome のインストールして使う手順を解説します！ ものすごく簡単ですので備忘録の意味も込めて記事を書いていきます！ クロたん fontawesome でアイ...
Laravel【Laravel】hasMany について！
はじめに 関連する hasOne / belongsTo も紹介しているので、そちらも興味があればご覧ください！ 環境 準備！！ 記事のコマンドはすべて正常に動くか検証済みです。かつ、最小限の構...
Laravel【Laravel】hasOne / belongsTo について！
はじめに ORM (Object Relational Mapper) = Eloquent は、Laravel を使う最強の利点といっても過言ではありません！ Laravel を採用する上では必ずマスターしたい機能ですね！ ...
Laravel【Laravel】Queue・Job・Workerを理解する！
はじめに Laravel に限らず、テーブル( Queue ) に処理( job ) を入れて実行するというのはどういったメリットがあるのでしょうか？ わい 一番のメリットは、重い処理を非同期で実行してくれる点だと思います。 ...
PWA【PWA】ServiceWorker ってなに？？
はじめに 今回は PWA の文脈で必ず出てくる ServiceWorker について記事を書いていきます！ 自分は普段はバックエンドの開発を主にやっているのですが、今後必須となっていくだろう PWA についても開発で触れる機会...
Linux【PWA】ServiceWorker を登録して push通知 を実装する！
PWAの代表機能の1つである push通知 の実装手順について、無駄をすべて取っ払った記事を書いていきます！push通知関連の記事でよく見かけるのが、それって push通知 をする上で必要なの？という処理が記述されていて、Service ...
DHCP【DHCP】サーバー・クライアントの設定
以下の環境はあくまで自分の環境です。各々の環境に合わせた設定をしてください！ デフォルトゲートウェイは(IP: 192.168.4.1)２つのVM環境を使用します！１つはサーバー(IP: 192.168.4.3)で...