Excel

【Excel】漢字のふりがなを別のセルに一括表示する関数の使い方~PHONETIC~

Excelで人名や地名などのふりがなを別のセルに表示させたい時ってありますよね。 そんな時に利用できるのがPHONETIC関数です 今回は日本語の漢字テキストからふりがなを生成してくれる便利な関数PHONETICについて以下の項目について詳...
GitHub

【Git】コミットしないでチェックアウトを行うstashコマンドをわかりやすく解説

現在、作業しているブランチをコミットせずに他のブランチで作業したい そんな時にチェックアウトコマンドを実行するとコミットしていないのでブランチを切り替えることができずに困ってしまった!なんてことはないでしょうか? このようなケースで利用でき...
JavaScript

【JavaScript】for文(ループ処理)の種類と使い方for…of/for…in

プログラミングにおいて、同じ処理を繰り返し実行することが非常に多くあります。 JavaScriptでは、複数のループ処理が行える構文が存在しますが、本記事ではその中でも利用頻度の高い「for文」について詳しく解説していきます。 for文の種...
HTML

初心者におすすめ!HTML・CSS入門本・書籍ランキング~2023年秋~

プログラミング学習をこれから始める初心者の方向けに 30歳未経験からフロントエンドエンジニアになった筆者がおすすめするHTML・CSSのおすすめ入門本・書籍をランキング形式でご紹介していきます。 世の中には多くのプログラミング言語があります...
JavaScript

React初心者必見!JSX記法の基本をわかりやすく解説

今回はReactの中でも非常に重要な要素であるJSX記法について解説します。 JSXはReactのコンポーネントを宣言する際に使用される記法で、HTMLのような見た目を持ちながらJavaScriptの力を活かすことができる記述方法です。 今...
JavaScript

JavaScriptを使用した円グラフ(ドーナツチャート)の作り方

円グラフ(ドーナツチャート)をJavaScriptとHTMLのCanvasタグを使用して作成する方法を初心者向けにご紹介していきます。 本記事では基礎的なHTML、Javascript、CSSの知識を理解している前提で解説しておりますが、随...
JavaScript

【JavaScript】超初心者向け!デザインパターンを丁寧に解説~ES6~

プログラミングの世界では、再利用性や保守性の向上を目指すため、デザインパターンという概念が存在します。 デザインパターンを理解することでより効率的なコードを書くことができるようになります。 今回は、初心者向けに人気の言語JavaScript...
CSS

【css】サイズ指定の単位変換計算ツール(px rem em vw)

本記事は主にCSSでサイズ指定を行う際に利用頻度の高い3種類の単位について 値入力だけで計算を行い、 サイズ指定の単位を簡単に変換できる簡易ツールを公開しています。 px(ピクセル) rem(レム) em(エム) vw 絶対値から相対値への...
JavaScript

progressbar.jsのオプションをカスタマイズ!色やサイズを変更しよう

簡単にローディング画面を実装することができるJavascriptライブラリprogressbar.jsには様々なオプションが用意されています。 それらを変更することで思い通りのデザインを実現することができます。 今回は以下の5つの項目につい...
JavaScript

超簡単にローディング画面を作成できるprogressbar.jsの使い方と初期設定

Webサイトの読込やデータ送信時に発生する待機時間に誰でも簡単にローディング画面+パーセントを表示させることができる便利なJavascriptライブラリprogressbar.js 使いたいと思っていても公式サイトやGithubの説明が英語...