さゆフィクション

【JavaScript】console.logの3段活用で開発効率UP

JavaScript開発において、console.logはデバッグや情報表示に欠かせないツールです。本記事では、console.logの基本的な使い方から、スタイリッシュな出力方法、そして構造化データの確認まで、3つの活用法を紹介します。

2025/01/03 18:07

お正月なのでNode.jsをTypeScriptで動かして基本構文を勉強してみる

お正月なので、Node.jsをTypeScriptで動かして基本構文を勉強しますwww まずはDockerでお勉強環境（動作確認する環境）を作ります。 環境構築 必要なファイルの作成 Dockerfileを以下の内容で作ります。 FROM

2025/01/02 14:37

【WordPressセキュリティ対策】Value-Authでログイン時に本人認証する

WordPressセキュリティ対策として、Value-Authを使用して、WordPress管理画面にログイン際に本人認証します。 ↓Value-Authとは↓ 本人認証とは、WordPressにログイン時にSMS・メールで認証番号を送信し

2024/12/29 11:15

【コスパ最強】スターレンタルサーバー(Star Server)はフリープランでWordPressを使えます！！

スターレンタルサーバー(Star Server)はフリープランでWordPressを使えるようです！！ 無料でWordPressを使えるということです！ ↓スターレンタルサーバーの申し込みはこちらから↓ スターレンタルサーバー(Star S

2024/12/28 15:40

ネットオウル(スターサーバー)で、DNS CNAMEレコードに _(アンダーバー)を入力できるようになっていました！

以下の記事に記載のように、ネットオウル(スターサーバー)では、DNS CNAMEレコードに _(アンダーバー)を入力できませんでした。 入力できませんでしたが、現在は入力できるようになったようです！ 塗り潰しだらけでわかりづらいと思いますが

2024/12/28 15:15

「ロリポップ！」レンタルサーバーのエコノミープランでWordPressのコンテンツを配信する

「ロリポップ！」レンタルサーバーのエコノミープランでWordPressのコンテンツを配信してみます。 ライトではWordPressを簡単にインストールできるのですが、エコノミープランではWordPressをインストールできないため、ひと手間

2024/12/28 15:12

Laravel 11をAWS Lambdaで動くようにして簡単なAPIを作ってみる

Laravel 11をAWS Lambdaで動くようにして簡単なAPIを作ってみます。 ちなみに私は割とPHP初心者です。 初心者ですが、これからAPI作成するならPHPが良いと思っています。 PHPが良い理由は、実装できる人が多いと思って

2024/12/21 10:56

【Vue.js】Element Plusのtableのクラス操作（row-class-name）やクリックイベント（row-click）や列固定表示をしてみる

Vue.js+Element Plusでのtableについて、以下の3点記載します！ クラス操作（row-class-name） 特定の行にクラスをつけたい場合に使用 クリックイベント（row-click）について 行クリックした場合に特定

2024/12/20 09:24

Select2の日本語化（No results foundとかPlease enter 1 or more charactersとかを日本語にしてみる）

Select2の日本語化してみます！ 本記事でのselect2とは、selectのプルダウンを色々便利にしてくれるJavaScriptのライブラリの「Select2」を指しています。 ↓本家↓ Select2を操作中に表示される以下のような

2024/12/20 08:40

vue.jsのバージョン3にテスト(unit test)を追加する

vue.jsのバージョン3にテスト(unit test)を追加する方法を書きます！ プロジェクト作成後に途中からテスト(unit test)を追加する方法について書いていきます。 vue.jsのバージョン3にテスト(unit test)を追

2024/12/16 04:43

select2をモーダル内で使う場合はdropdownParentを指定すると良い〜select2の入力ボックスにフォーカスが当足らない場合の解決方法

select2をモーダル内で使う場合はdropdownParentを指定すると良いということを書いていきます。 なぜselect2をモーダル内で使う場合にdropdownParentを指定すると良いのか 指定しないとselect2の入力ボッ

2024/12/16 04:28

Select2でCannot read properties of undefined (reading ‘id’) TypeError: Cannot read properties of undefined (reading ‘id’)エラーが発生する

Select2でCannot read properties of undefined (reading 'id') TypeError: Cannot read properties of undefined (rea

2024/12/16 04:18

PHPバージョンアップの際はPHPComptibilityで静的解析をしてエラーと警告を見つけよう

PHPバージョンアップの際はPHPComptibilityで静的解析をしてエラーと警告を見つけられるそうです。全部見つけられるわけではないと思いますが、PHPComptibilityで静的解析した方が安心かと思います。 ということでPHPC

2024/10/12 12:33

vue.jsでAdmin LTEコンポーネントを使って爆速で画面開発する

vue.jsでAdmin LTEコンポーネントを使ってみます。 Admin LTEコンポーネントを使わせてもらった方が効率的だよね？という考えです。 開発環境は構築済みのものとして進めますので、まだの場合は以下URLを参考にしてくださいー

2024/10/12 11:42

vue.jsをDockerコンテナ上でローカル開発できるようにする

vue.jsをDockerコンテナ上でローカル開発できるようにしてみます！ 以下の流れで進めていきます docker-compose.yml作成 Dockerfile作成 コンテナ起動 コンテナ内でvueプロジェクト作成 サーバ起動 では早

2024/10/12 10:47

PHPプログラムのコンテナローカル開発環境を最短で立ち上げる簡単な方法（apache×php×mysql）

PHPプログラムのコンテナローカル開発環境を簡単に最短で立ち上げます！ 以下を使います！ apache htaccess有効な状態 ドキュメントルートの設定は.htaccessで行います！ php バージョン8.3 mysql バージョン8

2024/10/10 14:40

Vue.jsのバージョン3でVue Routerを使用して画面を新規作成する（複数画面構成にする）

Vue.jsのバージョン3でVue Routerを使用して画面を新規作成してみます。 Vueのインストールからはじめます！ Vueインストール 以下のコマンドでインストールします。 npm install -g @vue/cli 次にプロジ

2024/10/10 14:19

LaravelでSendGrid-smtp送信のメール送信をテスト・デバッグする最短の方法ーSendGridの設定方法

LaravelでSendGrid-smtp送信のメール送信をテスト・デバッグする最短の方法について記載します。 こうすれば、SendGridのメール設定ができて、簡単に設定後の動作確認ができるよ、ということを記載していきます。 SendGr

2024/07/05 19:54

Laravelのローカル開発環境でメール送信をテスト・デバッグする最短の方法(メール送信のための設定確認方法)

Laravelのローカル開発環境でメール送信をテスト・デバッグする最短の方法について記載します。 以下の2つの方法を記載します。 ログで確認する方法 mailhog(コンテナ)で確認する方法 こうすれば、テスト時のメール設定ができて、簡単に

2024/07/05 19:17

ALB(ロードバランサー)でCloudFront経由のアクセスに絞るときは、カスタム HTTP ヘッダーとマネージドプレフィックスリストを併用する

ALB(ロードバランサー)でCloudFront経由のアクセスに絞る方法として、以下の方法があると思います。 マネージドプレフィックスリスト(managed prefix list)によりアクセスを絞る カスタム HTTP ヘッダーによりア

2024/06/30 16:40