【Androidアプリ】スクリーンショットイージーの使い方！

Androidスマホでスクリーンショットイージーアプリの使い方について書いています。スクリーンショットイージーはAndroidでスクリーンショットや画面録画ができるアプリです。アプリを使わない基本的なスクリーンショットの撮り方については、こ

PHPで文字列を含むか検索する5つの方法！

PHPで特定の文字列を含むか検索する方法について書いています。下記の関数を使って、特定文字列が文字列に含まれるか検索することが可能です。・strpos関数・mb_strpos関数・strstr関数・mb_strstr関数・preg_matc

プログラミングが学べる0円スクール(ゼロスク)の内容や評判まとめ

無料でプログラミングを学ぶことができる0円スクール(ゼロスク)について、エンジニア歴13年の筆者が確認してまとめてみました。実際に0円スクールに通った方が身近にいたので、簡単に内容などを聞いたところよさそうな感じでした。記事の後半のほうにち

PHPで文字列を数値に変換する4つの方法！

PHPで文字列を数値に変換する方法について書いています。下記の方法で、文字列から数値に変換することが可能です。・intキャストを使う・floatキャストを使う・doubleキャストを使う・intval関数を使う数値の型として、整数型(int

Androidスマホのナビゲーションバーの使い方！（表示・非表示など)

Androidスマホのナビゲーションバーの使い方について書いています。この記事ではナビゲーションバーの使い方と表示・非表示方法について書いています。ナビゲーションバーは画面下部にある3つのボタンです。Androidバージョン10からの新しい

PHP・Laravelが学べるTech Academyのコースを確認！

今回はPHPとLaravelが学べるプログラミングスクールのTech Academyについて確認してみました。 Tech AcademyについてTech Academyはキラメックス株式会社が運営するプログラミングスクールです。プログラミ

PHPで数値を文字列に変換する4つの方法！

PHPで数値を文字列に変換する方法について書いています。PHPの型変換は、PHPが処理の流れを見て自動的にやってくれるので、基本的には気にしなくても大丈夫です。この記事では下記の方法で、数値を文字列に変換します。・stringキャストを使う

PHPで文字列を分割する5つの関数！(explodeなど)

PHPで文字列を分割する方法について書いています。下記の関数を使って、文字列を分割することが可能です。・explode関数・str_split関数・mb_str_split関数・preg_split関数・mb_split関数サンプルコードは

PHPで文字列を置換する4つの方法！(str_replaceなど)

PHPで文字列を置換する方法について書いています。PHPで文字列を置換するには、下記の関数を使うことができます。・str_replace関数・str_ireplace関数・preg_replace関数・strtr関数サンプルコードは、PHP

Gitのバージョンを確認する方法！(コマンド・GUIクライアント)

使っているGitのバージョンを確認する方法について書いています。コマンドで確認する方法と、GUIクライアントで確認する方法を記載しています。GUIクライアントでの確認は、下記のクライアントアプリケーションを対象にしています。・SourceT

git configコマンドの使い方！ユーザー名・メールアドレス設定など

git configコマンドの使い方について書いています。git configコマンドを使うことで、リポジトリの設定確認や変更などを行うことができます。載せているコマンドについては、Gitのバージョン2.32.0で試してみました。git c

PHPで文字列を切り出す2つの方法！(substr, mb_substr)

PHPで文字列を切り出す方法について書いています。PHPで文字列を切り出すには、下記の関数を使うことができます。・substr関数・mb_substr関数mb_substr関数はマルチバイト対応関数なので、日本語を切る場合などに使います。サ

PHPで文字列を結合(連結)する4つの方法！

