LaravelでTypeScriptを使う。(1)
プログラミング
DockerのイメージをDドライブに移す
Dockerを使っているとCドライブがDockerのイメージファイルに消費されて容量が不足することがあります。WindowsはCドライブにシステムとアプリケーション、Dドライブにデータなど分けて管理する場合が多いと思うので、Dockerのイ...
Macの日本語入力中のEnterキー入力
MacとWindowsで日本語入力中のEnterキーの動作に違いがあります。日本語の変換中にEnterキーを押した場合その入力中の日本語のを確定する動作になるのは同じですが、Macの場合だけEnterキーが確定とEnterキーの入力になって...
Laravel Reverb リアルタイム通信の新機能
Laravel11で導入されたLaravel Reverbを利用したリアルタイムチャットの作成方法をソースコートを載せて掲載。
とりあえず試してみたい方向けの記事にしています。
LaravelでTypeScriptを使う。(2)
本格的に開発に入る前にデバッガの設定をしましょう。デバッガーを使いこなせると開発のスピードは格段に上がります。昔ながらのデバッグ方法でも構いませんが、VSCode使うならブレークポイントを設定してステップ実行で変数の中を見ながらデバッグを行...
LaravelでTypeScriptを使う。(1)
Laravelを使ったウェブ開発では、フロントエンド(ユーザが見る部分)はどのように構築するのでしょうか? 単純なページならば、LaravelのBladeというテンプレートエンジンでHTMLを生成して表示することもありますが、見た目に動きの...
JavaScriptでイベントの発火を遅らせる(サンプルあり)
テキスト入力などで入力の途中でも入力された文字でイベントを発生させるこことがよくあります。 例えば検索処理などで検索ボタンを押さなくても入力中に候補を表示してくれるような場合です。 これはKeyUpイベントなどでキーボードの入力を検知してイ...
laravel-sailで作るLaravel+Reactの開発環境!(2)
作成する開発環境は「Laravel-sail+React+React-router」を想定している。LaravelならVueでしょ!という意見もあると思いますが、Reactで作成するほうが大規模開発のような雰囲気があるのと、コンポーネントの...
laravel-sailで作るLaravel+Reactの開発環境!(1)
Laravelの開発を始める前に、開発環境をセットアップしましょう。これはプロジェクトの基盤となる部分であり、複数人で作業する場合には同じ環境での動作が重要です。そのためには、開発者の環境に差異がない状態でプロジェクトを立ち上げることが重要...
JavaScriptは守備範囲の広い言語
JavaScriptの守備範囲の広さに焦点を当て、その主な特徴や利点について探ってみたいと思います。 ウェブ開発: JavaScriptは、ウェブサイトやウェブアプリケーションのクライアントサイド開発において必須の言語です。HTMLとCSS...
JavaScriptはWebエンジニアの基本です
JavaScriptは、Webエンジニアにとって極めて重要な技術です。Web開発の世界では、HTMLとCSSと並んで「Webの三大要素」として位置付けられています。では、なぜJavaScriptがそのように重要視されるのでしょうか?この記事...