yasuaki

PHP

【Windows】MAMPをインストールして、PHPを実行する!

今回はWindows環境にMAMPを導入して、PHPが動作する環境を作成します。(Windows10に導入してみています)Dockerを使うと環境構築は簡単にできますが、コマンドラインに慣れていなかったりする場合にはMAMPを使った開発環境...
JavaScript

JavaScriptで日付操作するDay.jsの使い方!挙動検証12個

Day.jsの使い方と、実際に使って検証したサンプルコードを載せています。Day.jsは、JavaScriptで日付を使う際に簡単に処理できるライブラリです。公式ドキュメントはこちらになります。今回はVue.jsにnpmで導入して使用してみ...
JavaScript

Node.jsのバージョンを確認する3つの方法!

Node.jsのバージョンを確認する方法です。コマンドで確認する方法と、Node.jsで実行するプログラムの中から確認する方法があります。コマンドで確認するコマンドでバージョンを確認する場合は、下記のコマンドを使用します。nodeコマンドに...
Vue.js

Vue.jsに入門!Vue.jsの解説記事27個!

Vue.jsの記事がたまってきたので、まとめてみました。公式サイトと一緒に参考にしてみてください。Vue.jsを使い始める方法から、機能の解説、ライブラリの説明などのリンクを一言そえて置いています。Vue.jsを使い始めるVue.jsを使い...
Vue.js

Vue CLIの使い方!Vue.jsのプロジェクトを作成する方法!

Vue CLIのインストールからプロジェクトを作成して、実際に動作確認するまでを書いています。今回はNode.jsをインストールした後の状態を対象にしています。Node.jsのインストールについては、下記の記事を確認してみてください。Mac...
JavaScript

WindowsにNode.jsをインストールする方法!【3ステップで使い始める】

WindowsにNode.jsをインストールする手順をスクリーンショット付きで載せています。公式のインストーラーを取ってきて、インストールするだけで簡単に使い始めることが可能です。下記のステップでNode.jsを導入して、動く状態になったか...
JavaScript

MacにNode.jsをインストールする方法!【インストール方法2パターン】

Node.jsをMacのローカルにインストールする方法について書いています。実際にNode.jsをインストールして動くか確認してみました。コマンドでインストールする方法と、公式のインストーラーを使用する方法があります。Node.jsにはバー...
Vue.js

Vue.jsのSlot(スロット)の使い方!(子コンポーネントにコンテンツを渡す)

Vue.jsのSlotの使い方について書いています。サンプルコードはVue.jsのバージョン3で検証しています。Vue.jsのSlotとは?Vue.jsのSlotは子コンポーネントに、使う側の親コンポーネントからコンテンツを渡せるという機能...
JavaScript

JavaScriptのsortメソッドの使い方!データソートのサンプル3個

今回はJavaScriptで配列をソートするsortメソッドについて書いてみました。sortメソッドを配列で使用することで、配列内のデータをソート(並び替え)することができます。sortメソッドの使い方JavaScriptでsortメソッド...
JavaScript

[JavaScript入門]alertの使い方!主要ブラウザ4つでの表示を確認

JavaScriptでalertメソッドを使って、メッセージを表示するダイアログボックスを出す方法について書いています。実際にブラウザでは下記のように出力されます。(chrome)また、主要のブラウザ4つでアラートの表示を確認したものをスク...
JavaScript

Chart.jsで複合グラフを表示する方法!【折れ線と棒グラフを表示】

Chart.jsを使用して、折れ線と棒グラフを一緒に表示して、複合グラフを作成する方法を書いています。公式サイトではMixed Chartという表記で、こちらに記載があります。Chart.jsを使用して、複合グラフを作成するChart.js...
React

ReactのuseStateの使い方!解説と注意点【サンプルコード9個】

今回はReactのuseStateの使い方について書いてみました。サンプルコードで検証しているReactのバージョンは17.0.2になります。ReactのuseStateの使い方についてReactのuseStateは変数の状態を管理するため...