JavaScript開発において、console.logはデバッグや情報表示に欠かせないツールです。本記事では、console.logの基本的な使い方から、スタイリッシュな出力方法、そして構造化データの確認まで、3つの活用法を紹介します。
| 今日 | 06/12 | 06/11 | 06/10 | 06/09 | 06/08 | 06/07 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（IN） | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 1,040,164サイト |
| INポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| OUTポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| PVポイント | 80 | 318 | 240 | 324 | 264 | 58 | 76 | 1,360/週 |
| IT技術ブログ | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 9,992サイト |
| WordPress | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 720サイト |
| 女性プログラマー・女性SE | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 97サイト |
| IT技術情報 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 769サイト |
| 今日 | 06/12 | 06/11 | 06/10 | 06/09 | 06/08 | 06/07 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（OUT） | 圏外 | 圏外 | 圏外 | 圏外 | 86,100位 | 78,677位 | 74,375位 | 1,040,164サイト |
| INポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| OUTポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| PVポイント | 80 | 318 | 240 | 324 | 264 | 58 | 76 | 1,360/週 |
| IT技術ブログ | 圏外 | 圏外 | 圏外 | 圏外 | 668位 | 493位 | 453位 | 9,992サイト |
| WordPress | 圏外 | 圏外 | 圏外 | 圏外 | 59位 | 47位 | 43位 | 720サイト |
| 女性プログラマー・女性SE | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 97サイト |
| IT技術情報 | 圏外 | 圏外 | 圏外 | 圏外 | 49位 | 35位 | 34位 | 769サイト |
| 今日 | 06/12 | 06/11 | 06/10 | 06/09 | 06/08 | 06/07 | 全参加数 | |
|---|---|---|---|---|---|---|---|---|
| 総合ランキング（PV） | 6,376位 | 6,296位 | 6,390位 | 6,412位 | 6,660位 | 6,740位 | 6,653位 | 1,040,164サイト |
| INポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| OUTポイント | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0/週 |
| PVポイント | 80 | 318 | 240 | 324 | 264 | 58 | 76 | 1,360/週 |
| IT技術ブログ | 82位 | 82位 | 82位 | 82位 | 82位 | 82位 | 82位 | 9,992サイト |
| WordPress | 8位 | 8位 | 8位 | 8位 | 9位 | 9位 | 9位 | 720サイト |
| 女性プログラマー・女性SE | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 圏外 | 97サイト |
| IT技術情報 | 6位 | 6位 | 6位 | 6位 | 6位 | 6位 | 6位 | 769サイト |
【JavaScript】console.logの3段活用で開発効率UP
JavaScript開発において、console.logはデバッグや情報表示に欠かせないツールです。本記事では、console.logの基本的な使い方から、スタイリッシュな出力方法、そして構造化データの確認まで、3つの活用法を紹介します。
お正月なのでNode.jsをTypeScriptで動かして基本構文を勉強してみる
お正月なので、Node.jsをTypeScriptで動かして基本構文を勉強しますwww まずはDockerでお勉強環境（動作確認する環境）を作ります。 環境構築 必要なファイルの作成 Dockerfileを以下の内容で作ります。 FROM
【WordPressセキュリティ対策】Value-Authでログイン時に本人認証する
WordPressセキュリティ対策として、Value-Authを使用して、WordPress管理画面にログイン際に本人認証します。 ↓Value-Authとは↓ 本人認証とは、WordPressにログイン時にSMS・メールで認証番号を送信し
【コスパ最強】スターレンタルサーバー(Star Server)はフリープランでWordPressを使えます！！
スターレンタルサーバー(Star Server)はフリープランでWordPressを使えるようです！！ 無料でWordPressを使えるということです！ ↓スターレンタルサーバーの申し込みはこちらから↓ スターレンタルサーバー(Star S
ネットオウル(スターサーバー)で、DNS CNAMEレコードに _(アンダーバー)を入力できるようになっていました！
以下の記事に記載のように、ネットオウル(スターサーバー)では、DNS CNAMEレコードに _(アンダーバー)を入力できませんでした。 入力できませんでしたが、現在は入力できるようになったようです！ 塗り潰しだらけでわかりづらいと思いますが
「ロリポップ！」レンタルサーバーのエコノミープランでWordPressのコンテンツを配信する
「ロリポップ！」レンタルサーバーのエコノミープランでWordPressのコンテンツを配信してみます。 ライトではWordPressを簡単にインストールできるのですが、エコノミープランではWordPressをインストールできないため、ひと手間
Laravel 11をAWS Lambdaで動くようにして簡単なAPIを作ってみる
Laravel 11をAWS Lambdaで動くようにして簡単なAPIを作ってみます。 ちなみに私は割とPHP初心者です。 初心者ですが、これからAPI作成するならPHPが良いと思っています。 PHPが良い理由は、実装できる人が多いと思って
【Vue.js】Element Plusのtableのクラス操作（row-class-name）やクリックイベント（row-click）や列固定表示をしてみる
Vue.js+Element Plusでのtableについて、以下の3点記載します！ クラス操作（row-class-name） 特定の行にクラスをつけたい場合に使用 クリックイベント（row-click）について 行クリックした場合に特定
Select2の日本語化（No results foundとかPlease enter 1 or more charactersとかを日本語にしてみる）
Select2の日本語化してみます！ 本記事でのselect2とは、selectのプルダウンを色々便利にしてくれるJavaScriptのライブラリの「Select2」を指しています。 ↓本家↓ Select2を操作中に表示される以下のような
vue.jsのバージョン3にテスト(unit test)を追加する
vue.jsのバージョン3にテスト(unit test)を追加する方法を書きます！ プロジェクト作成後に途中からテスト(unit test)を追加する方法について書いていきます。 vue.jsのバージョン3にテスト(unit test)を追
select2をモーダル内で使う場合はdropdownParentを指定すると良い〜select2の入力ボックスにフォーカスが当足らない場合の解決方法
select2をモーダル内で使う場合はdropdownParentを指定すると良いということを書いていきます。 なぜselect2をモーダル内で使う場合にdropdownParentを指定すると良いのか 指定しないとselect2の入力ボッ
Select2でCannot read properties of undefined (reading 'id') TypeError: Cannot read properties of undefined (rea
PHPバージョンアップの際はPHPComptibilityで静的解析をしてエラーと警告を見つけよう
PHPバージョンアップの際はPHPComptibilityで静的解析をしてエラーと警告を見つけられるそうです。全部見つけられるわけではないと思いますが、PHPComptibilityで静的解析した方が安心かと思います。 ということでPHPC
vue.jsでAdmin LTEコンポーネントを使って爆速で画面開発する
vue.jsでAdmin LTEコンポーネントを使ってみます。 Admin LTEコンポーネントを使わせてもらった方が効率的だよね？という考えです。 開発環境は構築済みのものとして進めますので、まだの場合は以下URLを参考にしてくださいー
vue.jsをDockerコンテナ上でローカル開発できるようにする
vue.jsをDockerコンテナ上でローカル開発できるようにしてみます！ 以下の流れで進めていきます docker-compose.yml作成 Dockerfile作成 コンテナ起動 コンテナ内でvueプロジェクト作成 サーバ起動 では早
PHPプログラムのコンテナローカル開発環境を最短で立ち上げる簡単な方法（apache×php×mysql）
PHPプログラムのコンテナローカル開発環境を簡単に最短で立ち上げます！ 以下を使います！ apache htaccess有効な状態 ドキュメントルートの設定は.htaccessで行います！ php バージョン8.3 mysql バージョン8
Vue.jsのバージョン3でVue Routerを使用して画面を新規作成する（複数画面構成にする）
Vue.jsのバージョン3でVue Routerを使用して画面を新規作成してみます。 Vueのインストールからはじめます！ Vueインストール 以下のコマンドでインストールします。 npm install -g @vue/cli 次にプロジ
LaravelでSendGrid-smtp送信のメール送信をテスト・デバッグする最短の方法ーSendGridの設定方法
LaravelでSendGrid-smtp送信のメール送信をテスト・デバッグする最短の方法について記載します。 こうすれば、SendGridのメール設定ができて、簡単に設定後の動作確認ができるよ、ということを記載していきます。 SendGr
Laravelのローカル開発環境でメール送信をテスト・デバッグする最短の方法(メール送信のための設定確認方法)
Laravelのローカル開発環境でメール送信をテスト・デバッグする最短の方法について記載します。 以下の2つの方法を記載します。 ログで確認する方法 mailhog(コンテナ)で確認する方法 こうすれば、テスト時のメール設定ができて、簡単に
ALB(ロードバランサー)でCloudFront経由のアクセスに絞るときは、カスタム HTTP ヘッダーとマネージドプレフィックスリストを併用する
ALB(ロードバランサー)でCloudFront経由のアクセスに絞る方法として、以下の方法があると思います。 マネージドプレフィックスリスト(managed prefix list)によりアクセスを絞る カスタム HTTP ヘッダーによりア
「ブログリーダー」を活用して、sayuさんをフォローしませんか？
JavaScript開発において、console.logはデバッグや情報表示に欠かせないツールです。本記事では、console.logの基本的な使い方から、スタイリッシュな出力方法、そして構造化データの確認まで、3つの活用法を紹介します。
お正月なので、Node.jsをTypeScriptで動かして基本構文を勉強しますwww まずはDockerでお勉強環境（動作確認する環境）を作ります。 環境構築 必要なファイルの作成 Dockerfileを以下の内容で作ります。 FROM
WordPressセキュリティ対策として、Value-Authを使用して、WordPress管理画面にログイン際に本人認証します。 ↓Value-Authとは↓ 本人認証とは、WordPressにログイン時にSMS・メールで認証番号を送信し
スターレンタルサーバー(Star Server)はフリープランでWordPressを使えるようです！！ 無料でWordPressを使えるということです！ ↓スターレンタルサーバーの申し込みはこちらから↓ スターレンタルサーバー(Star S
以下の記事に記載のように、ネットオウル(スターサーバー)では、DNS CNAMEレコードに _(アンダーバー)を入力できませんでした。 入力できませんでしたが、現在は入力できるようになったようです！ 塗り潰しだらけでわかりづらいと思いますが
「ロリポップ！」レンタルサーバーのエコノミープランでWordPressのコンテンツを配信してみます。 ライトではWordPressを簡単にインストールできるのですが、エコノミープランではWordPressをインストールできないため、ひと手間
Laravel 11をAWS Lambdaで動くようにして簡単なAPIを作ってみます。 ちなみに私は割とPHP初心者です。 初心者ですが、これからAPI作成するならPHPが良いと思っています。 PHPが良い理由は、実装できる人が多いと思って
Vue.js+Element Plusでのtableについて、以下の3点記載します！ クラス操作（row-class-name） 特定の行にクラスをつけたい場合に使用 クリックイベント（row-click）について 行クリックした場合に特定
Select2の日本語化してみます！ 本記事でのselect2とは、selectのプルダウンを色々便利にしてくれるJavaScriptのライブラリの「Select2」を指しています。 ↓本家↓ Select2を操作中に表示される以下のような
vue.jsのバージョン3にテスト(unit test)を追加する方法を書きます！ プロジェクト作成後に途中からテスト(unit test)を追加する方法について書いていきます。 vue.jsのバージョン3にテスト(unit test)を追
select2をモーダル内で使う場合はdropdownParentを指定すると良いということを書いていきます。 なぜselect2をモーダル内で使う場合にdropdownParentを指定すると良いのか 指定しないとselect2の入力ボッ
Select2でCannot read properties of undefined (reading 'id') TypeError: Cannot read properties of undefined (rea
PHPバージョンアップの際はPHPComptibilityで静的解析をしてエラーと警告を見つけられるそうです。全部見つけられるわけではないと思いますが、PHPComptibilityで静的解析した方が安心かと思います。 ということでPHPC
vue.jsでAdmin LTEコンポーネントを使ってみます。 Admin LTEコンポーネントを使わせてもらった方が効率的だよね？という考えです。 開発環境は構築済みのものとして進めますので、まだの場合は以下URLを参考にしてくださいー
vue.jsをDockerコンテナ上でローカル開発できるようにしてみます！ 以下の流れで進めていきます docker-compose.yml作成 Dockerfile作成 コンテナ起動 コンテナ内でvueプロジェクト作成 サーバ起動 では早
PHPプログラムのコンテナローカル開発環境を簡単に最短で立ち上げます！ 以下を使います！ apache htaccess有効な状態 ドキュメントルートの設定は.htaccessで行います！ php バージョン8.3 mysql バージョン8
Vue.jsのバージョン3でVue Routerを使用して画面を新規作成してみます。 Vueのインストールからはじめます！ Vueインストール 以下のコマンドでインストールします。 npm install -g @vue/cli 次にプロジ
LaravelでSendGrid-smtp送信のメール送信をテスト・デバッグする最短の方法について記載します。 こうすれば、SendGridのメール設定ができて、簡単に設定後の動作確認ができるよ、ということを記載していきます。 SendGr
Laravelのローカル開発環境でメール送信をテスト・デバッグする最短の方法について記載します。 以下の2つの方法を記載します。 ログで確認する方法 mailhog(コンテナ)で確認する方法 こうすれば、テスト時のメール設定ができて、簡単に
ALB(ロードバランサー)でCloudFront経由のアクセスに絞る方法として、以下の方法があると思います。 マネージドプレフィックスリスト(managed prefix list)によりアクセスを絞る カスタム HTTP ヘッダーによりア
Laravel Adminのgridとformの使い方について記載していきます。 Laravel Adminって何者？という方は以下の記事をご参照ください。 gridとformについて簡単に書くと、以下のようになります。gridとformを
意外と知らない便利なLinuxコマンド集です。 以下のコマンドを紹介します。 cd -(cd+スペース+ハイフン)コマンド 前に居たフォルダと今居るフォルダを行き来できる calコマンド カレンダーを確認できます。 touch ファイルのタ
Amazon API Gatewayの統合タイムアウト制限を従来の29秒から延長できるようになったようです。 以下の記事に詳細記載されています。 以下要約です。 タイムアウト延長: 以前の29秒からそれ以上に設定可能。 対象API: リージ
AWSのEC2で定期的なタスクを自動化するために、cronを使用しているケースも多いと思います。 しかし、Amazon Linux 2023ではcronがデフォルトで無効になっています。これはcron以外に、cronのようなバッチ実行・定期
Laravelをコンテナで運用する際のログ出力は、JSON形式で標準出力した方が良いということを書いていきます。 Laravelに限らず、コンテナでは、JSON形式で標準出力が良いと思いますが、Laravelでは簡単にログをJSON形式で標
スロークエリを意図的に発生させる方法について記載します。 なぜスロークエリを発生させるのか スロークエリをわざと発生させることで、以下のようなことに役立ちます。 パフォーマンステスト: システムがスロークエリに対してどのように反応するかを評
この記事では、Rails 7.2をインストールし、起動するまでの手順を説明します。 Railsプロジェクト作成 まず、以下のコマンドで新しいRailsプロジェクトを作成し、そのプロジェクトディレクトリに移動します。 rails new te
Laravel Adminは、ウェブアプリケーションの管理画面を効率的かつ簡単に作成できるツールです。 この記事では、Laravel Adminの利点と使い方について詳しく記載します。 Laravel Adminを利用すると、データベースの
Lambda関数URLで、HTTPリクエストを介して直接Lambda関数を呼び出すことが可能になりました。 これまで、Lambda関数をAPI経由で実行するためにはAPI Gatewayを使用する必要がありました。しかし、Lambda関数U
Rails7.1をECS(Amazon Elastic Container Service)-Fagateにデプロイします！！！ 以下の順で進めていきます。今回はとりあえずFargate上で動くことをゴールにしますので、MySQLは使いませ
Rails7.1をローカル環境で動かしてみます！ PC上で直接動かし、その後にDockerコンテナ上で動かしてみます。 コンテナでは、rails newで作成された公式のDockerfileを使用していきます。 Ruby・Railsのインス
Laravel11をEC2で動かしてみます。 なるべくお金をかけずに、かつ、高速なLaravel環境を構築したいので、CPUはArm、WEBサーバはNginxを使っていきます まずは具体的な構成を記載していきます！ 構成 EC2を使用 イン
Laravel11をECS(Amazon Elastic Container Service)-Fagateにデプロイします！！！ 以下の順で進めていきます。 ローカルでLaravel11を立ち上げる ECR(Amazon Elastic
LocalStackを使ってローカル開発環境で AWS をエミュレートしてみます。 LocalStackコンテナを自分のPCで立ち上げ、AWS CLIやプログラムの向き先をLocalStackコンテナにすることで、エミュレートされたAWS(
AmazonLinux2023の内部にMySQLをインストールする方法についてです。 EC2をOS:AmazonLinux2023で立ち上げ、そこにMySQLをインストールします。 EC2立ち上げ EC2を立ち上げます。 インスタンスタイプ
MySQLでユニークインデックスを貼る際のDuplicate entry fuga for key hoge エラーについてです。 まず、ユニークインデックスを貼る際の構文については以下の通りです。 alter table {テーブル名}
サーバー監視で使える便利なLinuxコマンド集です。 以下のコマンドを紹介します。 topコマンド CPU・メモリ・プロセスが確認できる dfコマンド ディスク空き容量が確認できる ログ確認コマンド lessコマンド 安全にファイルを開ける
WordPressで安くて高速なサイトを構築する簡単な方法を記載します。 WordPressを自分のPCにインストール WordPressのstaticpress2019プラグインを設定 staticpress2019でWordPressの
DockerでLaravel 11のローカル開発環境を構築していきます。 DB確認用に、phpmyadminもインストールします。 コンテナは以下のような構成です。 アプリコンテナ PHP:8.3をインストールして、Laravel 11をイ
Rails7.1へアップデート時に、簡単に、Ransack 4に対応させる方法について書いていきます。 Rails7.1へアップデートする場合、Ransack はバージョン4にアップデートする必要があります。 Ransackが古い状態だと以
