2026-08

スポンサーリンク
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 45:業務自動化プロジェクト

Day 45:Excel業務自動化システムを「一本のプロジェクト」として組み上げるDay 45では、これまで学んできた内容をまとめて、 「Excel業務自動化システム」を1つのプロジェクトとして設計・...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 44:業務自動化設計

Day 44:業務自動化設計の「考え方」をコードに落とし込むDay 44では、これまで学んできたCSV・Excel・PDF・メール・定期実行などを、 1本の「業務自動化システム」として設計する視点 を...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 43:メール処理

Day 43:メール処理で「自動通知できるPython」を手に入れるDay 43では、業務自動化で欠かせない メール処理 を学びます。 CSV集計・PDF生成・レポート作成など、これまで作ってきたツー...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 42:定期実行

Day 42:定期実行で「自動で動き続ける仕組み」を考えるDay 42では、業務自動化の中でもとても重要な 「定期実行」 をテーマにします。 これまで作ってきた「CSV変換ツール」「集計ツール」「PD...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 41:日時処理

Day 41:日時処理で「時間を味方につける」スキルを身につけるDay 41では、業務自動化で頻出の 日時処理 を扱います。 「締め切りまであと何日?」「この期間の売上を集計したい」「ログの日時を見や...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 40:PDF操作

Day 40:PDF操作で「紙の資料」をコードで扱えるようにするDay 40では、業務でよく使われる PDFファイル をPythonから操作する方法を学びます。 紙の資料やレポートがPDFで配られるこ...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 39:CSV処理

Day 39:CSVデータ変換ツールで「生データをレポート用データに変える」Day 39では、pandasを使って CSVデータ変換ツール を作っていきます。 現場から渡される「生のCSV」を、業務で...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 38:pandas集計

Day 38:pandas集計で「業務レポートを一撃で作る」感覚を身につけるDay 38では、pandasの 集計機能 を使って、 「店舗ごとの売上合計」「商品ごとの平均数量」「件数カウント」など、 ...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 37:pandasデータ加工

Day 37:pandasデータ加工で「欲しい形に整える力」を身につけるDay 37では、pandasを使って データを思い通りの形に加工する ことを目標にします。 業務自動化では、「データを読み込む...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 36:pandas入門

Day 36:pandas入門で「業務データを一気に扱う力」を身につけるDay 36では、業務自動化の世界でほぼ必須と言ってよいライブラリ pandas を扱います。 ExcelやCSVのデータを「表...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 35:Excelファイル一括処理

Day 35:Excelファイル一括処理で「複数Excel自動集計ツール」を作るDay 35では、いよいよ 複数のExcelファイルを一括で処理する自動集計ツール を作っていきます。 ここまでの「1つ...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 34:Excel自動集計

Day 34:Excel自動集計で「人がやっている集計作業」をコードに置き換えるDay 34では、Excelを使った 自動集計 をテーマに、 複数シートに分かれたデータをまとめて集計し、合計・平均・最...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 33:Excel書式

Day 33:Excel書式で「見やすい資料」をコードから作るDay 33では、Excelの 書式設定 をPythonから操作して、 「ただのデータ」ではなく 人が見て分かりやすい資料 を自動生成する...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 32:Excelデータ操作

Day 32:Excelデータ操作で「人の手作業」をコードに置き換えるDay 32では、前回のExcel入門を一歩進めて、 「既存のExcelデータを読み書きし、行・列・シートを自在に扱う」 ことを目...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 業務自動化 - Day 31:Excel操作入門

Day 31:Excel操作入門で「業務自動化の入口」に立つDay 31では、いよいよ Excel操作による業務自動化 に入っていきます。 キーワードは次の4つです。openpyxlWorkbookW...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 30:基礎総復習

Day 30 のゴールと全体像Day 30 は、ここまで学んできた C# の基礎を一気に振り返る総復習の日です。復習する流れは次のとおりです。変数型演算子ifswitchforwhileforeach...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 29:コレクション総合演習

Day 29 のゴールと全体像Day 29 では、これまで学んできた 配列・List・Dictionary・集計・検索 を総動員して、 「成績管理プログラム」を作ることを目標にします。機能は次のとおり...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 28:データ並び替え

Day 28 のゴールと全体像Day 28 では、「配列やリストのデータを並び替える基本的な考え方」を学びます。 扱うテーマは次のとおりです。基本的な並び替えの考え方昇順(小さいものから大きいものへ)...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 27:データ集計

Day 27 のゴールと全体像Day 27 では、「配列やリストの数値データを集計する基本テクニック」を学びます。 扱うテーマは次の 5 つです。合計平均最大値最小値件数これらは、売上集計・アクセス数...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 26:データ検索

Day 26 のゴールと全体像Day 26 では、「配列やリストの中から、欲しいデータを探し出す」ための基本テクニックを学びます。 扱うテーマは次の 4 つです。ループによる検索条件一致(完全一致)部...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 25:文字列操作 実践

Day 25 のゴールと全体像Day 25 では、C# の文字列操作を一気に実践レベルまで引き上げることを目標にします。 扱うメソッドは次の 7 つです。TrimSplitJoinReplaceCon...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 24:Dictionary

Day 24 のゴールと全体像Day 24 では、コレクションの中でもとても強力な Dictionary<TKey, TValue> を学びます。 Dictionary は「キーと値のペア」を管理する...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 23:List

Day 23 のゴールと全体像Day 23 では、配列よりも柔軟に使えるコレクション型 List<T> を学びます。 List<T> は「要素数が増えたり減ったりする配列のようなもの」で、 現場の C...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 22:多次元配列

Day 22 のゴールと全体像Day 22 では、配列を一歩進めて 多次元配列(特に二次元配列) を学びます。 二次元配列は「行と列を持つ表」のような形でデータを表現できるので、 表形式のデータやマッ...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 配列・コレクション・文字列 - Day 21:配列

Day 21 のゴールと全体像Day 21 では、C# の基礎の中でもとても重要な 配列(array) を学びます。 配列は「同じ種類のデータをまとめて扱うための箱の並び」のようなもので、 現実のプロ...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 30:中間プロジェクト

Day 30:中間プロジェクト「ファイル自動整理ツール」を作るDay 30では、ここまで学んできた内容を組み合わせて、 ファイル自動整理ツールという中間プロジェクトを作っていきます。扱う機能は次の通り...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 29:リファクタリング

Day 29:リファクタリングで「読みやすく育てるコード」を意識するDay 29では、リファクタリング をテーマに、重複コード削除関数分割モジュール分割命名可読性といったキーワードを軸に、「動くコード...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 28:設定管理

Day 28:設定管理で「安全に動くコード」を意識するDay 28では、設定管理 をテーマに、.env環境変数秘密情報をコードに書かない設定ファイルといったキーワードを軸に、「安全で変更しやすいコード...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 27:ログ

Day 27:ログで「あとから原因を追えるコード」にするDay 27では、Python標準ライブラリの logging を使って、 DEBUG / INFO / WARNING / ERROR / ロ...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 26:デコレータ

Day 26:デコレータの「雰囲気」をつかむDay 26では、Pythonの少し不思議な機能である デコレータ・関数を引数に渡す・ラッパー関数 を扱います。 この段階では「仕組みのざっくりした理解」が...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 25:ジェネレータ

Day 25:ジェネレータで「必要な分だけ順番に出す」感覚を身につけるDay 25では、 イテレータ・yield・ジェネレータ を通して、 「全部を一気に作るのではなく、必要になったタイミングで1つず...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 24:オブジェクト指向実践

Day 24:オブジェクト指向を「実践レベル」に一歩進めるDay 24では、オブジェクト指向の実践的な要素である 継承・オーバーライド・@property・カプセル化 を学びます。 「クラスをただ作る...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 23:オブジェクト指向入門

Day 23:オブジェクト指向入門の「最初の一歩」を踏み出すDay 23では、Pythonのオブジェクト指向の入り口として、 クラス・インスタンス・__init__・属性・メソッド をじっくり学んでい...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 22:仮想環境

Day 22:仮想環境で「安全にPythonを育てる」感覚を身につけるDay 22では、Python開発でとても重要な「仮想環境」について学びます。 pip・パッケージ・venv・仮想環境・requi...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 21:Pythonらしい書き方

