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では、第1章から第3章までに学んだC#の基本を振り返ります。これまで学んだ型、演算子、条件分岐、繰り返し、メソッド、配列、List<T>、Dictionary<TK...
90日で身につけるC#

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

Day 29:コレクション総合演習Day 29では、第3章で学んだ List<T>、ループ、条件分岐、データ検索・集計を組み合わせて、成績管理プログラムを作ります。生徒の名前と点数を登録し、一覧表示、...
90日で身につけるC#

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

Day 28:データ並び替えDay 28では、配列に入っているデータを順番に並び替える方法を学びます。たとえば、点数を小さい順や大きい順に並べる処理です。後半でLINQなどの便利な方法を学ぶ前に、まず...
90日で身につけるC#

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

Day 27:データ集計Day 27では、配列やリストに入っている複数の数値をまとめて調べる「データ集計」を学びます。たとえば、点数の合計や平均、最高点、最低点、データの件数を求める処理です。集計の基...
90日で身につけるC#

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

Day 26:データ検索Day 26では、配列や List<T> に入っているデータの中から、条件に合うものを探す方法を学びます。たとえば、名前の一覧から特定の人を探したり、商品名に指定した文字が含ま...
90日で身につけるC#

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

Day 25:文字列操作 実践Day 25では、文字列を加工したり、検索したりするための基本操作を学びます。文字列は、ユーザー入力、ファイル、設定、データの受け渡しなど、さまざまな場面で使われます。受...
90日で身につけるC#

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

Day 24:DictionaryDay 24では、キーと値を組み合わせてデータを管理する Dictionary<TKey, TValue> を学びます。Day 23の List<T> は、データを順...
90日で身につけるC#

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

Day 23:ListDay 23では、複数のデータをまとめて扱えるコレクションの一つ、List<T> を学びます。Day 21では、要素数を決めて使う配列を、Day 22では行と列を持つ二次元配列を...
90日で身につけるC#

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

Day 22:多次元配列Day 22では、Day 21で学んだ配列をさらに発展させて、「多次元配列」を学びます。Day 21では、1列に並んだような形で複数のデータをまとめる一次元の配列を扱いました。...
90日で身につけるC#

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

Day 21:配列Day 21からは第3章に入り、「複数のデータを扱う」学習が始まります。第2章までは、主に1つの変数に1つの値を入れて扱うことが中心でした。たとえば、1人分の名前、1つの年齢、1回の...
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:第2章総合演習Day 20では、第2章で学んできた制御構文とメソッドの知識をまとめて使いながら、「コマンドライン電卓」を作ります。第2章では、for、while、do while、for...
90日で身につけるC#

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

Day 19:nullableDay 19では、C#学習の中でもとても重要で、実務でも頻繁に関わる nullable を学びます。ここまでの学習では、変数、条件分岐、繰り返し、メソッド、スコープなどを...
90日で身につけるC#

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

Day 18:スコープDay 18では、C#の学習でとても大切な「スコープ」を学びます。ここまでの学習で、変数、条件分岐、繰り返し、メソッド、引数、戻り値、メソッド分割まで進んできました。ここからは、...
90日で身につけるC#

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

Day 17:メソッドの分割Day 17では、メソッドを「作れる」だけでなく、「どう分けると読みやすく、使いやすくなるか」を学びます。Day 15ではメソッドの基本、Day 16では引数と戻り値を学び...
90日で身につけるC#

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

Day 16:引数と戻り値Day 16では、メソッド学習の次の大きなステップとして「引数」と「戻り値」を学びます。Day 15では、void メソッドを使って「名前付きの処理を作り、必要なときに呼び出...
90日で身につけるC#

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

Day 15:メソッド入門Day 15では、C#学習の中でも非常に重要な「メソッド」を学びます。ここまでの学習では、変数、条件分岐、繰り返し処理などを使って、1本の流れとしてプログラムを書いてきました...
90日で身につけるC#

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

Day 14:break・continueDay 14では、繰り返し処理をさらに柔軟にコントロールするための break と continue を学びます。Day 11からDay 13にかけて、for...
90日で身につけるC#

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

Day 13:foreachDay 13では、繰り返し処理の中でもとても使いやすく、実務でもよく使われる foreach を学びます。Day 11では for 文、Day 12では while 文と ...
90日で身につけるC#

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

