2024-03

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で作成するほうが大規模開発のような雰囲気があるのと、コンポーネントの...
laravel-sail

laravel-sailで作るLaravel+Reactの開発環境!(1)

Laravelの開発を始める前に、開発環境をセットアップしましょう。これはプロジェクトの基盤となる部分であり、複数人で作業する場合には同じ環境での動作が重要です。そのためには、開発者の環境に差異がない状態でプロジェクトを立ち上げることが重要...