Day 21:Pythonらしい書き方を身につけるDay 21では、「Pythonらしい書き方」を支える便利な関数や仕組みをまとめて学びます。 enumerate()・zip()・any()・all(...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 20:内包表記

Day 20:内包表記で「きれいで速い」コードを書く感覚を身につけるDay 20では、Pythonの「内包表記」を学びます。 リスト内包表記・辞書内包表記・セット内包表記・条件付き内包表記を通して、 ...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 19:正規表現

Day 19:正規表現で「文字列を賢く扱う」力を身につけるDay 19では、Pythonの標準ライブラリ re を使って、 文字列の「検索」「抽出」「置換」、そして実用的な例として「メールアドレス抽出...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 18:shutil

Day 18:shutilで「ファイルとフォルダをまとめて扱う」感覚を身につけるDay 18では、標準ライブラリ shutil を使って、 ファイルコピー・移動・削除・フォルダコピーといった「実務でよ...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 17:pathlib

Day 17:pathlibで「ファイルとフォルダ」を安全に扱うDay 17では、Pythonの標準ライブラリ pathlib を使って、 ファイル検索・フォルダ操作・パス操作・ファイル作成・ファイル...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 16:標準ライブラリ

Day 16:標準ライブラリで「できることの幅」を一気に広げるDay 16では、Pythonに最初から付いてくる「標準ライブラリ」のうち、 特に実践でよく使う os・pathlib・datetime・...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | 実践Python - Day 15:モジュール

Day 15:モジュールという「部品」を理解するDay 15では、Pythonの「モジュール」という仕組みを使って、コードを部品化・再利用する考え方を学んでいきます。 import・from・自作モジ...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 20:第2章総合演習

Day 20 のゴールと全体像Day 20 は、第2章の総まとめとして コマンドライン電卓を作る総合演習です。 ここまで学んできた「制御構文」と「メソッド」を組み合わせて、 実際に動く小さなアプリケー...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 19:nullable

Day 19 のゴールと全体像Day 19 では、C# でとても重要なテーマである nullable(ヌラブル) を学びます。 これは「値があるかもしれないし、ないかもしれない」という状態を安全に扱う...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 18:スコープ

Day 18 のゴールと全体像Day 18 では、プログラムを書くうえでとても重要なのに、最初は少しイメージしづらいテーマである スコープ(有効範囲) を学びます。学ぶ内容は次の 3 つです。ローカル...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 17:メソッドの分割

Day 17 のゴールと全体像Day 17 では、メソッドを「ただ書く」段階から一歩進んで、きれいに分割して設計する力を身につけていきます。 テーマは次の 4 つです。1つのメソッドに処理を書きすぎな...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 16:引数と戻り値

Day 16 のゴールと全体イメージDay 16 では、メソッドを一気に「実用レベル」に引き上げる重要なテーマである 引数と戻り値 を学びます。 昨日の Day 15 では「処理のかたまりに名前をつけ...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 15:メソッド入門

Day 15 のゴールと全体イメージDay 15 では、C# におけるとても重要な概念である メソッド を学びます。 メソッドは、簡単に言うと「処理のかたまりに名前をつけたもの」です。学ぶことは次のと...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 14:break・continue

Day 14 のゴールと全体イメージDay 14 では、ループの流れを途中でコントロールするためのキーワードである break と continue を学びます。これまで for / while / ...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 13:foreach

Day 13 のゴールと全体イメージDay 13 では、foreach 文を使って「配列」や「コレクション」の要素を順番に処理する方法を学びます。 これまでの for・while は「カウンターで回す...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 12:while文

Day 12 のゴールと全体イメージDay 12 では、「繰り返し処理」のもう一つの重要な構文である while 文 と do while 文 を学びます。 Day 11 の for 文は「回数が決ま...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | 制御構文・メソッド - Day 11:for文

Day 11 のゴールと全体イメージDay 11 では、プログラムの中で「同じ処理を何度も繰り返す」ための基本構文である for 文 を学びます。 繰り返しは、実用的なプログラムを作るうえで欠かせない...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 10:第1章総合演習

Day 10 のゴールと全体イメージDay 10 は、第1章の総合演習として、ここまで学んできた 基本文法をひとつのプログラムにまとめて使う日です。 題材は「簡易プロフィール管理プログラム」です。この...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 9:switch

Day 9 のゴールと全体イメージDay 9 では、条件分岐のもう一つの重要な構文である switch を学びます。 Day 8 で学んだ if / else if / else は「条件が複雑なとき...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 8:条件分岐 if

Day 8 のゴールと全体イメージDay 8 では、プログラムの「流れ」をコントロールするための基本構文である 条件分岐 if を学びます。 条件分岐は、条件によって処理を変える状況に応じてメッセージ...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 7:文字列操作

Day 7 のゴールと全体イメージDay 7 では、C# の「文字列操作」を集中的に学びます。 文字列は、ユーザー名・メッセージ・ログ・入力データなど、ほぼすべてのアプリで登場する重要な要素です。学ぶ...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 6:型変換

Day 6 のゴールと全体イメージDay 6 では、C# の「型変換」を集中的に学びます。 型変換は、ある型の値を別の型として扱いたいときに行う操作で、実用的なプログラムでは頻繁に登場します。学ぶ項目...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 5:コンソール入力

Day 5 のゴールと全体イメージDay 5 では、「コンソールからユーザーの入力を受け取る」方法を学びます。 これまでのプログラムは、コードの中に値を書き込んでいましたが、 いよいよ「ユーザーがキー...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 4:演算子

Day 4 のゴールと全体イメージDay 4 では、C# の「演算子」をまとめて学びます。 演算子は、値どうしを計算したり、比較したり、条件を組み立てたりするための「記号」です。学ぶ項目は次のとおりで...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 3:データ型

Day 3 のゴールと全体イメージDay 3 では、C# の「データ型」をじっくり学びます。 Day 2 で「変数」という箱を学びましたが、その箱に「どんな種類の値を入れるか」を決めるのがデータ型です...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 2:変数

Day 2 のゴールと全体イメージDay 2 では、C# のプログラムを書くうえで絶対に欠かせない「変数」について学びます。 変数は、プログラムの中で「値を一時的に覚えておくための箱」のようなものです...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 14:基礎総復習

Day 14:基礎総復習 ― CLI型ToDoアプリを作るDay 14では、ここまで学んできた「変数・データ型・条件分岐・ループ・リスト・辞書・例外処理・ファイル操作・JSON」などを総動員して、 C...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 13:CSV・JSON

Day 13:CSV・JSONの基本を押さえるDay 13では、「CSV」と「JSON」という、現実の開発現場で非常によく使われるデータ形式を扱います。 Pythonの標準ライブラリである csv と...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 12:ファイル操作

Day 12:ファイル操作の基本を押さえるDay 12では、「ファイル操作」をテーマに、open()、読み込み・書き込み・追記、with、文字コードをステップバイステップで学んでいきます。 ここからは...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 11:例外処理

Day 11:例外処理の考え方と書き方Day 11では、「例外処理」をテーマに、Pythonのエラーの種類と、try・except・else・finally・raise を使った安全なコードの書き方を...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 10:関数

Day 10:関数 ― 「処理に“名前”をつけて、何度でも安全に再利用する」Day 10では、「関数」を扱います。 関数は、「ある処理のまとまりに名前をつけて、何度でも呼び出せるようにする仕組み」です...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 9:辞書・タプル・セット

Day 9:辞書・タプル・セット ― 「“構造”を意識してデータを整理する」Day 9では、「辞書・タプル・セット」という3つのデータ構造を扱います。 リストだけでも多くのことができますが、データの性...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 8:リスト

Day 8:リスト ― 「複数の値を“ひとまとめ”にして扱うための箱」Day 8では、「リスト」を扱います。 リストは、複数の値を順番付きでまとめて保存できる、とても重要なデータ構造です。 ユーザー一...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 7:while文

Day 7:while文 ― 「条件が続く限り、ずっと処理を繰り返す」Day 7では、「while文」を扱います。 while文は、「ある条件がTrueである間、同じ処理を繰り返す」ための仕組みです。...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 6:for文

Day 6:for文 ― 「同じ処理を“何度も繰り返す”力を手に入れる」Day 6では、「for文」を扱います。 for文は、「同じような処理を、複数の値に対して順番に繰り返す」ための仕組みです。 P...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 5:条件分岐

Day 5:条件分岐 ― 「状況に応じて“やること”を変えられるようになる」Day 5では、「条件分岐」を扱います。 条件分岐は、「もし○○ならこうする、そうでなければこうする」といった“判断”をコー...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 4:文字列操作

Day 4:文字列操作 ― 「テキストを自在に切ったり貼ったりして、“意味のある情報”に変える」Day 4では、「文字列操作」を集中的に扱います。 Pythonでテキストを扱う場面は非常に多く、ログ解...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 3:演算子

Day 3:演算子 ― 「値を計算し、比較し、組み合わせて“意味のある判断”ができるようになる」Day 3では、「演算子」を扱います。 演算子は、値同士を計算したり、比較したり、組み合わせたりするため...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 2:変数とデータ型

Day 2:変数とデータ型 ― 「値に名前をつけて、コンピュータと会話できるようになる」Day 2では、「変数」と「データ型」という、プログラミングの超基本を扱います。 ここをしっかり押さえておくと、...
90日で身につけるC#

基礎から学ぶC#入門 90日コース | C#基本文法 - Day 1:C#とは何か

Day 1 のゴールと全体イメージこの Day 1 では、「C#とは何か」「何ができるのか」「どうやって動かすのか」を、 プログラミング初心者向けに一歩ずつ丁寧に整理していきます。いきなり難しいコード...
90日で身につけるPython

基礎から学ぶPython入門 90日コース | Python基礎 - Day 1:Pythonを始める

Day 1:Pythonを始める ― まず「プログラムを書くってこういうことなんだ」を体で覚えるPython入門90日コースの最初の一歩は、「Pythonとは何か」「何ができるのか」「どうやって動かす...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 45:DOM総合制作

Day 45:DOM総合制作(前半)「インタラクティブToDoアプリ Ver.1 を通して“DOM操作の一連の流れ”を形にする」Day 45前半では、これまで学んできたDOM操作を総動員して、 インタ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 44:DOM総復習

Day 44:DOM総復習(前半)「DOM操作の“基本6セット”を1つのミニアプリでつなげて理解する」Day 44前半では、これまで学んできたDOM操作を総復習します。 テーマは次の6つです。要素取得...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 43:DOM操作演習

Day 43:DOM操作演習(前半)「ランダムカラーアプリで“見た目を変えるDOM操作”を体験する」Day 43前半では、ランダムカラーアプリを作成していきます。 このアプリはとてもシンプルですが、ラ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 42:DOM操作演習

Day 42:DOM操作演習(前半)「簡易電卓を通して“入力 → 計算 → 結果表示”の流れを身につける」Day 42前半では、DOM操作演習として 「簡易電卓」 を作成していきます。 電卓はとてもシ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 41:DOM操作演習

Day 41:DOM操作演習(前半)「文字数カウンターを通して“DOM操作の流れ”を体で覚える」Day 41前半では、これまで学んできた DOM操作・イベント処理・フォーム操作 をまとめて使う演習とし...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 40:イベント委譲

Day 40:イベント委譲(前半)「親要素にイベントを設定して“あとから増える要素”もスマートに操作する」Day 40前半では、JavaScriptのイベント処理の中でも実務で頻出のテクニック、イベン...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 39:イベントオブジェクト

Day 39:イベントオブジェクト(前半)「event と event.target で“誰がクリックされたか”を正しく理解する」Day 39前半では、JavaScriptのイベント処理の中でもとても...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 38:要素の削除

Day 38:要素の削除(前半)「remove() を使って“不要になった要素を安全に消す”ToDo削除機能の基礎を身につける」Day 38 前半では、DOM操作の中でもとても重要な 要素の削除 を扱...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 37:要素の追加

Day 37:要素の追加(前半)「createElementで“新しいタグ”を作り、appendでページに生やす」Day 37前半では、DOM操作の中でもとてもワクワクする 「要素の追加」 を扱います...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 36:フォーム操作

Day 36:フォーム操作(前半)「ユーザーの入力を“受け取って扱う”ための基本を身につける」Day 36前半では、Webページでとても重要な「フォーム操作」を扱います。 ここから、ページは「ただ見せ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 35:イベント処理

Day 35:イベント処理(前半)「addEventListenerで“ユーザーの行動”に反応するページを作る」Day 35前半では、Webページを「ただ表示するだけ」から一歩進めて、 ユーザーの操作...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 34:CSS操作

Day 34:CSS操作(前半)「クラスを切り替えて“見た目のモード”を変える」Day 34前半では、JavaScriptからCSSを操作するための基本テクニックである classList を学びます...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 33:テキスト操作

Day 33:テキスト操作(前半)「画面の“文章”をJavaScriptで書き換える基本スキル」Day 33では、DOM操作の中でも頻出のテーマである テキスト操作 を扱います。 Webページを動かす...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 32:要素の取得

Day 32:要素の取得(前半)「JavaScriptで“どのHTMLを触るか”を正確に指定する」Day 32では、DOM操作の中でも超重要なテーマである 「要素の取得」 を扱います。 Webページを...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | Webページを操作するDOM - Day 31:DOMとは

Day 31:DOMとは(前半)「JavaScriptが“Webページそのもの”を触れるようになる仕組み」Day 31からはいよいよ、 「Webページを直接操作する」世界 に入っていきます。ここまで学...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 30:最初の総合制作

Day 29:自力コーディング練習(後半)「“見本なし”で書けるようになるための、実戦トレーニング」Day 29後半では、前半で確認した最大値を求める配列を検索データをフィルター合計を計算という4つの...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 29:自力コーディング練習

Day 29:自力コーディング練習(前半)「見本なしで“自分の手で”コードを書くためのウォームアップ」Day 29では、これまで学んできた配列オブジェクト条件分岐ループデータ処理(検索・フィルター・合...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 28:データ処理演習②

Day 28:データ処理演習②(前半)「ユーザーデータを“整理して扱う”力を鍛える」Day 28では、ユーザーデータを題材にして、ユーザー検索年齢フィルターソート(並び替え)データ追加をまとめて練習し...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 27:データ処理演習①

Day 27:データ処理演習①(前半)「商品データを“自由に扱える”感覚を身につける」Day 27では、これまで学んできた 配列・オブジェクト・条件分岐・ループ を使って、 実務に近い形の「商品データ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 26:try / catch

Day 26:try / catch(前半)「エラーが起きても“アプリを落とさずに”安全に処理するための仕組み」Day 26では、JavaScriptでエラーを安全に扱うための仕組みである 例外処理(...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 25:エラーとデバッグ

Day 25:エラーとデバッグ(前半)「エラーは“敵”ではなく、コードを育てるためのヒント」Day 25では、JavaScriptを書くうえで避けて通れない エラー と、 それを解決するための デバッ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 24:JSON

Day 24:JSON(前半)「JavaScriptのデータを“外の世界”とやり取りするための共通言語」Day 24では、Web開発でほぼ必ず登場する JSON(ジェイソン) について学びます。学習内...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 23:スプレッド構文

Day 23:スプレッド構文(前半)「元のデータを壊さずに“新しいデータ”を作る力を身につける」Day 23では、JavaScriptでとてもよく使われる スプレッド構文(...) を学びます。学習内...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 22:分割代入

Day 22:分割代入(前半)「必要なデータだけ、スマートに取り出すテクニック」Day 22では、配列やオブジェクトから 必要なデータだけを取り出すためのテクニック 「分割代入(ぶんかつだいにゅう)」...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 21:オブジェクトと配列

Day 21:オブジェクトと配列(前半)「現実のデータ構造」に一気に近づく日ですDay 21では、これまで学んできた 配列 と オブジェクト を組み合わせて、オブジェクトの配列実務でのデータ構造を扱っ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 20:オブジェクトの基礎

Day 20:オブジェクトの基礎 ― 「意味のあるまとまり」でデータを扱うDay 20では、JavaScriptでとても重要な「オブジェクト」というデータの形を学びます。オブジェクトとはプロパティ値の...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 19:配列メソッド②

Day 19:配列メソッド② ― 「集計」と「条件チェック」を武器にするDay 19では、配列をさらに一歩踏み込んで扱うための4つのメソッドを学びます。reduce():合計・集計・まとめるsome(...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 18:配列メソッド①

Day 18:配列メソッド① ― 「配列を変換・絞り込み・検索する」力を身につけるDay 18では、配列をより賢く扱うための3つの重要なメソッドを学びます。map():配列を「変換」するfilter(...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 17:配列の繰り返し

Day 17:配列の繰り返し(前半)「1つずつ」ではなく「まとめて処理する」力を身につけるDay 17では、配列の要素を 1つずつ順番に処理するための繰り返し構文 を学びます。 ここまでで「配列を作る...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 16:配列の追加・削除

Day 16:配列の追加・削除(前半)―「リストを動かす」感覚を身につけるDay 16では、配列の中身を 追加したり削除したりして動かす 方法を学びます。 ここまでで「配列とは」「インデックス」「要素...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptでデータを扱う - Day 15:配列の基礎

Day 15:配列の基礎(前半)―「ひとつずつ」から「まとめて扱う」へ進むDay 15では、JavaScriptでデータを扱ううえで欠かせない 配列(Array) を学びます。 ここまでの学習では、変...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 14:Week 2 総復習

Day 14:Week 2 総復習(前半)で「土台を固める」Week 2では、JavaScriptの基礎として変数データ型演算子条件分岐繰り返し関数を一通り学んできました。 Day 14前半では、それ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 13:アロー関数

Day 13:アロー関数(前半)で「関数をより短く、より読みやすく」書く力を身につけるDay 13前半では、JavaScriptのモダンな書き方である アロー関数(Arrow Function) を学...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 12:引数と戻り値

Day 12:引数と戻り値で「入力→処理→結果」の流れをつかむDay 12では、関数の中でもとても重要な要素である 引数・戻り値・return を学びます。 関数を「入力→処理→結果」を扱う小さな箱と...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 11:関数の基礎

Day 11:関数の基礎で「処理に名前をつけて再利用する」感覚を身につけるDay 11では、JavaScriptのとても重要な概念である 「関数」を学びます。 関数は、ひと言でいうと 「処理のかたまり...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 10:while文

Day 10:while文で「条件を満たすまで繰り返す」感覚を身につけるDay 10では、「条件を満たすまで繰り返す」タイプのループである while 文と do...while 文を学びます。 さら...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 9:繰り返し処理 for

Day 9:for文で「同じ処理を繰り返す」感覚をつかむDay 9では、プログラミングの中でもとても重要な考え方である 「繰り返し処理」を学びます。 その代表的な仕組みが for 文です。ここでは、f...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 8:switch文

Day 8:switch文で「分岐の整理」を体験するDay 8では、これまで学んできた if / else if / else に続いて、switch 文による条件分岐を学びます。 特に「ひとつの値に...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 40:コンポーネント設計演習

DAY 40:コンポーネント設計演習 前半 ― TODOアプリを4つのコンポーネントに分割するDAY 40の前半では、DAY 30で作成したシンプルなTODOアプリを題材にして、 コンポーネント分割の...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 39:Props Drilling

DAY 39:Props Drilling 前半 ― 「深い階層にPropsを渡す」ときに何が起きるかを知るDAY 39では、Reactでよく話題になる 「Props Drilling(プロップス・ド...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 38:Stateはどこに置くか

DAY 38:Stateはどこに置くか 前半 ― 「状態の居場所」を意識して設計するDAY 38では、フォーム・コンポーネント設計の中でもとても重要なテーマである 「Stateはどこに置くか」について...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 37:コンポーネント設計

DAY 37:コンポーネント設計 前半 ― 「責務」を軸に考える練習を始めるDAY 37は、フォームだけでなくReactアプリ全体の設計力に関わる、とても重要な回になります。 ここでは次の4つをテーマ...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 7:条件分岐の実践

Day 7:条件分岐の実践(前半)Day 7前半では、条件分岐を一歩進めて、複数条件・&&・||・!・ネストした条件分岐を扱います。 ここまで来ると、現実のサービスに近いロジック——たとえばログイン判...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 6:条件分岐 if

Day 6:条件分岐 if(前半)Day 6前半では、プログラムに「状況によって動きを変える力」を与える条件分岐を学びます。 ここで扱うのは、if・else・else if・比較条件です。これらを使う...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 5:文字列操作

Day 5:文字列操作 ― 「言葉を扱うコード」に一歩踏み込むJavaScript入門90日コースのDay 5では、「文字列操作」をテーマに進めていきます。 これまで数字や真偽値を扱ってきましたが、実...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 4:演算子

Day 4:演算子 ― 「計算・比較・条件」をまとめて体験する日JavaScript入門90日コースのDay 4では、「演算子」をテーマに進めていきます。 演算子は、値どうしを計算したり、比べたり、条...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 3:データ型

Day 3:データ型 ― 「値の種類」を意識してみる日JavaScript入門90日コースのDay 3では、「データ型」をテーマに進めていきます。 昨日までで「変数」という箱を手に入れましたが、今日は...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 2:変数とデータ

Day 2:変数とデータ ― 「値をしまっておく箱」を手に入れるJavaScript入門90日コースの2日目では、プログラミングの世界で超・基本になる「変数」と「データ」についてじっくり学んでいきます...
90日で身につけるJavaScript

基礎から学ぶJavaScript入門 90日コース | JavaScriptを動かして慣れる - Day 1:JavaScriptとは何か

Day 1:JavaScriptとは何かJavaScript入門90日コースの1日目では、「JavaScriptってそもそも何者なのか?」というところから、実際にブラウザで動かしてみるところまでをじっ...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 36:フォーム総合演習

DAY 36:フォーム総合演習 前半 ― 簡易ユーザー登録アプリの全体像をつかむDAY 36では、これまで学んできた入力フォームControlled Componentフォーム送信バリデーション一覧表...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 35:バリデーション

DAY 35:バリデーション 前半 ― 「入力を信じない」ための基本4セットを身につけるDAY 35では、フォーム・コンポーネント設計の中でもとても重要なテーマであるバリデーションを扱います。 前半の...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 34:フォーム送信

DAY 34:フォーム送信 前半 ― 「form+onSubmit+preventDefault」の基本を体に入れるDAY 34の前半では、 form・onSubmit・preventDefault ...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 33:複数フォーム

DAY 33:複数フォーム 前半 ― 「項目が増えても怖くない」フォームの基本設計DAY 33の前半では、 名前・メール・年齢・textarea・select をまとめて扱う「複数フォーム」を題材に、...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 32:フォームとState

DAY 32:フォームとState 前半 ― 「入力が画面に届くまで」の流れを理解するDAY 32の前半では、 フォームとStateの関係を 1本の流れとしてイメージできるようになること を目標にしま...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | フォーム・コンポーネント設計 - DAY 31:フォーム基礎

DAY 31:フォーム基礎 前半 ― 「input+value+onChange」でフォームの土台を作るDAY 31では、Reactにおけるフォームの一番基本となる考え方、 input・value・o...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 30:State総合制作

DAY 30:State総合制作 前半 ― TODOアプリ Ver.1 を作りながら復習するDAY 30では、これまで学んできた State・配列・オブジェクト・map・filter・一部更新 を総動...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 29:オブジェクトState

DAY 29:オブジェクトState 前半 ― 「1つのまとまりとして状態を持つ」感覚を身につけるDAY 29では、これまで配列Stateを中心に扱ってきた流れから一歩進んで、 「オブジェクトをSta...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 28:Stateの更新

DAY 28:Stateの更新 前半 ― 「一部だけ変える」感覚を身につけるDAY 28では、Stateの中の 「一部だけを更新する」 ことにフォーカスして学習していきます。 これまで「追加」「削除」...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 27:Stateから削除

DAY 27:Stateから削除 前半 ― 「消す」という操作でState更新の本質をつかむDAY 27では、これまで追加してきたStateから 「削除する」 ことにフォーカスして学習していきます。 ...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 26:Stateへの追加

DAY 26:Stateへの追加 前半 ― 「入力したものが画面に並ぶ」までの一本の流れを作るDAY 26では、いよいよ 「入力 → State → 配列に追加 → map → 画面表示」 という、R...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 25:配列State

DAY 25:配列State 前半 ― 「Stateで配列を扱う」ための土台を固めるDAY 25では、Reactでとてもよく使うのに、つまずきやすいテーマである 「配列をStateで管理する」ことを丁...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 24:keyを理解する

DAY 24:keyを理解する 前半 ― 「Reactがリストをどう見ているか」を知るDAY 24では、Reactのリスト表示で必ず登場する key を深く理解していきます。 ここは、mapによるリス...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 23:mapによるリスト表示

DAY 23:mapによるリスト表示 前半 ― 「配列を画面に変える」Reactの超重要テクニックDAY 23では、React学習の中でも特に重要なテーマである 「mapによるリスト表示」を扱います。...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 22:条件付きレンダリング

DAY 22:条件付きレンダリング 前半 ― 「状態によって画面を変える」力を身につけるDAY 22では、Reactでとても重要な考え方である条件付きレンダリングを学びます。 ここからが「Stateを...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Stateを使いこなす - DAY 21:イベント処理

DAY 21:イベント処理 前半 ― 「クリックで動くReact」を理解する最重要ステップDAY 21では、Reactでユーザー操作を扱うためのイベント処理の基礎を集中的に学びます。 ここで理解する内...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 20:React基礎総合演習

DAY 20:React基礎総合演習 前半 ― じゃんけんアプリで基礎を一気に使ってみるDAY 20の前半では、これまで学んできたReactの基礎をまとめて使うために、じゃんけんアプリを制作していきま...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 19:State更新

DAY 19:State更新 前半 ― 「いろいろな値を安全に更新する」感覚を身につけるDAY 19では、前日までに学んだ useState を一歩進めて、Stateの更新パターンを整理していきます。...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 18:useState入門

DAY 18:useState入門 前半 ― 「Reactが“動く”仕組みの入口」DAY 18では、Reactで最重要と言ってよい State(ステート) と、その代表的なフックである useStat...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 17:Props実践

DAY 17:Props実践 前半 ― 「一歩進んだProps」でコンポーネントをもっと柔軟にするDAY 17では、DAY 16で学んだ基本的なProps(String / Number / Bool...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 16:Props

DAY 16:Props 前半 ― 「コンポーネントにデータを渡す」感覚を身につけるDAY 16は、Reactの中でも特に重要なテーマである Props を扱います。 ここから、コンポーネントが「ただ...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 15:コンポーネント分割

DAY 15:コンポーネント分割 前半 ― 「親と子で画面を組み立てる」考え方を身につけるDAY 15では、これまで学んできたコンポーネントを どう分割し、どう組み合わせるか に焦点を当てていきます。...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 14:コンポーネント

DAY 14:コンポーネント 前半 ― 「UIを部品として扱う」感覚を身につけるDAY 14は、React入門60日コースの中でも特に重要な回になります。 ここで扱う コンポーネント の考え方は、Re...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 13:JSX

DAY 13:JSX 前半 ― 「Reactの見た目を作る言語」を理解する入口に立つDAY 13では、Reactで画面を作るときに必ず登場する JSX について学んでいきます。 この前半のゴールは、次...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 12:Reactとは

DAY 12:Reactとは 前半 ― 「画面を部品として考える」入り口に立つDAY 12では、いよいよ Reactそのものの考え方に入っていきます。 この前半のゴールは、次のキーワードを「ふわっと」...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | Reactの基本 - DAY 11:React開発環境

DAY 11:React開発環境 前半 ― 「Reactを動かす土台」を理解する回DAY 11から、いよいよ React本体に入っていきます。 まずは「Reactを書く前に絶対に知っておきたい開発環境...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 10:JavaScript総合演習

Day 10:JavaScript総合演習で「商品データ管理プログラム」を作るDay 10は、ここまで学んできた 関数・配列・map・filter・オブジェクト・Spread構文 を総合的に組み合わせ...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 9:分割代入・Spread構文

Day 9:分割代入・Spread構文で「きれいに扱う&安全にコピーする」を身につけるDay 9では、ReactのState更新でほぼ必須になる 分割代入 と Spread構文 を扱います。 ここをし...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 8:オブジェクト

Day 8:オブジェクトで「意味のあるデータ」を扱えるようになるDay 8では、JavaScriptでもReactでも超重要な オブジェクト を扱います。 配列が「ただの並び」だとしたら、オブジェクト...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 7:filter・find

Day 7:filter・findで「欲しいデータだけ」を取り出す力を身につけるDay 7では、Reactでもよく使われる filter() と find() を扱います。 どちらも「配列から条件に合...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 6:map

Day 6:mapで「配列を変換する力」を身につけるDay 6では、Reactではほぼ必須と言っていい map() を扱います。 map() を理解すると、「配列 → 別の形の配列」に変換する感覚がつ...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 5:配列

Day 5:配列で「たくさんのデータ」をまとめて扱うDay 5では、JavaScriptでとてもよく使う 配列(array) を扱います。 Reactでも「一覧表示」「リストレンダリング」などで毎回の...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 4:Arrow Function(アロー関数)

Day 4:Arrow Functionで「現代的な関数の書き方」に慣れるDay 4では、Reactでめちゃくちゃよく登場する Arrow Function(アロー関数) をじっくり見ていきます。 見...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 3:関数

Day 3:関数で「処理のまとまり」をつくるJavaScriptの世界で、関数はとても重要な存在です。 「同じような処理を何度も書いているな…」と感じたとき、それをスッキリ整理してくれるのが関数です。...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 2:constとlet

Day 2:constとletで「変数の基本」をしっかり押さえるJavaScriptでプログラムを書くうえで、いちばんよく登場するのが「変数」です。 Day 2では、この変数をモダンJavaScrip...
60日で身につけるReact

モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 1:JavaScriptとReactの関係

Day 1:JavaScriptとReactの関係をやさしく理解するWeb開発の世界に足を踏み入れると、まず名前だけはよく聞くのが「JavaScript」と「React」です。 でも、「結局この2つっ...
Java

Java Tips | 実務ユーティリティ:キャッシュ処理

なぜ「キャッシュ処理ユーティリティ」が業務で重要になるのか業務システムでは、DBアクセス、外部API呼び出し、設定情報の取得、マスタデータの参照など、 「何度も同じデータを取りに行く処理」が大量に存在...
Java

Java Tips | 実務ユーティリティ:指数バックオフ

なぜ「指数バックオフユーティリティ」が業務で重要になるのか業務システムで外部APIや外部DB、メッセージキュー、メールサーバなどにアクセスしていると、 「一時的に失敗する」「一瞬だけ不安定になる」とい...
Java

Java Tips | 実務ユーティリティ:リトライ処理

なぜ「リトライ処理ユーティリティ」が業務で重要になるのか業務システムでは、外部API呼び出し、DBアクセス、メッセージキュー、メール送信、ファイルI/Oなど、 「たまに失敗するけれど、もう一度試せば成...
Java

Java Tips | 実務ユーティリティ:タイムアウト処理

なぜ「タイムアウト処理ユーティリティ」が業務で重要になるのか業務システムでは、外部API呼び出し、DBアクセス、ファイルI/O、バッチ処理、メール送信など、 「いつ終わるか分からない処理」を大量に扱い...
Java

Java Tips | 実務ユーティリティ:処理時間計測

処理時間計測ユーティリティの重要性と実務での使いどころ業務システムでは、APIレスポンス、バッチ処理、DBアクセス、外部連携、ファイル入出力など、 「どれくらい時間がかかったか」を把握することが非常に...
Java

Java Tips | 実務ユーティリティ:Enum値チェック

なぜ「Enum値チェックユーティリティ」が業務で重要になるのか業務システムでは、ステータス・種別・区分・ロール・フラグなど、 「限られた候補の中から一つを選ぶ」値を大量に扱います。例えば次のようなもの...
Java

Java Tips | 実務ユーティリティ:UUID形式チェック

なぜ「UUID形式チェックユーティリティ」が業務で重要になるのか業務システムでは、ユーザーID・セッションID・トランザクションID・ファイルID・APIキーの内部識別子など、さまざまな場面で「一意な...
Java

Java Tips | 実務ユーティリティ:日付形式チェック

なぜ「日付形式チェックユーティリティ」が業務で重要になるのか業務システムでは、予約日・請求日・支払期日・誕生日・契約開始日/終了日・締め日など、あらゆる場面で日付を扱います。 しかし、入力された文字列...
Java

Java Tips | 実務ユーティリティ:郵便番号形式チェック

なぜ「郵便番号形式チェックユーティリティ」が業務で重要になるのか業務システムでは、ユーザー登録・住所入力フォーム・配送情報・請求書発行・顧客管理など、あらゆる場面で郵便番号を扱います。 しかし、入力さ...
Java

Java Tips | 実務ユーティリティ:電話番号形式チェック

なぜ「電話番号形式チェックユーティリティ」が業務で重要になるのか業務システムでは、ユーザー登録・問い合わせフォーム・顧客管理・配送情報・緊急連絡先など、あらゆる場面で電話番号を扱います。 しかし、入力...
Java

Java Tips | 実務ユーティリティ:IPアドレス形式チェック

なぜ「IPアドレス形式チェックユーティリティ」が業務で重要になるのか業務システムでは、アクセス制御・監査ログ・APIクライアントの登録・ファイアウォール設定・ホワイトリスト/ブラックリストなど、さまざ...
Java

Java Tips | 実務ユーティリティ:URL形式チェック

なぜ「URL形式チェックユーティリティ」が業務で重要になるのか業務システムでは、外部サイトへのリンク、Web API のエンドポイント、画像やファイルのパス、リダイレクト先URLなど、さまざまな場面で...
Java

Java Tips | 実務ユーティリティ:メール形式チェック

なぜ「メール形式チェックユーティリティ」が業務で重要になるのか業務システムでは、ユーザー登録・問い合わせフォーム・通知設定・CSVインポートなど、あらゆる場面でメールアドレスを扱います。 しかし、入力...
Java

Java Tips | 実務ユーティリティ:文字列バリデーション

なぜ「文字列バリデーションユーティリティ」が業務で重要になるのか業務システムでは、画面入力・API・CSV・設定ファイルなど、あらゆるところから文字列が入ってきます。 しかし、その文字列が「本当に受け...
Java

Java Tips | 実務ユーティリティ:数値バリデーション

なぜ「数値バリデーションユーティリティ」が業務で重要になるのか業務システムでは、画面入力・API・設定ファイル・CSVインポートなど、あらゆるところから「数値らしき文字列」が入ってきます。 しかし、そ...
Java

Java Tips | 実務ユーティリティ:範囲チェック

なぜ「範囲チェックユーティリティ」が業務で重要になるのか業務システムでは、数値・日付・文字列長などに「許される範囲」が必ず存在します。 例えば次のような制約です。ページサイズは 1〜100 の間割引率...
Java

Java Tips | 実務ユーティリティ:null→空文字変換

なぜ「デフォルト値設定ユーティリティ」が業務で重要になるのか業務システムでは、「値が入っていない」「設定されていない」「外部から来なかった」という状況が日常的に発生します。 そのときに、毎回 if 文...
Java

Java Tips | 実務ユーティリティ:null→空文字変換

なぜ「null→空文字変換ユーティリティ」が業務で役に立つのか業務システムでは、画面表示・ログ出力・ファイル出力・メール本文生成など、「文字列を扱う処理」が大量に存在します。 その中で、null のま...
Java

Java Tips | 実務ユーティリティ:空文字→null変換

なぜ「空文字→null変換ユーティリティ」が業務で役に立つのか業務システムでは、文字列の扱い方が統一されていないと、DB設計・バリデーション・検索条件などで微妙な不整合が生まれます。 その代表例が 「...
Java

Java Tips | 実務ユーティリティ:Null安全変換

Null安全変換ユーティリティが業務で重要になる理由業務システムでは、null が原因の障害が非常に多く発生します。 Java の世界では NullPointerException(NPE) が代表的...
JavaScript

JavaScript | 1 日 90 分 × 7 日アプリ学習:DOM・イベント・ブラウザUI メモ帳アプリ編

メモ帳アプリ 1日目のゴール1日目のテーマは 「ブラウザ上で動く、シンプルなメモ帳アプリの“最初の形”を作る」 ことです。重点として挙がっているquerySelector() / querySelec...
C#

C# Tips | XML・設定ファイル:設定値を型安全に扱う

「設定値を型安全に扱う」とは、バグを未然に防ぐために設定にも“型”を与えることです業務・実務でC#を使っている読者のみなさんにとって、 設定ファイル(appsettings.json や環境変数など)...
C#

C# Tips | XML・設定ファイル:Secret設定を分離する

「Secret設定を分離する」とは、漏えいしてはいけない情報をコードと設定から切り離すことです業務・実務でC#を使っている読者のみなさんにとって、 「Secret(シークレット)」の扱い方は、情報セキ...
C#

C# Tips | XML・設定ファイル:Options Patternを使う

Options Patternとは「設定をクラスとして扱い、DIで安全に渡すための仕組み」です業務・実務でC#(特にASP.NET Core)を使っている読者のみなさんにとって、 設定の扱い方はシステ...
C#

C# Tips | XML・設定ファイル:環境別設定を切り替える

「環境別設定を切り替える」とは、同じコードで開発・テスト・本番を安全に動かす仕組みです業務・実務でC#を使っている読者のみなさんにとって、 「環境ごとに設定を変えたい」というニーズはほぼ必ず出てきます...
C#

C# Tips | XML・設定ファイル:環境変数を読む

「環境変数を読む」とは、設定をOS側から安全に受け取ることです業務・実務でC#を使っている読者のみなさんにとって、 設定値をどこに置くかはとても重要なテーマです。appsettings.json に書...
C#

C# Tips | XML・設定ファイル:IConfigurationを使う

IConfigurationとは何かをまずイメージでつかむ業務・実務でC#を使っている読者のみなさんにとって、設定ファイルは避けて通れない存在です。 appsettings.json や環境変数、コマ...
C#

C# Tips | XML・設定ファイル:appsettings.jsonを読む

「appsettings.jsonを読む」とは、設定をコードから安全に取り出すことです業務・実務でC#を使っている読者のみなさんにとって、 appsettings.json は「アプリの設定をまとめて...
C#

C# Tips | XML・設定ファイル:XMLをLINQで処理する

LINQでXMLを処理するとは「XMLをコレクションとして扱う」という発想です業務・実務でC#を使っている読者のみなさんにとって、XMLは設定ファイル・マスタ情報・外部システム連携などで今もよく使われ...
C#

C# Tips | XML・設定ファイル:XMLノードを取得する

業務で「XMLノードを取得する」ユーティリティが必要になる場面をイメージする業務・実務でC#を使っている読者のみなさんにとって、XMLは設定ファイル・マスタ情報・外部システム連携などで頻繁に登場します...
C#

C# Tips | XML・設定ファイル:XML属性を取得する

業務で「XML属性を取得する」ユーティリティが必要になる場面をイメージする業務・実務でC#を使っている読者のみなさんにとって、XMLは設定ファイルや外部システム連携などでよく登場します。 その中でも「...
C#

C# Tips | XML・設定ファイル:XPathで検索する

業務で「XPathで検索する」ユーティリティが役に立つ場面をイメージする業務・実務でC#を使っている読者のみなさんにとって、XMLは設定ファイルや外部システム連携などでよく登場します。 そのXMLの中...
C#

C# Tips | XML・設定ファイル:XMLをDeserializeする

「XMLをDeserializeする」とは、XMLから“使えるオブジェクト”を復元することです業務・実務でC#を使っている読者のみなさんにとって、 XMLは「設定ファイル」「外部システムとの連携」「バ...
C#

C# Tips | XML・設定ファイル:XMLをSerializeする

「XMLをSerializeする」とは、オブジェクトをそのままXMLに変換する仕組みです業務・実務でC#を使っている読者のみなさんにとって、 XMLは「設定ファイル」「外部システムとの連携」「バッチの...
C#

C# Tips | XML・設定ファイル:XMLを書き出す

業務で使う「XMLを書き出す」ユーティリティの全体像をつかむ業務・実務のC#開発では、XMLは「設定を外部ファイルに保存する」「他システムにデータを渡す」といった場面でよく使われます。 例えば次のよう...
C#

C# Tips | XML・設定ファイル:XMLを読み込む

業務で使う「XMLを読み込む」ユーティリティの全体像をつかむ業務・実務のC#開発では、設定ファイルや外部システムとの連携にXMLが使われる場面が今でも多くあります。 例えば次のような用途です。アプリケ...
C#

C# Tips | セキュリティ:セキュリティUtilityを共通化する

セキュリティUtilityを共通化することは「プロジェクト全体の安全基準を一本化すること」です業務・実務でC#を使ってシステム開発をしている読者のみなさんにとって、 暗号化、入力値サニタイズ、XSS対...
C#

C# Tips | セキュリティ:Secretを安全に管理する

Secretを安全に管理することは「システムの心臓部を守ること」です業務システムやWebアプリケーション、バッチ処理、API連携などを開発する読者のみなさんにとって、 「Secret(シークレット)」...
C#

C# Tips | セキュリティ:CSRF対策

CSRF対策は「正しいユーザーの操作だけを受け付けるための防御」です業務システムやWebアプリケーションを開発する読者のみなさんにとって、 CSRF(Cross-Site Request Forger...
C#

C# Tips | セキュリティ:XSS対策

XSS対策は「ユーザー入力を安全に画面に載せるための防御の要」です業務システムやWebアプリケーションを開発する読者のみなさんにとって、 XSS(クロスサイトスクリプティング)は、SQL Inject...
C#

C# Tips | セキュリティ:Path Traversal対策

Path Traversal対策は「ファイルシステムを攻撃から守るための必須防御」です業務システムやWebアプリケーション、API、バッチ処理などでファイルを扱う読者のみなさんにとって、 Path T...
C#

C# Tips | セキュリティ:SQL Injection対策

SQL Injection対策は「データベースを守るための最重要防御」です業務システムでデータベースを扱う読者のみなさんにとって、 SQL Injection(SQLインジェクション)は、もっとも有名...
C#

C# Tips | セキュリティ:HTMLエスケープする

HTMLエスケープすることは「ユーザー入力を安全に画面表示するためのXSS防御の基本」です業務システムやWebアプリケーションを開発する読者のみなさんにとって、 「ユーザー入力をそのままHTMLに埋め...
C#

C# Tips | セキュリティ:入力値をサニタイズする

入力値をサニタイズすることは「攻撃コードを無害化してシステムを守るための基本防御」です業務システムやWebアプリ、API、バッチ処理など、 どんな種類のソフトウェアでも「外部から受け取る入力値」は必ず...
C#

C# Tips | セキュリティ:HTTPS通信を確認する

HTTPS通信を確認することは「通信路が暗号化されていて、証明書が正しく信頼できるかをチェックする技術」です業務システムやAPIクライアント、バックエンドサービスを開発する読者のみなさんにとって、 「...
C#

C# Tips | セキュリティ:RSA署名を検証する

RSA署名を検証することは「そのデータが本当にその人から来たものであり、改ざんされていないことを確認する技術」です業務システムやAPI連携、認証基盤、ライセンス検証などを設計する読者のみなさんにとって...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | デフォルト値を設定する

「デフォルト値を設定する」とは何かPower Query(M言語)で「デフォルト値を設定する」とは、値が渡されなかったり、nullだったり、欠損していたりする場合に、“代わりに使う値”をあらかじめ決め...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | 複数引数の関数を作る

複数引数の関数を作るとは何かPower Query(M言語)で「複数引数の関数を作る」とは、1つの関数に対して、2つ以上の値やオブジェクトを入力として受け取り、それらを組み合わせて処理するロジックを定...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | 関数に引数を渡す

関数に引数を渡すとは何かPower Query(M言語)で「関数に引数を渡す」とは、関数に対して“具体的な値”や“対象データ”を渡し、その値に応じた処理をさせることです。 同じ関数でも、渡す引数が違え...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | 無名関数を使う

無名関数とは何かPower Query(M言語)で「無名関数を使う」とは、関数に名前を付けず、その場で“使い捨ての関数”を書くことを指します。 通常の関数は MyFunc = (x) => ... の...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | 関数を作る

関数を作るとは何かPower Query(M言語)で「関数を作る」とは、よく使う処理に“名前”と“引数”を付けて、何度でも呼び出せるようにすることです。 同じような計算や変換を、クエリのあちこちにコピ...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | テーブルを作る

テーブルを作るとは何かPower Query(M言語)で「テーブルを作る」とは、行と列を持つ“表形式データ”をコードから直接定義することです。 通常は ExcelやCSVなどから読み込みますが、実務で...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | レコードを作る

レコードを作るとは何かPower Query(M言語)で「レコードを作る」とは、複数の項目(フィールド)をひとまとめにした“名前付きの箱”を作ることです。 Excelでいう「1行分のデータ」に近いイメ...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | リストを作る

リストを作るとは何かPower Query(M言語)で「リストを作る」とは、複数の値をひとまとめにした“順番付きの箱”を作ることです。 Excelでいう「1列の縦並びデータ」に近いイメージで、数値・文...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | null を扱う

null を扱うとは何かPower Query(M言語)で「null を扱う」というのは、「値がない状態」をきちんと意識して処理することです。 実務のデータには、未入力・欠損・不明・取得失敗など、さま...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | 論理値を定義する

論理値を定義するとは何かPower Query(M言語)で「論理値を定義する」とは、条件の結果やフラグ(真偽)に“名前付きの箱”を用意することです。 論理値とは、true(真)か false(偽)の2...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | 数値を定義する

数値を定義するとは何かPower Query(M言語)で「数値を定義する」とは、計算に使う数字や、業務ルール上の固定値に“名前付きの箱”を用意することです。 例えば「消費税率」「閾値(しきい値)」「割...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | 文字列を定義する

文字列を定義するとは何かPower Query(M言語)で「文字列を定義する」とは、テキスト情報に名前を付けて扱えるようにすることです。 例えば「ファイル名」「メッセージ」「区切り文字」「固定のコード...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | 変数を定義する

変数を定義するとは何かPower Query(M言語)で「変数を定義する」というと、急に難しく聞こえるかもしれませんが、実務で使う範囲ならイメージはとてもシンプルです。 M言語における「変数」とは、途...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | /* */ コメントを使う

M言語でのコメントの基本を整理するPower Query(M言語)で「/* … */ コメントを使いたい」と思う方は多いですが、結論から言うと M言語には C言語や JavaScript のような /...
Python

Python 逆引き集 | 字列操作:文字列を検索する

文字列を検索するとはどういうことかPythonで文字列を扱うとき、「この文字列の中に特定の単語が含まれているか」「どこに現れているか」「何回出てくるか」を調べたい場面はとても多いです。 ログ解析、エラ...
Python

Python 逆引き集 | 字列操作:文字列の長さを取得する

文字列の長さを取得するとはどういうことかPythonで文字列を扱うとき、「この文字列は何文字あるのか」を知ることはとても重要です。 入力チェック、バリデーション、ログの整形、UIの制約、セキュリティ対...
Python

Python 逆引き集 | 字列操作:文字列を繰り返す

文字列を繰り返すとはどういうことかPythonでは、同じ文字列を何回も並べて「パターン」や「装飾」や「テスト用データ」を作りたい場面がよくあります。 例えば、"=" を80個並べて区切り線を作ったり、...
Python

Python 逆引き集 | 字列操作:文字列を連結する

文字列を連結するとはどういうことかPythonでプログラムを書いていると、「メッセージを組み立てる」「ログを作る」「ファイルの1行を作る」など、複数の文字列をつなげて1つの文字列にしたい場面が頻繁に出...
Python

Python 逆引き集 | 字列操作:文字列を作る

文字列を作るとはどういうことかPythonでプログラムを書くとき、文字列(str) はほぼ必ず登場する基本データ型です。 メッセージ表示、ログ出力、ファイル入出力、API通信、ユーザー入力など、あらゆ...
Python

Python 逆引き集 | Python基礎・実行環境:help()で機能を調べる

help()で機能を調べるとはどういうことかPythonには「言語そのものが自分の使い方を教えてくれる」という、とても面白い文化があります。その中心にあるのが help() 関数です。 help() ...
Python

Python 逆引き集 | Python基礎・実行環境:id()を使う

id()を使うとはどういうことかPythonの id() 関数は、「その値(オブジェクト)が、Pythonの内部でどれと認識されているか」を知るための道具です。 もう少し噛み砕くと、「同じように見える...
JavaScript

JavaScript Tips | セキュリティ:セキュリティログ用データを整形する

セキュリティログ用データを整形することは「後から“何が起きたか”を正しく再現するための土台づくり」です業務システムでセキュリティを真面目に考え始めると、 必ずと言っていいほど出てくるのが 「ログ」 の...
JavaScript

JavaScript Tips | セキュリティ:URLパラメータの入力検証

URLパラメータの入力検証は「外部から渡される値に“権限”を渡しすぎないための基本設計」です業務システムでは、URLパラメータを使う場面がとても多いです。?page=2 のようなページ番号?id=12...
JavaScript

JavaScript Tips | セキュリティ:MIME Type検証

MIME Type検証は「ファイルの“中身の種類”を確認して偽装を見抜くための防御」です業務システムでファイルアップロード機能を作るとき、 拡張子検証だけでは不十分であることがよく問題になります。vi...
JavaScript

JavaScript Tips | セキュリティ:ファイルアップロードの拡張子検証

ファイルアップロードの拡張子検証は「危険なファイルを“入口で止める”ための基本防御」です業務システムでは、ファイルアップロード機能はとてもよく使われます。ユーザーがプロフィール画像をアップロードする取...
JavaScript

JavaScript Tips | セキュリティ:外部リンクにrel属性を設定する

外部リンクにrel属性を設定することは「ユーザーと自サイトを外部ページから守るための小さくて重要な防御線」です業務システムやWebサービスでは、外部サイトへのリンクを設置する場面が多くあります。ヘルプ...
JavaScript

JavaScript Tips | セキュリティ:innerHTML利用時の安全対策

innerHTML利用時の安全対策は「便利さと危険性のバランスを取るための設計」です業務システムのフロントエンドでは、innerHTML はとても魅力的なAPIです。 一行で複雑なHTMLを差し込めて...
JavaScript

JavaScript Tips | セキュリティ:DOM Injectionを防止する

DOM Injectionを防止することは「画面を書き換える“権限”を外部入力に渡さない設計」です業務システムでは、JavaScriptでDOM(画面の要素)を書き換える処理が日常的に使われます。ユー...
JavaScript

JavaScript Tips | セキュリティ:Open Redirectを防止する

Open Redirectを防止することは「自分のサイトを“攻撃者の踏み台”にしないための設計」です業務システムでは、ログイン後や処理完了後に「元の画面へ戻す」「指定されたURLへ遷移する」といった機...
JavaScript

JavaScript Tips | セキュリティ:Token漏洩を防ぐ設計

Token漏洩を防ぐ設計は「認証の“鍵”を絶対に落とさないための全体設計」です業務システムで使われるアクセストークン(JWTなど)は、 ユーザーの認証・権限を表す 「鍵」そのもの です。このトークンを...
JavaScript

JavaScript Tips | セキュリティ:Web Storageに機密情報を保存しない設計

Web Storageに機密情報を保存しない設計は「ブラウザ側を“信頼しすぎない”ための基本セキュリティ方針です」業務システムでは、localStorage や sessionStorage といった...
JavaScript

JavaScript Tips | セキュリティ:iframeのOriginを検証する

iframeのOrigin検証は「画面の一部を“信頼できる外部コンテンツだけ”に限定するための防御技術です」業務システムでは、<iframe> を使って外部コンテンツを埋め込む場面がよくあります。外部...
JavaScript

JavaScript Tips | セキュリティ:postMessageのOriginを検証する

postMessageのOrigin検証は「別ドメインとのメッセージ通信を“信頼できる相手だけ”に限定するための防御技術」ですwindow.postMessage は、親ページと <iframe>別タ...
JavaScript

JavaScript Tips | セキュリティ:JSONPを安全に扱う

JSONPを安全に扱うことは「外部サイトからの“任意コード実行”を制御するための重要な防御技術」ですJSONP(JSON with Padding)は、古いブラウザやCORSが使えない環境で 別ドメイ...
JavaScript

JavaScript Tips | セキュリティ:ユーザー入力をサニタイズする

ユーザー入力のサニタイズは「外部から来たデータを“攻撃ではなく情報”として扱うための基本防御技術」です業務システムでは、ユーザー入力を扱う場面が非常に多いです。会員登録フォームの名前・メールアドレスコ...
JavaScript

JavaScript Tips | セキュリティ:危険なHTMLを除去する

危険なHTMLを除去することは「ユーザー入力を“安全なコンテンツ”だけに絞り込むための最後の防御線」です業務システムで、ユーザーが入力した内容を「リッチテキスト」として表示したい場面は多くあります。お...
JavaScript

JavaScript Tips | セキュリティ:javascript: URLを拒否する

「javascript: URLを拒否する」は“リンクからのコード実行”を根本的に封じるためのセキュリティガードです業務システムで URL を扱うときに、必ず意識してほしい危険な存在が javascr...
JavaScript

JavaScript Tips | セキュリティ:外部URLを検証する

外部URL検証は「ユーザーを“行ってほしくない場所”へ飛ばさないためのセキュリティゲート」業務システムでは、外部サイトへのリンクや遷移を扱う場面が多くあります。お知らせページから外部サービスへのリンク...
JavaScript

JavaScript Tips | セキュリティ:URLを安全に検証する

URLを安全に検証することは「ユーザー入力や外部リンクを“信頼できる経路”だけに限定するための防御技術」業務システムで URL を扱う場面はとても多いです。ユーザーが入力したリンクを表示する外部サイト...
JavaScript

JavaScript Tips | セキュリティ:XSS対策用の文字列処理をする

XSS対策用の文字列処理は「ユーザー入力を“攻撃コード”ではなく安全なデータとして扱うための基盤技術」Web業務システムで避けて通れないセキュリティテーマが XSS(クロスサイトスクリプティング)対策...
JavaScript

JavaScript Tips | セキュリティ:HTMLエスケープする

HTMLエスケープは「ユーザー入力を“安全な文字列”に変換してXSS攻撃を防ぐための基本防御テクニック」業務システムで Web を扱うなら、HTMLエスケープは避けて通れないセキュリティ技術です。 特...
JavaScript

JavaScript | 1 日 90 分 × 7 日アプリ学習:DOM・イベント・ブラウザUI ToDoアプリ編

ToDoアプリ 1日目のゴール1日目のテーマは 「JavaScriptでブラウザの画面(DOM)を直接さわって、シンプルなToDoリストを動かす」 ことです。重点として挙がっているquerySelec...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 ミニ家計簿編

ミニ家計簿アプリ 1日目のゴール1日目のテーマは 「配列とオブジェクトを使って“1件の支出”と“支出の一覧”を表現できるようになること」 です。ミニ家計簿は、日付項目(食費・交通費など)金額メモといっ...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 単位変換編

単位変換アプリ 1日目のゴール1日目のテーマは 「JavaScriptの関数と数値処理を使って、シンプルな単位変換アプリの“芯”を作ること」 です。ここでは、初心者がつまずきやすい関数とは何か数値と文...
Java

Java Tips | 実務ユーティリティ:Throwableチェーン取得

なぜ「Throwableチェーン取得ユーティリティ」が業務で重要になるのか業務システムで例外を扱っていると、「このエラーはどこから来たのか」「途中でどんな例外がラップされているのか」を知りたくなる場面...
Java

Java Tips | 実務ユーティリティ:Exceptionメッセージ取得

なぜ「Exceptionメッセージ取得ユーティリティ」が業務で役に立つのか業務システムでは、例外が発生したときに「何が問題だったのか」を分かりやすく伝えることがとても重要です。 ログに残すときも、画面...
Java

Java Tips | 実務ユーティリティ:StackTrace→String

なぜ「StackTrace→Stringユーティリティ」が業務で役に立つのか業務システムでは、例外が発生したときに「どこで」「何が」起きたのかを正確に把握することがとても重要です。 そのときに頼りにな...
Java

Java Tips | 実務ユーティリティ:ログ文字列整形

なぜ「ログ文字列整形ユーティリティ」が業務で重要になるのか業務システムでは、ログは「障害解析」「監査」「セキュリティ調査」「運用改善」のすべての土台になります。 しかし、ログ出力をその場その場で適当に...
Java

Java Tips | 実務ユーティリティ:SQL文字列安全化

なぜ「SQL文字列安全化ユーティリティ」が業務で重要なのか業務システムでデータベースを扱うとき、ユーザー入力を検索条件や更新値として SQL に渡す場面は必ず出てきます。 このときに、ユーザー入力をそ...
Java

Java Tips | 実務ユーティリティ:XMLエスケープ

なぜ「XMLエスケープユーティリティ」が業務で重要になるのか業務システムでは、外部システムとの連携や設定ファイル、ログ出力などで XML を扱う場面がとても多いです。 Web API のリクエスト/レ...
Java

Java Tips | 実務ユーティリティ:HTMLエスケープ

なぜ「HTMLエスケープユーティリティ」が業務で必須になるのか業務システムで Web アプリケーションを作るとき、ユーザーが入力した文字列を画面に表示する場面は必ず出てきます。コメント欄、名前、メール...
Java

Java Tips | 実務ユーティリティ:ファイル名禁止文字除去

ファイル名禁止文字除去が業務で重要になる理由業務システムでは、ユーザーがアップロードしたファイルを保存したり、レポートやエクスポート結果をファイルとして出力したりする場面が非常に多くあります。そのとき...
Java

Java Tips | 実務ユーティリティ:ファイル名安全化

ファイル名安全化が業務で重要になる理由業務システムでは、ユーザーがアップロードしたファイルをサーバー側で保存したり、レポートやエクスポート結果をファイルとして出力したりする場面が非常に多いです。 この...
Java

Java Tips | 実務ユーティリティ:6桁認証コード生成

なぜ「6桁認証コード生成ユーティリティ」が業務で重要なのか業務システムでは、SMS認証、メール認証、パスワードリセット、二要素認証(2FA)などで「6桁の認証コード」が非常によく使われます。 ユーザー...
Java

Java Tips | 実務ユーティリティ:ワンタイムコード生成

なぜ「ワンタイムコード生成ユーティリティ」が業務で重要なのか業務システムでは、本人確認やセキュリティ強化のために「一度だけ使えるコード(ワンタイムコード)」が頻繁に使われます。 SMS認証コード、メー...
Java

Java Tips | 実務ユーティリティ:ランダムUUID生成

なぜ「ランダムUUID生成ユーティリティ」が業務で役に立つのか業務システムでは、「他と絶対にかぶってほしくないID」がたくさん登場します。 ユーザーID、リソースID、ファイルの識別子、トークンのキー...
Java

Java Tips | 実務ユーティリティ:ランダム数字生成

なぜ「ランダム数字生成ユーティリティ」が業務で役に立つのか業務システムでは、「数字だけのランダム値」が驚くほどよく使われます。 ワンタイムパスコード(OTP)、SMS認証コード、検証番号、受付番号、伝...
Java

Java Tips | 実務ユーティリティ:ランダム文字列生成

なぜ「ランダム文字列生成ユーティリティ」が業務で役に立つのか業務システムでは、ちょっとした「ランダム文字列」が頻繁に必要になります。 一時的なトークン、ファイル名のユニーク化、セッションID、検証コー...
Java

Java Tips | 実務ユーティリティ:パスワード生成

なぜ「パスワード生成ユーティリティ」が業務で重要なのか業務システムでは、ユーザーアカウント、APIキー、一時的な初期パスワード、管理者用の秘密情報など、さまざまな場面で「安全なパスワード」を生成する必...
C#

C# Tips | セキュリティ:RSA暗号化を扱う

RSA暗号化を扱うことは「安全な鍵交換と少量の機密データ保護のための中核技術」です業務システムやAPI連携、認証基盤などを設計する読者のみなさんにとって、 RSA暗号は「公開鍵暗号」の代表的な方式であ...
C#

C# Tips | セキュリティ:AES暗号化・復号を組み込んだ完全なセキュアデータ管理システム

AES暗号化・復号を組み込んだ完全なセキュアデータ管理システム業務システムでは、機密情報を「安全に保存し、安全に取り出す」ことが求められます。 その中心となる技術が AES暗号化とAES復号 です。 ...
C#

C# Tips | セキュリティ:AES復号を行う

AES復号を行うことは「暗号化された機密情報を正しく取り戻すための必須技術」です業務システムやクラウドサービスでは、 データを AES暗号化して保存・送信し、必要なときに復号して利用する という流れが...
C#

C# Tips | セキュリティ:AES暗号化を行う

AES暗号化を行うことは「機密データを守るための実務レベルの必須技術」です業務システムや社内ツール、クラウドサービスなどを開発する読者のみなさんにとって、 AES暗号化は「機密情報を安全に保存・送信す...
C#

C# Tips | セキュリティ:ハッシュ比較を組み込んだ完全な改ざん検知システム

ハッシュ比較を組み込んだ完全な改ざん検知システムファイルや設定情報、構成データが「いつの間にか書き換えられていた」という事故は、業務システムでは珍しくありません。そこで重要になるのが ハッシュ比較を使...
C#

C# Tips | セキュリティ:Hashを比較する

Hashを比較することは「改ざん検知・認証・整合性チェックの中心技術」です業務システムを開発する読者のみなさんにとって、 ハッシュ値を正しく比較することは、セキュリティの基礎でありながら非常に重要な技...
C#

C# Tips | セキュリティ:ファイルHashを計算する

ファイルハッシュを計算することは「改ざん検知と整合性確認のための基本的なセキュリティ技術」です業務システムや社内ツール、配布用バイナリ、ログファイルなどを扱う読者のみなさんにとって、 ファイルのハッシ...
C#

C# Tips | セキュリティ:SHA-512を使ったファイル検証システムの完全設計図

SHA-512を使ったファイル検証システムは「改ざん検知と安全な配布のための実務的な防御線」です業務システムや社内ツール、配布用バイナリ、ログファイルなどを扱う読者のみなさんにとって、 「ファイルが途...
C#

C# Tips | セキュリティ:SHA-512ハッシュを生成する

SHA-512ハッシュを生成することは「大容量データの改ざん検知や高強度の識別子生成に役立つ重要なセキュリティ技術」です読者のみなさんが業務システムや Web API を開発する際、 SHA-512ハ...
C#

C# Tips | セキュリティ:SHA-256ハッシュを生成する

SHA-256ハッシュを生成することは「データの改ざん検知と識別のための基本的なセキュリティ技術」です業務システムや Web API を開発する読者のみなさんにとって、 SHA-256ハッシュを正しく...
C#

C# Tips | セキュリティ:HMAC署名を検証する

HMAC 署名を検証することは「API の改ざん防止と送信者の正当性を保証するための中心技術」です業務システムや Web API を開発する読者のみなさんにとって、 HMAC(Hash-based M...
C#

C# Tips | セキュリティ:HMAC を使った API 署名システムの完全設計図

HMAC を使った API 署名システムの完全設計図API の安全性を高めるために「HMAC 署名」を導入することは、業務システムにおいて非常に効果的です。 署名の仕組みを正しく設計すれば、外部からの...
C#

C# Tips | セキュリティ:HMAC署名を生成する

HMAC 署名を生成することは「データ改ざん防止の基盤となる重要なセキュリティ技術」です業務システムや Web API を開発する読者のみなさんにとって、 HMAC(Hash-based Messag...
C#

C# Tips | セキュリティ:JWTの有効期限を確認する

JWT の有効期限を確認することは「安全な認証を維持するための最重要ステップ」です読者のみなさんが Web API や業務システムを開発する際、 JWT(JSON Web Token)の 有効期限(e...
C#

C# Tips | セキュリティ:JWTの署名を検証する

JWT の署名検証は「トークンが改ざんされていないことを保証するための最重要ステップ」です読者のみなさんが Web API や業務システムを開発する際、 JWT(JSON Web Token)を安全に...
C#

C# Tips | セキュリティ:JWTを扱う

JWT を扱うことは「安全な認証・権限管理を実務レベルで実装するための中心技術」です読者のみなさんが Web API や業務システムを開発する際、 JWT(JSON Web Token)を安全に扱うこ...
C#

C# Tips | セキュリティ:API トークンの完全な認証システム設計図

API トークンの完全な認証システム設計図API トークン方式の認証は、JWT よりもシンプルでありながら、設計を誤ると重大なセキュリティ事故につながります。 ここでは、業務システムでそのまま使える ...
C#

C# Tips | セキュリティ:API トークンを安全に保存する方法

API トークンを安全に保存する方法は「システム全体のセキュリティを左右する最重要ポイント」です読者のみなさんが業務システムや Web API を開発する際、 API トークンを安全に保存する方法を理...
C#

C# Tips | セキュリティ:API Tokenを生成する

API トークン生成は「安全な認証・アクセス制御の中心となる仕組み」です読者のみなさんが業務システムや Web API を開発する際、 API トークン(Access Token)を安全に生成すること...
C#

C# Tips | セキュリティ:暗号学的乱数を生成する

暗号学的乱数を生成することは「安全なトークン・鍵・識別子を作るための最重要基盤」です読者のみなさんが業務システムを開発する際、 暗号学的に安全な乱数(Cryptographically Secure ...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | // コメントを使う

// コメントを使うPower Query(M言語)を実務で使うとき、コメントを書く習慣はクエリ品質を大きく向上させる重要テクニックです。 M言語のコメントはとてもシンプルですが、使い方を理解していな...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | コメントを書く

コメントを書くPower Query(M言語)を実務で使うとき、コメントを書く習慣はクエリ品質を劇的に向上させる重要テクニックです。 コメントがあるだけで、後から読む人(未来の自分を含む)が処理内容を...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | ステップを変数として利用する

ステップを変数として利用するPower Query(M言語)を実務で使う際に、「ステップ=変数」という発想を理解すると、コードの読みやすさ・保守性・応用力が一気に向上します。 初心者が最初に戸惑うポイ...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | M言語・基本操作:ステップ名の付け方

ステップ名の付け方Power Query(M言語)を実務で使う際に、ステップ名の付け方は品質を左右する重要ポイントです。 ステップ名は「ただの名前」ではなく、後続ステップが参照する“変数名”そのもので...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | M言語・基本操作:let … in の使い方

let ... in の使い方let … in の使い方を“構造から理解する”Power Query(M言語)を初めて触る多くのユーザーが最初に戸惑うのが let … in の構造です。 しかし、実務...
Power Query M Formula Language

実務で使えるPower Query小技・テクニック | M言語・基本操作:M言語の基本構文を理解する

M言語の基本構文を理解するPower Query(M言語)を「難しいプログラミング言語」と感じる方は多いですが、実務で使う範囲なら“型さえつかめば怖くない”言語です。ここでは、初心者でも迷わず書けるよ...
Python

Python 逆引き集 | Python基礎・実行環境:help()で機能を調べる

help()で機能を調べるPythonには、初心者から上級者まで幅広く使われている「自己学習のための仕組み」がいくつもあります。その中でも help() は最も強力で、最も簡単に使える学習ツールです。...
Python

Python 逆引き集 | Python基礎・実行環境:id()を使う

id()を使うPythonの id() は、初心者が早い段階で理解しておくとコードの挙動が一気に読み解きやすくなる重要な関数です。 id() は「オブジェクトがどこに存在しているか」を示す 識別番号(...
Python

Python 逆引き集 | Python基礎・実行環境:type()を使う

type()を使うPythonの学習を進めるうえで、「今扱っている値がどんな型なのか」 を正しく理解することは非常に重要です。 そのための基本ツールが type() です。 初心者のうちは「型を意識せ...
Python

Python 逆引き集 | Python基礎・実行環境:isと==を使い分ける

is と == を使い分けるPythonを学び始めた多くの人が最初に戸惑うポイントが 「is と == の違い」 です。 どちらも「比較」に使われますが、役割はまったく異なります。 この違いを正しく理...
Python

Python 逆引き集 | Python基礎・実行環境:真偽値を扱う

真偽値を扱うPythonの真偽値(Boolean)は、プログラミングの基礎の中でも特に重要な概念です。 条件分岐・ループ・データ検証・セキュリティチェックなど、あらゆる場面で使われます。 初心者のうち...
Python

Python 逆引き集 | Python基礎・実行環境:Noneを扱う

Noneを扱うPythonの None(ナン) は、初心者が必ず理解しておくべき特別な値です。 「何もない」「値が未設定」「処理がまだ行われていない」ことを表すために使われ、プログラムの安全性や可読性...
Python

Python 逆引き集 | Python基礎・実行環境:型変換する

型変換するPythonでは「型変換(type conversion)」は、プログラミング初心者が必ず身につけるべき重要な基礎です。 型変換を理解すると、文字列 → 数値、数値 → 文字列、リスト → ...
Python

Python 逆引き集 | Python基礎・実行環境:アンパック代入する

アンパック代入するPythonの「アンパック代入」は、初心者が早い段階で身につけるとコードの質が一気に向上する重要テクニックです。複数の値をまとめて受け取り、それぞれの変数に一度で割り当てる仕組みで、...
Python

Python 逆引き集 | Python基礎・実行環境:複数の変数を一度に定義する

変数を入れ替えるPythonには、変数の値を入れ替える(swapする)ための非常にシンプルで強力な仕組みがあります。 他の多くの言語では「一時変数」を使う必要がありますが、Pythonでは 1行で安全...
Python

Python 逆引き集 | Python基礎・実行環境:複数の変数を一度に定義する

複数の変数を一度に定義するPythonでは、複数の変数を一度にまとめて定義するための便利な仕組みが用意されています。 これは「可読性の向上」「コード量の削減」「処理の意図が明確になる」など多くのメリッ...
Python

Python 逆引き集 | Python基礎・実行環境:改行してコードを書く

改行してコードを書くPythonでは「どこで改行するか」が読みやすさ・保守性・安全性に直結します。 特に初心者は、1行に詰め込みすぎたり、逆に不自然な場所で改行してしまったりして、コードが読みにくくな...
Python

Python 逆引き集 | Python基礎・実行環境:インデントを設定する

インデントを設定するPythonを学び始めた初心者が最初に必ずつまずくポイントが インデント(字下げ) です。 Pythonは「インデントでコードの構造を表す」言語なので、インデントを正しく設定できる...
Python

Python 逆引き集 | Python基礎・実行環境:PEP 8に沿ってコードを書く

PEP 8に沿ってコードを書くPythonを学び始めた多くの初心者が最初にぶつかる壁が「コードの書き方が人によってバラバラで読みにくい」という問題です。 この問題を解決するために、Pythonコミュニ...
Python

Python 逆引き集 | Python基礎・実行環境:Pythonの予約語を確認する

Python基礎・実行環境Pythonを学び始めるときに必ず押さえておきたいのが 「予約語(キーワード)」 です。 予約語とは、Pythonが「特別な意味を持つ単語」としてあらかじめ取り決めている言葉...
Python

Python 逆引き集 | Python基礎・実行環境:オブジェクトのIDを確認する

Python基礎・実行環境Pythonを学び始めると、「変数の値はわかるけれど、変数そのものはどう扱われているのか?」という疑問が出てきます。 その理解を深めるために役立つのが オブジェクトのID(識...
Python

Python 逆引き集 | Python基礎・実行環境:変数の型を確認する

Python基礎・実行環境と「型を確認する」という発想Pythonは「動的型付け」の言語ですので、変数に値を代入するときに型を宣言する必要はありません。 その一方で、「この変数は今、何の型になっている...
Python

Python 逆引き集 | Python基礎・実行環境:定数を定義する

Python基礎・実行環境と「定数」のイメージをそろえるPythonを学び始めると、「変数」はすぐにイメージできますが、「定数」は少しわかりにくい概念かもしれません。 特にPythonには、CやJav...
Python

Python 逆引き集 | Python基礎・実行環境:変数を定義する

Python基礎・実行環境Pythonを学び始めたときに最初に覚えるべき重要な概念が「変数を定義する」ことです。 変数はプログラムの中で値を保存し、後から再利用するための“名前のついた箱”のような存在...
Python

Python 逆引き集 | Python基礎・実行環境:複数行コメントを書く

Python基礎・実行環境と「複数行コメント」の位置づけPythonを学び始めると、「コメントは # で書く」というところまではすぐに覚えられますが、「複数行コメントはどう書くのか?」で戸惑う方がとて...
Python

Python 逆引き集 | Python基礎・実行環境:コメントを書く

Python基礎・実行環境Pythonを学び始めた多くの初心者が最初に戸惑うポイントのひとつが「コメントを書く」という作業です。 コメントはコードの動作には影響しませんが、読みやすさ・保守性・安全性を...
Python

Python 逆引き集 | Python基礎・実行環境:.pyファイルを実行する

Python基礎・実行環境のイメージをそろえるPythonを学び始めたときに必ず通るのが、「.pyファイルをどうやって実行するのか」というテーマです。 ここをきちんと理解しておくと、チュートリアルや書...
Python

Python 逆引き集 | Python基礎・実行環境:Pythonを対話モードで実行する

Python基礎・実行環境Pythonを学び始めたばかりの方にとって、「Pythonコードをどうやって実行するのか」は最初の大きな壁です。特に、対話モード(インタラクティブモード / REPL)は、P...
Python

Python 逆引き集 | Python基礎・実行環境:Pythonコードを実行する

Python基礎と「実行環境」のイメージをそろえるPythonを学び始めるとき、多くの初心者がつまずくポイントは「コードを書くこと」と「コードを実行すること」が頭の中で分かれていないことです。 Pyt...
Python

Python 逆引き集 | Python基礎・実行環境:Pythonのバージョンを確認する

Python基礎と実行環境の全体像Pythonを学び始めるときにまず押さえておきたいのは、「言語の基礎」と「実行環境」の2つです。どちらか片方だけではうまく進まず、両方をセットで理解していくことで、ス...
Python

Python 逆引き集 | Python基礎・実行環境:Pythonをインストールする

Python逆引き集とは何かPythonを学び始めると、「文法の説明はわかったけれど、実際に何をどう書けばいいのか」が一番の壁になります。そこで役に立つのが「逆引き集」です。逆引き集とは、「やりたいこ...
C#

C# Tips | セキュリティ:ランダムTokenを生成する

ランダムトークン生成は「安全な認証・セッション管理の土台」です読者のみなさんが業務システムを開発する際、 ランダムなトークン(Token)を安全に生成することは必須のセキュリティ要件です。トークンは次...
C#

C# Tips | セキュリティ:パスワード強度を検証する

パスワード強度を検証することは「ユーザーの安全を守るための最初の防御線」です読者のみなさんが業務システムを開発する際、 パスワード強度チェックは必須のセキュリティ機能です。 どれだけ強力なハッシュ方式...
C#

C# Tips | セキュリティ:Argon2を利用する

Argon2 を利用することは「現代の攻撃に最も強いパスワードハッシュを実務で安全に扱うための必須ユーティリティです」読者のみなさんが業務システムを開発する際、 パスワードを安全に保存することは最重要...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:エラーをサーバーへ送信する

エラーをサーバーへ送信することは「障害を確実に記録し、運用チームへ“見える化”するための必須技術」業務システムでは、エラーをサーバーへ送信する仕組みが必ず必要になります。 理由は明確で、次のような問題...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:開発者向けエラー情報を生成する

開発者向けエラー情報生成は「障害原因を最速で特定するための“深い技術情報”を整形して届ける技術」ユーザー向けエラーメッセージは「分かりやすさ」が目的ですが、 開発者向けエラー情報は “原因を特定するた...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:ユーザー向けエラーメッセージを生成する

ユーザー向けエラーメッセージ生成は「技術的なエラーを“人が理解できる言葉”に翻訳するための必須技術」業務システムでは、内部で発生したエラーをそのままユーザーに見せることはできません。 理由は明確で、技...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:エラーコードを管理する

エラーコード管理は「障害を分類し、原因特定を高速化し、運用を安定させるための必須技術」業務システムでは、エラーは必ず発生します。 しかし、初心者が陥りやすい問題があります。エラーメッセージがバラバラで...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:Promiseエラーを捕捉する

Promiseエラー捕捉は「非同期処理の落とし穴を確実に拾い上げるための必須テクニック」Promise は便利ですが、初心者が必ずつまずくポイントがあります。try/catch では Promise ...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:グローバルエラーを捕捉する

グローバルエラー捕捉は「予期しない例外を確実に記録し、システムの安全性を守るための最後の砦」try/catch は「自分で囲った範囲のエラー」しか捕捉できません。 しかし業務システムでは、次のような ...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:try/catchを共通化する

try/catch を共通化することは「エラー処理を一箇所に集約し、コードの安全性と保守性を最大化する技術」業務システムでは、あらゆる場所でエラーが発生します。 API 呼び出し、DB 操作、ファイル...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:ErrorをJSON化する

Error を JSON 化することは「エラー情報を安全・確実に構造化して扱うための基盤技術」Error オブジェクトは JavaScript の中でも特殊な存在です。 message や stack...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:エラーオブジェクトを整形する

エラーオブジェクト整形は「原因を最速で特定するための“読みやすい形”に変換する技術」エラーは業務システムの中で必ず発生します。 しかし、そのエラーをどうログに残すかで、障害調査のスピードが劇的に変わり...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:本番環境でログを抑制する

本番環境でログを抑制することは「安定運用のための必須テクニック」本番環境では、ログを大量に出すと次のような問題が発生します。ログファイルが肥大化してストレージを圧迫するパフォーマンスが低下する(ログ出...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:DEBUGログを制御する

DEBUGログは「開発中の挙動を可視化し、必要なときだけ出すための制御技術」DEBUGログは、業務システムの開発・テスト段階で最も役に立つログです。 しかし、本番環境で DEBUG を大量に出してしま...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:ERRORログを出力する

ERRORログは「異常が発生した瞬間を正確に記録するための最重要ログ」ERRORログは、業務システムにおいて 最も重要なログレベルです。 INFO や WARN が「正常系」「注意喚起」であるのに対し...
Python

Python | 1 日 90 分 × 7 日アプリ学習:ファイル・Excel・CSV自動化 CSV顧客管理編

CSV顧客管理アプリ 1日目のゴール1日目のテーマは 「CSVファイルを使って顧客データを登録・保存・読み込みできる最小の顧客管理アプリを作りながら、CSVの基本操作を完全に理解すること」 です。CS...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 日報管理編

日報管理アプリ 1日目のゴール1日目のテーマは 「日報(業務日報)を“記録・保存”できる最小のアプリを作りながら、変数・条件分岐・繰り返し・関数・ファイル操作・JSON の基礎を体験すること」 です。...
CSS

CSS UI・Webデザイン集 | ヘッダー・ナビゲーション:シンプルヘッダー

シンプルヘッダーは「迷わせない・軽い・読みやすい」を満たす最も基本的なヘッダーですシンプルヘッダーは、ロゴと少数のメニューだけで構成される、最も軽量で使いやすいヘッダーです。 企業サイト・ブログ・ポー...
CSS

CSS UI・Webデザイン集 | ヘッダー・ナビゲーション:グローバルヘッダー

グローバルヘッダーは「サイト全体の案内役」であり、ユーザー体験の質を決める最重要パーツですグローバルヘッダーは、どのページにも共通して表示される“サイトの顔”です。 ロゴ、主要ナビゲーション、検索、C...
CSS

CSS UI・Webデザイン集 | Webサイト基本構成:採用サイト

採用サイトは「会社の魅力を、求職者が理解しやすい順番で伝える」ことが最重要です採用サイトは、商品を売るサイトではなく “会社という組織の価値を伝えるサイト” です。 求職者は、会社の雰囲気・働く人・仕...
CSS

CSS UI・Webデザイン集 | Webサイト基本構成:ブログサイト

ブログサイトは「読みやすさ・更新しやすさ・回遊性」を同時に満たす構成が重要ブログサイトは、オウンドメディアよりも“個人の発信”に寄った構成になります。 記事が主役であり、読者がストレスなく読み進められ...
CSS

CSS UI・Webデザイン集 | Webサイト基本構成:オウンドメディア

オウンドメディアは「読みやすさ・回遊性・信頼性」を同時に満たす構成が重要オウンドメディアは、企業が自社の情報を発信し、読者との関係を育てるための“情報発信基地”です。 ECサイトやプロダクトサイトと違...
CSS

CSS UI・Webデザイン集 | Webサイト基本構成:ECサイト

ECサイトは「商品を迷わず選べる導線」を作ることが最重要ECサイトは、ユーザーが商品を探し、比較し、購入するまでの流れをスムーズにするための構成が必要です。 プロダクトサイトより情報量が多く、UIの密...
CSS

CSS UI・Webデザイン集 | Webサイト基本構成:プロダクトサイト

プロダクトサイトは「製品の価値を最短で伝える」ための構成が命プロダクトサイトは、ユーザーが最初に訪れる“製品の顔”です。 そのため、構成はシンプルでありながら、製品の魅力・機能・信頼性を一気に伝える必...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 勤怠記録編

勤怠記録アプリ 1日目のゴール1日目のテーマは 「出勤時刻・退勤時刻を記録する最小の勤怠アプリを作りながら、変数・条件分岐・繰り返し・関数・ファイル操作・datetime の基礎を体験すること」 です...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 在庫管理編

商品管理(在庫管理)アプリ 1日目のゴール1日目のテーマは 「商品を表す“データ構造”を作り、クラス・変数・条件分岐・繰り返し・関数・ファイル操作の基礎を体験すること」 です。商品管理(在庫管理)は、...
C#

C# Tips | セキュリティ:BCryptを利用する

BCrypt を利用することは「パスワードを“攻撃者が高速に推測できない形”で保存するための強力なユーティリティです」業務システムでは、ユーザーのパスワードを安全に扱うことが必須です。 そのために使わ...
C#

C# Tips | セキュリティ:PBKDF2を利用する

PBKDF2 を利用することは「パスワードを“絶対に戻せない形”で安全に保存するための最重要ユーティリティです」業務システムでは、ユーザーのパスワードを安全に扱うことが必須です。 しかし、初心者の方が...
C#

C# Tips | セキュリティ:パスワードを安全にHashする

パスワードの安全なハッシュ化は「ユーザーの秘密を守るための最重要セキュリティ基盤です」パスワードを安全に扱うことは、業務システムにおけるセキュリティの最重要ポイントです。 初心者の方でも誤解しやすいの...
CSS

CSS UI・Webデザイン集 | Webサイト基本構成:サービスサイト

サービスサイトの基本構成とデザインの目的サービスサイトは、特定のプロダクトやサービス(SaaS、アプリケーション、専門的なビジネスなど)の魅力を深く伝え、ユーザーに「利用登録」や「資料請求」、「お問い...
CSS

CSS UI・Webデザイン集 | Webサイト基本構成:コーポレートサイト

コーポレートサイトの基本構成とデザインの考え方コーポレートサイトは、企業の信頼性を高め、ユーザーに事業内容やビジョンを正しく伝えるための「会社の顔」となるWebサイトです。基本構成としては、ファースト...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 数当てゲーム編

1日目:while とイベントで「動く数当てゲーム」の基礎を作る数当てゲームは、JavaScript 初心者が最初に作るミニゲームとして非常に優れています。 理由はシンプルで、イベント(クリック) と...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 商品管理編

1日目:商品管理アプリの基礎を作りながら Python 文法を学ぶプログラミング初心者が最初につまずくポイントは、「文法の意味がわからない」「何をどう組み合わせればアプリになるのかイメージできない」と...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:WARNログを出力する

WARNログは「異常の一歩手前」を知らせるための重要なアラートログWARNログは、エラーほど深刻ではないものの、 「このまま進むと問題になるかもしれない」 という状況を知らせるためのログです。業務シス...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:INFOログを出力する

INFOログは「正常動作を記録するための最も基本で最も重要なログ」業務システムでは、エラーだけでなく 正常に動いていることを記録する INFOログ が非常に重要です。 なぜなら、障害調査やデバッグでは...
JavaScript

JavaScript Tips | ログ・デバッグ・エラー処理:共通Loggerを作る

共通 Logger は「全てのログを一つの入口で管理するための業務必須ユーティリティ」業務システムでは、ログはただの「console.log の出力」ではありません。 障害調査、デバッグ、監査、ユーザ...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 単位変換編

単位変換アプリ 1日目のゴール単位変換アプリ 1日目のテーマは 「数値を入力して“別の単位に変換する”最小のアプリを作りながら、変数・条件分岐・繰り返し・関数・ファイル操作の基礎を体験すること」 です...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 買い物リスト編

買い物リストアプリ 1日目のゴール買い物リストアプリ 1日目のテーマは 「買いたいものを入力してファイルに保存する“最小の買い物リストアプリ”を作りながら、変数・条件分岐・繰り返し・関数・ファイル操作...
SQL

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 家計簿編

家計簿アプリ 1日目のゴール家計簿アプリ 1日目のテーマは 「支出を入力してファイルに保存する“最小の家計簿アプリ”を作りながら、変数・条件分岐・繰り返し・関数・ファイル操作の基礎を体験すること」 で...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:年末取得

年末取得は「1年の終わりを正確に定義するための重要ユーティリティ」年初取得と並んで 年末取得(その年の12月31日を求める処理)は、業務システムで非常に多く使われます。 決算処理、年間レポート、年間集...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:年初取得

年初取得は「1年のスタート地点を正確に取り出すための基盤ユーティリティ」年初取得(その年の1月1日を求める処理)は、月初・月末と同じく業務システムで非常に多く使われます。 決算処理、年間レポート、年間...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:月末取得

月末取得は「月の終わりを正確に求めるための必須ユーティリティ」月初取得と並んで 月末取得(月の最後の日付を求める処理)は、業務システムで非常に多く使われます。 請求書の締め処理、月次レポート、勤怠の集...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:月初取得

月初取得は「月のスタート地点を正確に取り出すための基盤ユーティリティ」日付・時間ユーティリティの中でも 月初取得(月の最初の日付を求める処理)は、業務システムで非常に多く使われます。 請求書の締め処理...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:日付差分

日付差分は「2つの日付の距離を正しく数値化する技術」日付・時間ユーティリティの中でも 日付差分(date difference)は、業務システムで非常に重要な処理です。 請求書の支払期限、予約の残り日...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 連絡先管理編

1日目のゴールと全体像連絡先管理アプリ 1日目のテーマは 「名前・メールアドレス・電話番号などの“連絡先情報”を入力し、ファイルに保存できる最小のアプリを作りながら、変数・条件分岐・繰り返し・関数・フ...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 住所録編

1日目のゴールと全体像住所録アプリ 1日目のテーマは 「名前・住所・電話番号などの“連絡先データ”を入力し、ファイルに保存できる最小の住所録アプリを作りながら、変数・条件分岐・繰り返し・関数・ファイル...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 日記アプリ編

1日目のゴールと全体像日記アプリ 1日目のテーマは 「とてもシンプルな“テキスト日記アプリ”を作りながら、変数・条件分岐・繰り返し・関数・ファイル操作の入口を体験すること」 です。ここで作るのは、次の...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 じゃんけんゲーム編

1日目のゴールと全体像じゃんけんゲーム 1日目のテーマは 「HTMLで画面を作り、JavaScriptで“グー・チョキ・パーを選んで結果を表示する”という最小のじゃんけんゲームを作りながら、DOM操作...
Java

Java Tips | I/O・ネットワーク:画像読込

画像読込ユーティリティが業務で必要になる理由業務システムでは、ユーザーがアップロードした画像を扱う場面が非常に多いです。 プロフィール画像、商品画像、レシート画像、書類の写真、QRコード、バーコードな...
Java

Java Tips | I/O・ネットワーク:PDF読込

PDF読込ユーティリティが業務で必要になる理由PDFは「改ざんされにくい」「どの環境でも同じ見た目で表示できる」という特性から、請求書・契約書・レポート・帳票など、業務システムの“受け取る側”として非...
Java

Java Tips | I/O・ネットワーク:PDF生成

PDF生成ユーティリティが業務で必要になる理由PDFは「改ざんされにくい」「どの環境でも同じ見た目で表示できる」「印刷に強い」という特性から、業務システムの出力フォーマットとして非常に多く使われます。...
Java

Java Tips | I/O・ネットワーク:Excel書込

Excel書込ユーティリティが業務で重要になる理由Excel(.xlsx)は、業務システムの「データ出力フォーマット」として圧倒的に使われています。 レポート、集計結果、外部ベンダーへのデータ提供、管...
Java

Java Tips | I/O・ネットワーク:Excel読込

Excel読込ユーティリティが業務で必須になる理由Excelは業務データの“標準フォーマット”と言っても過言ではありません。 顧客リスト、売上データ、設定情報、外部ベンダーからの提供ファイル、社内の管...
Web

WordPress Tips | 投稿・固定ページ運用:カスタムテンプレートで記事タイプ別デザイン

記事タイプ別デザインという発想WordPressで投稿や固定ページを運用していると、「このタイプの記事だけレイアウトを変えたい」「レビュー記事はレビューらしい見た目にしたい」「ニュース記事は情報をコン...
Web

WordPress Tips | 投稿・固定ページ運用:事前にテンプレートパーツを作成

テンプレートパーツという「事前に用意する部品」の考え方WordPressのブロックテーマを使っていると、投稿や固定ページを編集するときに、毎回同じヘッダーやフッター、サイドバーが表示されていることに気...
Web

WordPress Tips | 投稿・固定ページ運用:Gutenberg ブロックの再利用ブロックを作る

Gutenbergブロック再利用の考え方Gutenberg(ブロックエディタ)で記事や固定ページを作っていると、「毎回同じパーツを手で作っているな」と感じる場面が必ず出てきます。例えば、記事の最後に入...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 サイコロ編

1日目のゴールと全体像サイコロアプリ 1日目のテーマは 「ボタンを押すと 1〜6 の数字がランダムに表示される“シンプルなサイコロ”を作りながら、JavaScriptの基本とDOM操作・イベント処理の...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 おみくじ編

1日目のゴールと全体像おみくじアプリ 1日目のテーマは 「ボタンを押したらランダムに結果が表示されるシンプルなおみくじを作りながら、HTMLとJavaScriptの連携・DOM操作・イベント処理・基本...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:日付比較

日付比較は「2つの日時の前後・一致を正しく判定する技術」日付・時間ユーティリティの中でも 日付比較(date comparison)は、業務システムで非常に重要な処理です。 予約システム、期限チェック...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:日付パース

日付パースは「文字列 → Date オブジェクト」への変換作業日付・時間ユーティリティの中でも 日付パース(date parsing)は、業務で非常に重要な処理です。 API から受け取った日付、ユー...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:yyyy/mm/dd

yyyy/mm/dd は「日本の業務システムで最も使われる日付フォーマット」日本の業務システムでは yyyy/mm/dd(2026/08/06 のような形式)が圧倒的に使われます。 帳票、レポート、請...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:yyyy-mm-dd

「yyyy-mm-dd」という日付フォーマットは“業務の標準語”日付・時間ユーティリティの中でも 「yyyy-mm-dd」形式の生成は、業務システムで最も頻繁に使われる基本機能です。 ログ、レポート、...
JavaScript

JavaScript Tips | 日付・時間ユーティリティ:現在日時取得

テーマの整理:「現在日時取得」は日付・時間ユーティリティの出発点日付・時間ユーティリティの中でも、「現在日時取得」はもっとも基本的でありながら、業務・実務ではほぼ必ず登場する重要な機能です。ログの記録...
C#

C# Tips | ログ・例外・診断:実行ログ自動化

実行ログ自動化は「人間が書くログを“仕組みで書かせる”ことで品質を安定させる技術です」業務システムでは、ログは“後から原因を追うための生命線”です。 しかし、ログを人間が手書きすると次のような問題が必...
C#

C# Tips | ログ・例外・診断:管理者判定

管理者判定は「このアプリが“どこまで踏み込めるか”を事前に把握するための安全装置です」業務システムでは、アプリが管理者権限で動いているかどうかが、 ファイル操作・レジストリ操作・サービス制御・ネットワ...
C#

C# Tips | ログ・例外・診断:権限チェック

権限チェックは「このアプリが“何を許されているか”を事前に把握するための技術です」業務システムでは、実行ユーザーが誰かだけでなく、 そのユーザーがどんな権限を持っているかが極めて重要になります。 権限...
C#

C# Tips | ログ・例外・診断:実行パス取得

実行ユーザー取得は「このアプリを“誰が”動かしているか」を正しく知るための技術です業務システムでは、アプリがどのユーザー権限で動いているかが非常に重要になります。 例えば、Windows サービスなら...
C#

C# Tips | ログ・例外・診断:実行パス取得

実行パス取得は「アプリがどこから動いているか」を正しく知るための技術業務・実務で C# を書いていると、「設定ファイルをどこから読むか」「ログファイルをどこに出すか」「一時ファイルをどこに置くか」とい...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 年齢計算機編

1日目のゴールと全体像年齢計算機アプリ 1日目のテーマは 「生年月日を入力すると“現在の年齢”を計算して表示する、最小の動くWebアプリを作ること」 です。この日はまだ複雑な機能は入れず、まずはHTM...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 BMI計算機編

1日目のゴールと全体像BMI計算機アプリ 1日目のテーマは 「JavaScriptでHTMLを動かし、ユーザー入力を使ってBMIを計算する“最小の動くアプリ”を作ること」 です。この日はまだ複雑な機能...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ メモ帳編

1日目のゴールと全体像メモ帳アプリ 1日目のテーマは 「Pythonの基本文法だけで“テキストメモを作って保存する”ところまでやること」 です。この日はまだ複雑な機能は入れず、まずは変数で「メモの内容...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ TODOリスト編

1日目のゴールと全体像TODOリストアプリ 1日目のテーマは 「Pythonの基本文法だけで“メモ程度のTODOリスト”を作ること」 です。この日はまだ複雑な機能は入れず、まずは変数で「やること」を覚...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ パスワード生成編

1日目のゴールと全体像パスワード生成アプリ 1日目のテーマは 「Pythonの基本文法だけで“ランダムなパスワードを1つ生成する”ところまで作ること」 です。この日はまだ複雑な設定やファイル保存は扱わ...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ じゃんけんゲーム編

1日目のゴールと全体像1日目のテーマは 「Pythonの超基本(変数・入力・条件分岐)だけで、1回勝負のじゃんけんゲームを動かしてみること」 です。この日はまだ「繰り返し」「ファイル操作」は軽く触れる...
C#

C# | 1 日 60 分 × 7 日アプリ学習:C#基礎・オブジェクト指向 BMI計算機編

1日目のゴールと全体像年齢計算アプリ 1日目のテーマは 「DateTime を使って“生年月日から年齢を計算する”基本ロジックを理解し、シンプルなコンソールアプリとして形にすること」 です。この日は ...
C#

C# | 1 日 60 分 × 7 日アプリ学習:C#基礎・オブジェクト指向 BMI計算機編

1日目のゴールと全体像BMI計算機 1日目のテーマは 「メソッドを使って“BMIを計算する処理”をきれいに分けたシンプルなコンソールアプリを作ること」 です。この日は C# の中でも特に重要な基本文法...
Java

Java | 1 日 60 分 × 7 日アプリ学習:Java基礎・オブジェクト指向 じゃんけんゲーム編

1日目のゴールと全体像じゃんけんゲーム 1日目のテーマは 「if・switch を使って“じゃんけんの勝敗判定”を作ること」 です。この日は Java の基本文法の中でも特に重要なif(条件分岐)sw...
Java

Java | 1 日 60 分 × 7 日アプリ学習:Java基礎・オブジェクト指向 年齢計算編

1日目のゴールと全体像年齢計算アプリの1日目は 「LocalDate を使って“生年月日から年齢を計算する”最小アプリを作ること」 がテーマです。ここで扱う内容は、Javaの実務でも頻繁に使われる重要...
Java

Java | 1 日 60 分 × 7 日アプリ学習:Java基礎・オブジェクト指向 BMI計算機編

1日目のゴールと全体像1日目のテーマは 「Javaの“メソッド”を使って BMI を計算する最小アプリを作り、クラス・メソッド・基本文法の基礎をつかむこと」 です。まだオブジェクト指向やファイル操作、...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 電卓編

1日目のゴールと全体像1日目のテーマは 「数字ボタンをクリックして、画面に“入力した数字”が表示される電卓の土台を作ること」 です。いきなり「計算機能全部」を作るのではなく、まずは数字ボタンをクリック...
JavaScript

JavaScript | 1 日 60 分 × 7 日アプリ学習:JavaScript基礎・DOM操作 カウンター編

1日目のゴールと全体像1日目のテーマは 「JavaScriptで、画面上の数字を“自分のクリックで動かす”体験をすること」 です。題材はシンプルな カウンターアプリ。 でも、この小さなアプリの中にHT...
Java

Java | 1 日 60 分 × 7 日アプリ学習:Java基礎・オブジェクト指向 電卓編

1日目のゴールと全体像1日目のテーマは 「Javaで電卓アプリを作るための“土台となる考え方”をつかむこと」 です。この7日間で目指すのは、コンソールベースでも構わないので 「四則演算ができて、履歴も...
C#

C# | 1 日 60 分 × 7 日アプリ学習:C#基礎・オブジェクト指向 電卓編

1日目のゴールと全体像1日目のテーマは 「C#で電卓アプリを作るための“土台となる考え方”をつかむこと」 です。この7日間で目指すのは、コンソールベースでも構いませんが、 「四則演算ができて、履歴も扱...
TypeScript

TypeScript | 1 日 60 分 × 7 日アプリ学習:TypeScript基礎・DOM操作 電卓編

1日目のゴールと全体像1日目のテーマは 「TypeScriptで“電卓アプリ”を作るための基礎を、コードのイメージと一緒に掴むこと」 です。この7日間で目指すのは、ブラウザ上で動くシンプルな電卓—— ...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 数当てゲーム編

1日目のゴールと全体像この7日間の新しいテーマは「数当てゲーム」です。 コンピュータがこっそり決めた数字を、プレイヤーが何度かのチャレンジで当てていく——とてもシンプルで、でもプログラミングの基礎を学...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ タイマー編

1日目のゴールと全体像この7日間の新しいテーマは「タイマーアプリ」です。 ストップウォッチが「時間がどれだけ経ったか」を測るものだとしたら、 タイマーは「指定した時間までカウントダウンする」タイプの時...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ ストップウォッチ編

1日目のゴールと全体像この7日間の新しいテーマは「ストップウォッチアプリ」です。 時間を測る、誰もがイメージしやすい小さなアプリを題材にして、Pythonの文法をもう一度、別の角度から体に馴染ませてい...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 年齢計算編

1日目のゴールと全体像この7日間の新しいテーマは「年齢計算アプリ」です。 生年月日から現在の年齢を計算する、小さくて身近なアプリを題材にして、Python文法の基礎をもう一度、別の角度から体に馴染ませ...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ BMI計算編

1日目のゴールと全体像この7日間の学習では、Pythonで「BMI計算アプリ」を作りながら、文法の基礎を体に馴染ませていくことを目標にします。 1日目のテーマは、電卓のときと同じく、次の5つの柱です。...
Python

Python | 1 日 60 分 × 7 日アプリ学習:Python文法を学ぶアプリ 電卓編

1日目のゴールと全体像この7日間の学習では、Pythonで「電卓アプリ」を作りながら、自然に文法を身につけていくことを目標にします。 1日目のテーマは、電卓アプリの“土台”になる5つの要素です。変数 ...
Java

Java | 1 日 120 分 × 7 日アプリ学習 中級編:オブジェクト指向(OOP) - ポリモーフィズムアプリ

ポリモーフィズム1日目のゴールポリモーフィズム(多態性)1日目のテーマは 「同じ命令で違う動き」 を体で理解することです。継承アプリで学んだ「共通部分をまとめる」が、 “使う側のコードをシンプルにする...
スポンサーリンク
タイトルとURLをコピーしました