第2章:プログラムの流れを作るDay 12:while文Day 12では、繰り返し処理のもう1つの重要な形である while 文を学びます。Day 11では for 文を使って、「決まった回数だけ繰り...
90日で身につけるC#

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

Day 11:for文Day 11では、第2章のスタートとして「繰り返し処理」を学びます。第1章では、入力、計算、条件分岐などを使って、1回ごとの処理を組み立てる練習をしてきました。しかし実際のプログ...
90日で身につけるC#

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

Day 10:第1章総合演習Day 10では、第1章で学んできたC#基本文法をまとめて使いながら、簡易プロフィール管理プログラムを作ります。ここまでの学習では、C#とは何か、変数、データ型、演算子、入...
90日で身につけるC#

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

Day 9:switchDay 9では、条件分岐のもう1つの大切な書き方である switch を学びます。Day 8では if、else、else if を使って条件によって処理を分ける方法を学びまし...
90日で身につけるC#

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

Day 8:条件分岐 ifDay 8では、C#の基礎文法の中でも特に重要な「条件分岐」を学びます。ここまでの学習で、変数、データ型、演算子、入力、文字列操作などを学んできました。しかし、それだけではプ...
90日で身につけるC#

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

Day 7:文字列操作Day 7では、C#で非常によく使う「文字列操作」を学びます。これまでの学習で、string は文字列を扱う型だと学びました。しかし実際のプログラムでは、文字列はただ表示するだけ...
90日で身につけるC#

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

Day 6:型変換Day 6では、C#学習の中でもとても重要な「型変換」を学びます。これまでの学習で、変数には型があり、int、double、string、bool などを使い分けることを学んできまし...
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#の基礎文法の中でもとても重要な「データ型」を学びます。変数は値を入れておく箱ですが、その箱には「どんな種類の値を入れる箱なのか」という決まりがあります。この決ま...
90日で身につけるC#

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

Day 2:変数Day 2では、C#の学習で最重要ともいえる「変数」を学びます。変数は、プログラムの中でデータを入れておくための箱のようなものです。昨日学んだ Console.WriteLine("こ...
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:C#とは何かC#をこれから学ぶ方にとって、最初の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総合制作Day 45では、第3フェーズ「Webページを操作するDOM」のまとめとして、インタラクティブToDoアプリ Ver.1 を制作します。今回のテーマは、ここまで学んできた内...
90日で身につけるJavaScript

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

Day 44:DOM総復習Day 44では、第3フェーズ「Webページを操作するDOM」で学んできた内容を総復習します。ここまでの学習では、DOMとは何かという基本から始まり、要素取得、テキスト変更、...
90日で身につけるJavaScript

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

Day 43:DOM操作演習Day 43では、第3フェーズ「Webページを操作するDOM」で学んできた内容を使って、「ランダムカラーアプリ」を作成します。今回のテーマは、ボタンを押すとランダムな色を生...
90日で身につけるJavaScript

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

Day 42:DOM操作演習Day 42では、第3フェーズ「Webページを操作するDOM」で学んできた内容を使って、「簡易電卓」を作成します。今回のテーマは、数字を入力し、四則演算を行い、その結果を画...
90日で身につけるJavaScript

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

Day 41:DOM操作演習Day 41では、第3フェーズ「Webページを操作するDOM」で学んできた内容を組み合わせて、実践的なミニアプリを1つ作ります。テーマは「文字数カウンター」です。これは、入...
90日で身につけるJavaScript

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

Day 40:イベント委譲Day 40では、DOM操作とイベント処理の学習をさらに一歩進めて、「イベント委譲」を学びます。ここまでの第3フェーズでは、DOMの基本、要素の取得、テキスト操作、CSS操作...
90日で身につけるJavaScript

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

Day 39:イベントオブジェクトDay 39では、イベント処理をさらに一歩深く理解するために、イベントオブジェクトを学びます。ここまでの第3フェーズでは、DOMとは何か、要素の取得、テキスト操作、C...
90日で身につけるJavaScript

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

Day 38:要素の削除Day 38では、JavaScriptを使ってWebページ上のHTML要素を削除する方法を学びます。Day 37では createElement()、append()、appe...
90日で身につけるJavaScript

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

Day 37:要素の追加Day 37では、JavaScriptを使ってWebページに新しいHTML要素を追加する方法を学びます。ここまでの第3フェーズでは、DOMとは何か、要素の取得、テキスト操作、C...
90日で身につけるJavaScript

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