PHPで文字列を結合(連結)する方法について書いています。文字列を結合する場合には、下記の関数や演算子を使うことが可能です。・文字列演算子「.」を使う・文字列リテラルを使う・imploade関数を使う・join関数を使う(impload関数

Pythonで文字列を分割する4つの方法！(split)

Pythonで文字列を分割する方法について書いています。文字列を分割する場合には、下記のメソッドや演算子を使います。・splitメソッド・rsplitメソッド・splitlinesメソッド・re.splitメソッドサンプルコードはPytho

PHPのpreg_matchの使い方！正規表現で含むか確認する！

PHPのpreg_match関数の使い方について書いています。最初に、関数の概要と使い方を説明しています。その後に、実際に使用したサンプルコードを3パターン載せています。載せているサンプルコードは、PHPのバージョン8.1.4を使って、動作

git commitコマンドの使い方！-mオプションなど解説！

git commitコマンドの使い方について書いています。gitコマンドを使用して、リポジトリに対してコミットからプッシュまでを行う流れについては、こちらに書いているので確認してみてください。この記事では、git commitコマンドに着目

Pythonで文字列が含むか検索する4つの方法！

Pythonで文字列に「特定の文字列」が含まれているか検索する方法について書いています。文字列が含まれるか確認する場合には、下記のメソッドや演算子を使います。・in演算子・findメソッド・rfindメソッド・re.searchメソッドサン

Pythonで文字列を置換する3つの方法！(replace)

Pythonで文字列を置換する方法について書いています。Pythonで文字列を置換する時には、下記のメソッドを使います。・replaceメソッド・translateメソッド・re.subメソッドサンプルコードはPythonのバージョン3.1

Androidスマホでスクリーンショットを撮る方法！

Androidスマホで、スクリーンショットを撮る方法について解説しています。スクリーンショットを撮るときの操作や、アプリ(スクリーンショットイージー)を使う方法などについて書いています。また、Android12の新機能であるスクロールスクリ

AndroidをMacに接続して、3ステップでデータを送る方法！

AndroidスマホをMacBookに接続して、データをやり取りする方法について書いています！Macと接続して、データを送信したり、受信したりするには「Android File Transfer」というアプリを使います。この記事では、Gal

Pythonで数値を文字列に変換する4つの方法！

Pythonで数値を文字列に変換する方法について書いています。数値から文字列に変更するには、下記の方法を使います。・str関数・__str__メソッド・formatメソッド・f(フォーマット済み文字列リテラル)サンプルコードはPythonの

【現役エンジニアが選定】Gitの学習におすすめの本4選！

Gitを学習するときにおすすめの本を4つ紹介しています。まず、Gitについて簡単に解説しています。その後に、Gitを学習する時におすすめの本を紹介しています。最後にそれぞれの本を、ターミナル(CUI)・SorceTree(GUI)のどちらの

Pythonで文字列を数値に変換する(int, float)

Pythonで文字列を数値に変換する方法について書いています。文字列から数値に変更するには、下記の関数を使います。・int関数・float関数サンプルコードはPythonのバージョン3.9.12で動作を検証しています。int関数で変換するi

AndroidスマホでOSのバージョンを確認する方法！

Androidスマホで、OSのバージョンを確認する方法について書いています。基本的には設定アプリから確認することができます。Androidの端末やバージョンによって、設定アプリの項目の表示が違うことがあります。ここではGaraxy Note

Pythonで文字列を結合(連結)する3つの方法！

Pythonで文字列を結合する方法について書いています。文字列を結合する場合には、下記の演算子やメソッドを使用できます。・プラス演算子(`+`)を使う・プラスイコール演算子(`+=`)を使う・joinメソッドを使う(文字列のリストから結合)

JavaScriptで文字列を操作する記事まとめ6選！

JavaScriptで文字列を操作する記事を6つまとめました。下記の文字列操作について記載しています。・文字列を結合する・文字列を置換する・文字列を切り出す・文字列を検索する(指定文字列が含れるか)・文字列から数値に変換する・数値から文字列

JavaScriptで文字列を含むか検索する方法！メソッド3選！

JavaScriptで文字列に「指定した文字列」が含まれるか、文字列内を検索して確認する方法を書いています。この記事では、下記のメソッドを使用して文字列に、検索文字列が含まれるか確認します。・includesメソッド・searchメソッド・

JavaScriptで文字列を切り出す3つの方法！【わかりやすく解説】

JavaScriptで文字列を切り出す方法を3つ書いています。実際に動作するサンプルコードを載せて、挙動を詳しく解説しています。この記事では下記のメソッドを使用した、文字列の切り出しについて書いています。・sliceメソッド・substri

JavaScriptで数値から文字列に変換する4つの方法！

JavaScriptで「数値から文字列」に変換する方法について書いています。変換するサンプルコードと一緒に解説しています。数値を文字列に変換する時には下記を使います。・Stringオブジェクト・toStringメソッド・toFixedメソッ

JavaScriptで文字列から数値に変換する3つの方法！

JavaScriptで「文字列から数値」に変換する方法について書いています。変換するサンプルコードと一緒に解説しています。文字列を数値に変換する時には下記を使います。・Numberオブジェクト・parseInt関数・parseFloat関数

JavaScriptで文字列を置換する方法！(replaceメソッド)

JavaScriptで「対象の文字列」を「指定した文字列」に置換する方法について書いています。文字列を置換したい場合にはreplaceメソッドを使うと良いです。replaceメソッドの使い方を確認していきましょう。文字列の1箇所のみ置換する

【Python入門】while文で繰り返し(ループ)処理を行う方法！

Pythonでwhile文を使って、処理を繰り返す方法について書いています。最初にwhile文の説明を簡単にして、実際のコードを元に解説しています。載せているコードはPythonのバージョン3.9.12で確認しました。公式ドキュメントにはこ

【現役エンジニアが選定】PHPの学習におすすめの本6選！

PHPの学習におすすめの本を6つ紹介しています。Laravel・CakePHP・SymfonyなどのWebフレームワークやWordPressなどに使われているPHP。フレームワークの内部のコードや、使用されているシステムのコードを理解するた

JavaScriptで文字列を結合(連結)する4つの方法！

JavaScriptで文字列を結合する方法について書いています。実際に文字列を結合するときには、下記の4つの方法があります。・プラス演算子「+」を使う・配列のjoinメソッドを使う・文字列のconcatメソッドを使う・テンプレートリテラルを

【Python入門】for文の使い方！繰り返し(ループ)処理を行う！

Pythonでfor文を使って、処理を繰り返す方法について書いています。最初にfor文の説明を簡単にして、実際のコードを元に解説しています。for文の処理をスキップするcontinueや、処理を抜けるbreakについても記載しています。載せ

AKRacing PINONを大人が使ってみた！レビュー・感想！

AKRacing PINONを購入したので、レビューしてみました。PINONシリーズについてもまとめています。今回、嫁(146cm)もリモートワークを始めることになり、長時間座るので購入することにしました。結論としては、やはり身長の低い人に

Pythonで三項演算子(条件式)を使う方法！

Pythonで三項演算子を使う方法について書いています。三項演算子についての書き方と、動作するサンプルを載せています。サンプルコードはPythonのバージョン3.9.12で確認しました。公式ドキュメントにはこちらに書いています。Python

LaravelのBreezeを使って、ログイン認証画面を作成する方法！

LaravelのBreezeを使って、ログイン認証画面を作る手順について書いています。最初にBreezeのダウンロードや必要な準備について書いていて、そのあとにデフォルト・Vue・Reactそれぞれで使用した場合にどうなるか試してみました。

【Python入門】if文の使い方！「もしも〜なら」の条件分岐！

Pythonでif文を使って、条件分岐をする方法について書いています。最初にif文について簡単に解説して、その後にelse文・elif文について解説しています。ifと一緒に使用するelifやelseについても一緒に解説しました。載せているコ

【Mac】SourceTreeの使い方！コミットからプッシュまで

SourceTreeでのリポジトリのクローンからコミット・プッシュまでを、スクリーンショット付きでまとめました。GitHubからリポジトリをクローンしてから、コミット・プッシュまでについて書いています。使っているOSはMacでSorceTr

【Python入門】リスト(配列)の使い方！(取り出し/追加/削除)

Pythonでリストを使う方法について書いています。最初にリストについて簡単に解説して、その後に実際に動作するコードを書いています。載せているコードはPythonのバージョン3.9.1で確認しました。Pythonのリスト(配列)とは？変数だ

CSがオンラインで学べるRecursionのレビュー・感想！

CS(コンピュータサイエンス)がオンラインで学べるRecursionについてご紹介します。Recursionさんからレビュー依頼があり、1ヶ月サービスを使わせていただき記事を書きました。公式のサイトはこちらになります。Recursionで学

【Python入門】関数(def)を作る方法！引数や戻り値など解説

Pythonで関数を作る方法や、関数の引数や戻り値について解説しています。載せているコードについては、Pythonの3.9.12バージョンを使って検証しました。公式ドキュメントではこちらに解説があります。Pythonの関数とは？関数はプログ

Vue Routerでページにデータを渡せるmetaの使い方！

Vue RouterでページのURLごとに、データを渡す方法について書いています。利用シーンとしては、ページ毎にタイトルを設定したり、パンくずのデータを渡すときなどになるかと思います。載せているサンプルコードについては、下記で確認しています

ファイルの状態を確認するgit statusコマンドの使い方！

gitコマンドのgit statusの使い方について書いています。最初にgit statusについて解説して、その後に実際にコマンドを使用した際の出力を載せています。Gitのバージョン2.32.0を使って、動作を確認しています。git st

VSCodeでGitソース管理時におすすめのプラグイン3選！

VSCodeでGitを使うときにおすすめのプラグインを3個紹介しています。それぞれのプラグインのインストール方法と、よく使っている機能について書いています。この記事で紹介しているプラグインは下記になります。・Git History・Git

【Python入門】プログラムで計算する方法！算術演算子を使ってみる！

Pythonのプログラムの中で、数値の計算を行う方法について書いています。算術演算子が何かを簡単に解説して、実際のプログラムを載せて解説します。載せているコードについては、Pythonの3.9.12バージョンを使って検証しました。算術演算子

git addコマンドの使い方！ステージエリアにファイルを追加する！

gitのgit addコマンドの使い方について書いています。git addコマンドの説明の後に、実際にコマンドを使用したり、使いそうなトピックスを紹介しています。載せているコマンドについては、Gitのバージョン2.32.0で確認しました。g

VSCodeでGitの使い方！（クローンからプッシュ、履歴確認など）

VSCodeでGitを使う方法について書いています。VSCodeなどのGUIツールを使うと、ファイルの差分や履歴を確認するときにすごく見やすいです。GUIツールが使える場合には積極的に使っていくとよいかと思います。公式のこちらの記事にVSC

【Python入門】変数の使い方、変数名の付け方など！

Pythonの変数の使い方について書いています。簡単に変数について解説して、Pythonで変数を使うときの名前の付け方などを書いています。載せているコードについては、Pythonの3.9.12バージョンを使って検証しました。そもそも変数とは

【Git入門】gitコマンドを覚えよう！よく使うコマンドなど10記事！

gitを使い始めるときのインストール方法や、gitコマンドの使い方についての記事をまとめました。詳細記事まで含めると、実際に使用してみて解説しているコマンドは下記になります。 コマンド 内容 git clone リモートリポジトリか

完全無料で通えるプログラミングスクールを2つ紹介！必要なのは時間だけ

無料で通えるプログラミングスクールについて紹介しています。プログラミングを身につけるために、いざプログラミングスクールに通おうという時に、やはり受講料が一番気になるかと思います。無料で通えるプログラミングスクールがあることを知ったので、ご紹

Laravelのバリデーションについての記事5つ！

LaravelでValidation(バリデーション)をする方法について書いている記事を５つまとめてみました。簡単な記事の説明と内部リンクを貼っています。内容としては下記になります。・通常のバリデーション・フォームリクエストでのバリデーショ

Laravelのバリデーションで使える標準ルール11選！

Laravelのバリデーションで使える標準のルールで、よく使っているルールの11つについて解説しています。ここに上げているバリデーション以外の詳細は、公式のこちらに書いているので確認してみてください。Laravelのバリデーションルールのま

git stashの使い方！作業をコミットせず一時保存する方法！

gitコマンドのgit stashの使い方について書いています。最初にgit stashについて解説して、その後に実際にコマンドを使用してどうなるのかなど、詳細に書いてみました。最後に紹介したコマンドを見やすいように表にまとめてみました。G

JavaScriptで配列の要素番号を検索する方法！(findIndexメソッド)

JavaScriptでfindIndexメソッドを使用して、配列の要素番号を探す方法について書いています。findIndexは要素の位置番号を返してくれます。要素自体を取得したい場合には、findメソッドを使用すると良いです。簡単に解説した

LaravelでEloquentを使わずにSQLを実行する方法！

LaravelでEloquentを使わずに、DBファサードを使用してSQLを実行する方法について書いています。公式サイトのこちらに書いている内容になります。DBファサードを使用して、SQLを実行する準備DBファサードを使用することで、Elo

【現役エンジニア考察】プログラミングスクールに行くべき？独学か？

今回はプログラミングスクールに行くか行かないか迷っている方のために、現役エンジニアの観点から考察してみたいと思います。簡単な筆者の自己紹介になりますが、福岡で現在フリーランスをしているエンジニアで、業界歴が13年ほどです。プログラミングスク

JavaScriptに入門する言語解説・標準メソッドなどの記事17選！

CodeLikeで書いた記事の中で、JavaScriptを使い始めるときに読んでおくと良さそうな記事を並べてみました。言語の解説記事言語についての解説記事です。基礎的なものから順に並べています。変数変数と定数(let, const)について

git resetの使い方！ステージのリセット・コミットの取り消し

gitコマンドのgit resetの使い方について書いています。git resetコマンドを使用すると、ステージエリアに追加された状態をリセットしてくれます。また、リポジトリにコミットされた任意の履歴まで、ソースコードを戻すことが可能です。

JavaScriptで配列の要素を探して取得する方法！(findメソッド)

JavaScriptでfindメソッドを使用して、配列の要素を探して取得する方法について書いています。findメソッドは見つけた最初の要素を返してくれます。簡単なサンプルコードと解説を載せています。findメソッドの使い方findメソッドを

[JavaScript入門]関数の使い方についてのまとめ

JavaScriptで関数を使う方法について書いています。最初に関数の基本的な書き方を紹介した後に、関数を使用したサンプルコードを書いて解説しています。その他の内容について書いています。・無名関数とは？・関数の巻き上げ・アロー関数とは？Ja

【Git入門】git checkoutの使い方！ブランチを切り替え・リモートから取得

gitコマンドで、git checkoutを使用する方法について書いています。git checkoutコマンドを実際に使用して解説しています。解説している内容は下記になります。・ブランチを切り替える・リモートからブランチを取得して切り替える

[JavaScript入門]コメントとは？コメントを書く方法！

JavaScriptでコメントを書く方法と、コメントアウトについて書いています。JavaScriptのコメントとは？コメントは、スクリプトに処理の内容などの説明を書いておけるものです。ソースコードの内容に説明を入れることにより、複雑な処理の

【Git入門】git mergeの使い方！コマンドでブランチをマージする

gitコマンドを使用してブランチをマージする方法について書いています。gitのmergeについて解説した後に、実際にコマンドを使用してみています。Gitのバージョン2.32.0で確認しています。gitのブランチについては、こちらに記載しまし

LaravelのModelの使い方まとめ！

LaravelのModelの使い方について解説しています。載せているコマンドやサンプルコードは、Laravelのバージョン9.0.2を使用して確認しています。モデルを使用して、実際にEloquentでデータを取得したり、追加したりする方法に

[JavaScript入門]オブジェクトの使い方！（プロパティ作成・追加・削除）

JavaScriptのオブジェクトの使い方について書いています。最初にオブジェクトについて解説して、次にオブジェクトを作成した後のプロパティの削除・追加方法を書いています。最後にサンプルコードを3つ書いてみました。JavaScriptのオブ

GitHubにSSH接続する方法！(キーの作成からpushまで解説)

GitHubにSSH接続して、pushできるようにするための接続方法について書いています。Macを使用して、ssh-keygenコマンドでキーを作成した後にGitHubに登録してみました。3ステップでGitHub登録の確認まで完了します。1

Laravelでログを出力する方法！ログの設定3選！

Laravelでログを出力するファサードクラスやヘルパーの紹介とログを出力するときの設定など、ログ出力についてまとめています。載せているサンプルコードはLaravel9で動作検証しました。公式ドキュメントのこのあたりにある内容になります。L

【Git入門】git branchの使い方！ブランチの作成などトピックス4つ！

gitコマンドを使用してブランチを作成する方法と、よく使うオプションなどについて書いています。Gitのバージョン2.32.0で確認しています。gitのbranch(ブランチ)とは？gitのブランチを作成すると、現在の開発フローから離れて、別

【Git入門】git pullの使い方！pullで最新ソースを取得しよう

git pullコマンドの使い方と、実際にpullを使用して、最新ソースを取得する例を載せています。Gitの2.32.0バージョンを使用して、GitHubに接続して挙動を確かめてみました。git pullの使い方git pullコマンドを使

Laravelで実行されるSQLを確認する2つの方法！

LaravelでEloquentを使用したときに、発行されるSQLを確認する方法について書いています。掲載しているコードはLaravelのバージョン9.0で検証しました。toSqlとgetBindingsでSQLを確認する最初にtoSqlメ

【Git入門】commitした後にgit pushしてみよう【わかりやすく解説】

Gitコマンドを使用して、git cloneしたリポジトリに対して、管理したいファイルをコミットした後にプッシュするまでの内容を解説しています。プッシュまでに使うGitコマンドについても簡単に解説してみました。GitコマンドはGitが操作で

GitHubにHTTPS接続でアクセスする方法！5ステップでトークンを作成！

GitHubにHTTPS接続でアクセスする方法について書いています。GitHubで個人用のアクセストークンを作成して、リポジトリにコードをプッシュするまでをスクリーンショット付きで解説しています。gitコマンドが使えれば、ソースコードのダウ

Vue.jsのtransitionの使い方！アニメーションサンプル3つ！

Vue.jsでtransition(トランジション)を使ってアニメーションする方法について書いています。transitionを使用することで、v-showやv-ifなどの動的に表示が変わる箇所で、フワッと出したりスライドさせたりするアニメー

【Git入門】Githubに登録して、リポジトリを作成する！【2022年版】

Githubに登録して、リポジトリを作成するまでをスクリーンショット付きで解説しています。GithubはWebにGitのリポジトリを作成して、管理することができるWebシステムです。Github登録が完了した後に、リポジトリを作成して、作成

Vue.jsで状態管理する方法！(グローバルなストアを作成)

Vue.jsのprovideとinjectを使用して、データの状態管理をするストアを作成する方法です。Vuexを使用しなくてもアプリケーションの状態管理が可能になります。サンプルコードの検証には下記のバージョンを使っています。Vue.js

【Git入門】git cloneの使い方！ソースコードをダウンロードしてみよう

最初にgit cloneコマンドの使い方の説明をしています。その後に既存のリポジトリからソースコードを落としてみます。Gitのインストールはこちらの記事に書いているので、確認してみてください。git cloneの使い方gitコマンドでclo

【Git入門】Gitとは？Gitをインストールしよう【Windows, Mac】

Gitとはどういうものなのかを簡単に説明した後に、Gitのインストールの方法について書いています。Gitの公式のページはこちらになります。インストールするGitのバージョンは下記になります。git version 2.35.1OSのバージョ

Vue.jsのprovide/injectの使い方！【解説とサンプルコード】

Vue.jsのprovideとinjectの使い方について書いています。公式ドキュメントのこの辺の内容になります。紹介しているサンプルコードは下記のバージョンで検証しました。Vue.js 3.0.0 (Compotision API)Vue

PHPの設定ファイル(php.ini)の場所はどこ？

PHPの設定ファイルのphp.iniが見つからない時の探し方について書いています。php.iniはPHPの設定を行うためのファイルです。このファイルに日付のタイムゾーンの設定やアップロードできる上限の設定などを行います。コマンドで確認する方

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

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

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

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

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

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

Vue.jsに無料で入門！CodelikeなVue解説記事一覧！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScriptで金額を扱う時に使用する2つの関数(3桁区切り・切り捨て)

JavaScriptで金額を扱う際に3桁区切りにする方法と、金額の単位を千円や百万円にする方法について書いています。JavaScriptで金額をカンマの3桁区切りにするJavaScriptで金額を3桁のカンマ区切りにするにはtoLocale

[JavaScript入門]confirmの使い方の解説とトピックス3つ！

今回はJavaScriptのcomfirmメソッドの使い方について書いています。JavaScriptでconfirmメソッドを使用すると、ブラウザにメッセージと一緒に下記のような確認ダイアログを表示させることができます。このダイアログで、ボ

Chart.jsを使用して、折れ線グラフを書く方法！【気温のグラフを作る】

今回はChart.jsを使用して、折れ線グラフを書いてみます。Chart.jsは現時点での最新版のバージョン3.7.1を使用しています。少しずつ実装を変えていって、最終的に下記のような折れ線グラフを作成します。Chart.jsを使用して、折

[JavaScript入門]三項(条件)演算子の使い方！【9つの値で挙動検証】

今回はJavaScriptで三項(条件)演算子を使い方について書いています。最初に三項演算子の使い方について書いています。その後にいろいろな値を渡して、trueとfalseの判定がどうなるのか挙動検証してみたコードを載せています。JavaS

Vue.jsでTypeScriptを使う方法！【propsでの型定義6つ】

今回はVue.jsで公式サポートされたTypeScriptを使ってみます。はじめにVue CLIでTypeScriptのサポートしているプロジェクトを作成します。その後にプロジェクトに対して、コンポーネントを追加して、TypeScriptを

Chart.jsを使用して、円グラフを書く方法！【サンプルと解説付き】

今回はChart.jsを使用して、円グラフを書いてみます。円グラフの種類として、ドーナツ(doughnut)とパイ(pie)チャートが描けるようです。Chart.jsは現時点での最新版のバージョン3.7.1を使用しています。Chart.js

Vue Routerでページ内リンクする方法！【画面遷移時にページトップへ】

Vue Routerを使用しているプロジェクトで、ページ内リンクをつける方法について書いています。ページ内リンクが設定されていない場合("#hoge"でIDが指定されていない)は、ページのトップへスクロールする設定になり