laravel-sail
laravel-sailで作るLaravel＋Reactの開発環境！(1)
laravel Laravel Reverb リアルタイム通信の新機能
Laravel11で導入されたLaravel Reverbを利用したリアルタイムチャットの作成方法をソースコートを載せて掲載。
とりあえず試してみたい方向けの記事にしています。
開発環境 git cloneしたブランチでlaravel-sailを始める
gitからcloneした直後のブランチではsailコマンドはまだ利用できません。取得したLaravelのブランチにlaravel-sailの環境を戻す、または作成する場合の手順です。 Laravelのサイトには書かれてあるのですが、よく質問...
プログラミング DockerのイメージをDドライブに移す
Dockerを使っているとCドライブがDockerのイメージファイルに消費されて容量が不足することがあります。WindowsはCドライブにシステムとアプリケーション、Dドライブにデータなど分けて管理する場合が多いと思うので、Dockerのイ...
javascript Macの日本語入力中のEnterキー入力
MacとWindowsで日本語入力中のEnterキーの動作に違いがあります。日本語の変換中にEnterキーを押した場合その入力中の日本語のを確定する動作になるのは同じですが、Macの場合だけEnterキーが確定とEnterキーの入力になって...
javascript LaravelでTypeScriptを使う。(2)
本格的に開発に入る前にデバッガの設定をしましょう。デバッガーを使いこなせると開発のスピードは格段に上がります。昔ながらのデバッグ方法でも構いませんが、VSCode使うならブレークポイントを設定してステップ実行で変数の中を見ながらデバッグを行...
javascript LaravelでTypeScriptを使う。(1)
Laravelを使ったウェブ開発では、フロントエンド（ユーザが見る部分）はどのように構築するのでしょうか？ 単純なページならば、LaravelのBladeというテンプレートエンジンでHTMLを生成して表示することもありますが、見た目に動きの...
wordpress WordPressの固定ページに指定カテゴリーの記事一覧を表示する
Wordpressで固定ページにカテゴリーの一覧を表示したいときがあります。そんな場合はショートコードを記述して表示することができます。ショートコードはプログラムを記述しますので、バグなどの原因でWordpress真っ白になってしまい、何も...
キーボード・マウス トラックボールで疲労軽減、操作性アップ？
トラックボールの利点 トラックボールは従来のマウスとは異なりボールを操作することでカーソルを移動させます。そのため通常のマウスに比べて必要な面積や手首への負担は少ないといえます。また、物理的に動かす範囲が少ないため作業効率を向上させ手首や肩...
javascript JavaScriptでイベントの発火を遅らせる(サンプルあり)
テキスト入力などで入力の途中でも入力された文字でイベントを発生させるこことがよくあります。 例えば検索処理などで検索ボタンを押さなくても入力中に候補を表示してくれるような場合です。 これはKeyUpイベントなどでキーボードの入力を検知してイ...
laravel laravel-sailで作るLaravel＋Reactの開発環境！(2)
作成する開発環境は「Laravel-sail+React+React-router」を想定している。LaravelならVueでしょ！という意見もあると思いますが、Reactで作成するほうが大規模開発のような雰囲気があるのと、コンポーネントの...