Day 36:フォーム操作Day 36では、Webページでユーザーが入力した内容をJavaScriptで受け取り、処理するための「フォーム操作」を学びます。ここまでの第3フェーズでは、DOMとは何か、...
90日で身につけるJavaScript

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

Day 35:イベント処理Day 35では、JavaScriptでWebページに「反応」をつけるためのイベント処理を学びます。ここまでの第3フェーズでは、Day 31でDOMとは何かを学び、Day 3...
90日で身につけるJavaScript

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

Day 34:CSS操作Day 34では、JavaScriptを使ってWebページの見た目を変えるための「CSS操作」を学びます。Day 31ではDOMとは何かを学び、Day 32ではHTML要素の取...
90日で身につけるJavaScript

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

Day 33:テキスト操作Day 33では、DOM操作の中でも特に基本であり、しかも非常によく使う「テキスト操作」を学びます。Day 31ではDOMとは何かを学び、HTMLとJavaScriptがDO...
90日で身につけるJavaScript

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

Day 32:要素の取得Day 32では、JavaScriptでWebページを操作するうえで最も基本となる「要素の取得」を学びます。Day 31では、DOMとは何か、そしてHTMLとJavaScrip...
90日で身につけるJavaScript

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

Day 31:DOMとはDay 31から、第3フェーズ「Webページを操作するDOM」に入ります。ここまでの第2フェーズでは、JavaScriptで配列やオブジェクトを使いながら、データを整理したり、...
90日で身につけるJavaScript

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

Day 30:最初の総合制作Day 30では、第2フェーズ「JavaScriptでデータを扱う」の集大成として、最初の総合制作に取り組みます。今回制作するのは、商品管理システムです。ここまでの学習では...
90日で身につけるJavaScript

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

Day 29:自力コーディング練習Day 29では、これまで第2フェーズで学んできた内容を使って、見本を見ずにコードを書く練習を行います。ここまでの学習では、配列、オブジェクト、オブジェクトの配列、配...
90日で身につけるJavaScript

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

Day 28:データ処理演習②Day 28では、前回のDay 27に続いて、これまで学んできた配列、オブジェクト、配列メソッドを組み合わせたデータ処理演習に取り組みます。今回は商品データではなく、ユー...
90日で身につけるJavaScript

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

Day 27:データ処理演習①Day 27では、これまで第2フェーズで学んできた内容をまとめて使う演習に取り組みます。ここまでの学習では、配列、オブジェクト、オブジェクトの配列、配列メソッド、分割代入...
90日で身につけるJavaScript

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

Day 26:try / catchDay 26では、JavaScriptでエラーが起きたときに、プログラムをいきなり止めるのではなく、落ち着いて対処するための仕組みである try、catch、fin...
90日で身につけるJavaScript

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

Day 25:エラーとデバッグDay 25では、JavaScript学習で必ず通る大切なテーマである「エラー」と「デバッグ」を学びます。ここまでの学習では、変数、条件分岐、繰り返し、関数、配列、オブジ...
90日で身につけるJavaScript

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

Day 24:JSONDay 24では、JavaScriptでデータをやり取りするときに非常によく登場する「JSON」を学びます。ここまでの学習では、配列やオブジェクトを使ってJavaScriptの中...
90日で身につけるJavaScript

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

Day 23:スプレッド構文Day 23では、JavaScriptで非常によく使われる便利な書き方である「スプレッド構文」を学びます。ここまでの学習では、配列やオブジェクトを作り、値を取り出し、変更し...
90日で身につけるJavaScript

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

Day 22:分割代入Day 22では、JavaScriptのコードをより読みやすく、より書きやすくするための便利な書き方である「分割代入」を学びます。ここまでの学習では、配列から値を取り出すときは ...
90日で身につけるJavaScript

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

Day 21:オブジェクトと配列Day 21では、これまで別々に学んできた「配列」と「オブジェクト」を組み合わせて使う方法を学びます。Day 15からDay 19にかけて配列を学び、Day 20ではオ...
90日で身につけるJavaScript

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

Day 20:オブジェクトの基礎Day 20では、JavaScriptでデータをより整理して扱うための重要な仕組みである「オブジェクト」を学びます。ここまでの学習では、変数で1つの値を扱い、配列で複数...
90日で身につけるJavaScript

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

Day 19:配列メソッド②Day 19では、配列をさらに実践的に扱うための reduce()、some()、every()、includes() を学びます。Day 18では map()、filte...
90日で身につけるJavaScript

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

Day 18:配列メソッド①Day 18では、配列をさらに便利に扱うための重要な機能である map()、filter()、find() を学びます。Day 17では、for、for...of、forE...
90日で身につけるJavaScript

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

Day 17:配列の繰り返しDay 17では、配列の中に入っている複数のデータを順番に取り出して処理する方法を学びます。Day 15では配列の基本を学び、Day 16では配列にデータを追加したり削除し...
90日で身につけるJavaScript

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

Day 16:配列の追加・削除Day 16では、配列の中身をあとから増やしたり減らしたりする方法を学びます。Day 15では、配列とは何か、どうやって作るのか、インデックスを使って要素を取り出す方法な...
90日で身につけるJavaScript

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

Day 15:配列の基礎Day 15では、JavaScriptで複数のデータをまとめて扱うためのとても重要な仕組みである「配列」を学びます。ここまでの学習では、変数を使って1つの値を保存し、条件分岐や...
90日で身につけるJavaScript

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

Day 14:Week 2 総復習Day 14では、Week 2で学んできた内容を総復習しながら、実際に使える小さな作品として「簡易計算ツール集」を作っていきます。ここまでの学習では、変数、データ型、...
90日で身につけるJavaScript

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

Day 13:アロー関数Day 13では、JavaScriptで関数を書くもうひとつの代表的な方法である「アロー関数」を学びます。Day 11とDay 12で、関数の基本、引数、戻り値、return ...
90日で身につけるJavaScript

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

Day 12:引数と戻り値Day 12では、関数をさらに便利に使うための重要な考え方である「引数」と「戻り値」を学びます。Day 11では、関数とは「処理をまとめて名前をつけたもの」であり、同じ処理を...
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では、JavaScriptの繰り返し処理の中でもとても大切な while 文と do...while 文を学びます。Day 9では for 文を使って、回数がある...
90日で身につけるJavaScript

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

Day 9:繰り返し処理 forDay 9では、JavaScriptの学習で非常に重要な「繰り返し処理」を学びます。ここまでの学習では、変数、条件分岐、switch 文などを通して、プログラムに値を持...
90日で身につけるJavaScript

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

Day 8:switch文Day 8では、条件分岐のもうひとつの書き方である switch 文を学びます。これまでの学習では、if、else if、else を使って条件に応じて処理を分けてきました。...
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では、Day 6で学んだ条件分岐をさらに一歩進めて、より実践的な形で使う方法を学びます。前回は if、else、else if を使って、1つの条件や複数の条件を順...
90日で身につけるJavaScript

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

Day 6:条件分岐 ifJavaScriptの学習がここまで進むと、変数にデータを入れたり、計算したり、文字列を組み立てたりできるようになってきます。しかし、まだこの段階では、プログラムは上から下へ...
90日で身につけるJavaScript

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

Day 5:文字列操作JavaScriptの学習を進めていくと、数字の計算だけでなく、文字を扱う場面が非常に多いことに気づきます。名前を表示する、あいさつ文を作る、メールアドレスを確認する、フォームの...
90日で身につけるJavaScript

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

Day 4:演算子JavaScriptの学習を進めるうえで、演算子の理解は避けて通れません。変数に値を入れられるようになっただけでは、まだ「保存」ができる状態にすぎません。そこから一歩進んで、値を計算...
90日で身につけるJavaScript

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

Day 3:データ型JavaScriptを学び始めると、変数に値を入れて表示できるようになります。しかし、ここで次に理解しなければならない大切な考え方があります。それが「データ型」です。プログラミング...
90日で身につけるJavaScript

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

Day 2:変数とデータJavaScriptの学習を始めたばかりの方にとって、Day 2はとても重要な節目です。なぜなら、ここで学ぶ「変数」は、今後ほぼすべてのプログラムで使う基本中の基本だからです。...
90日で身につけるJavaScript

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

Day 1:JavaScriptとは何かJavaScriptは、Webページに動きや変化をつけるためのプログラミング言語です。プログラミング初心者の方は、最初に「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変換ユーティリティ」が業務で役に立つのか業務システムでは、文字列の扱い方が統一されていないと、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をコピーしました