Generated by All in One SEO v5.0.1.1, this is an llms.txt file, used by LLMs to index the site.

# kinoblog

## Sitemaps

- [XML Sitemap](https://kinonoteblog.com/sitemap.xml): Contains all public & indexable URLs for this website.

## 投稿

- [TypeScriptのunion型とは？「AかBか」の型の書き方を初心者向けに解説](https://kinonoteblog.com/programming/typescript-union-type) - description" content="TypeScriptのunion型とは、「AかBのどちらか」を表す型です。リテラル型と組み合わせた書き方や、実務での使いどころ、絞り込み(型ガード)の方法まで、初心者向けに実際のコード例で解説します。
- [TypeScriptのジェネリクスとは？初心者向けに<T>の意味や使い方を分かりやすく解説](https://kinonoteblog.com/programming/typescript-generics-beginner) - TypeScriptのジェネリクスとは、型を後から指定できる仕組みです。の基本の書き方から、any型との違い、React・Promiseでの実務例、よくあるエラーまで初心者向けに解説します。
- [TypeScriptのanyとunknownの違い｜どっちも避けるべき？初心者向け整理](https://kinonoteblog.com/programming/typescript-any-unknown) - TypeScriptでanyを使うなと言われて調べてみたら、似たようなunknownという型があった。実際のコード例で、anyとunknownの違いと、なぜunknownの方が安全とされるのかを整理します。
- [TypeScriptの型アサーション（as）とは？使い方と注意点を初心者向けに解説](https://kinonoteblog.com/programming/type-assertion) - TypeScriptの型アサーションとは、asを使って値の型を開発者が指定する書き方です。asの基本の使い方から、多用が危険な理由、型注釈との違い、よくあるエラーまで初心者向けに実例で解説します。
- [TypeScriptのtsxファイルとは？.tsとの違いを初心者向けに解説](https://kinonoteblog.com/programming/typescript-tsx-file) - description" content="TypeScriptのtsxファイルとは、Reactのjsx構文を書くための拡張子です。tsxとtsの違いや使い分けのルール、jsxが書けないときのエラー例、型アサーションでtsxだけ書き方が変わる注意点まで、初心者向けに実際のコード例を交えて解説します。
- [tsconfig.jsonとは？初期設定の作り方を初心者向けに解説](https://kinonoteblog.com/programming/typescript-tsconfig-beginner) - description" content="tsconfig.jsonとは、TypeScriptのコンパイル方法をプロジェクト単位でまとめて設定するファイルです。tsc --initでの作り方から、最低限おさえておきたい設定項目まで初心者向けに解説します。
- [イラストAIから見える、AIの将来は…？](https://kinonoteblog.com/lifehack/ai-illustration) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 突然ですが、あなたに質問があります。 このイラス
- [Figmaのメリットと使い方｜Adobe XDからの乗り換えで感じたこと【Webエンジニア向け】](https://kinonoteblog.com/design/figma-beginner-guide) - 会社でFigma導入が決まり、Adobe XDから乗り換えて学んだメリットと使い方をまとめました。Adobe XDとFigmaの現在の関係性や、オートレイアウトなど実務で役立つ機能も解説します。
- [Astroとは？表示速度が速いJSフレームワークをReact経験者が触ってみた](https://kinonoteblog.com/programming/astro-study) - React経験者がAstroを触ってみた感想をまとめました。デフォルトでJavaScriptを出力しない仕組みや、公式テーマを使ったポートフォリオサイトの作り方まで、初心者向けに分かりやすく解説します。
- [無料WordPressテーマLightningでローカル学習環境を作る方法【初心者向け】](https://kinonoteblog.com/programming/wordpress-lightning) - WordPressを学び直すことになったエンジニアが、Local環境の構築から無料テーマLightningの導入までを解説。無料テーマと有料テーマで迷っている初心者向けに、まず何を選べばいいかを整理します。
- [Qiitaとは？初心者向けの使い方とZennとの違いを分かりやすく解説](https://kinonoteblog.com/programming/qiita-merit) - Qiitaとは、エンジニアが技術的な知見を無料で共有できる国内最大級のプログラミング情報共有サービスです。初心者向けの活用法や、比較されがちなZennとの違いを実体験ベースで解説します。
- [プログラミングを学ぶメリットとは？経理職からエンジニアを目指した理由](https://kinonoteblog.com/programming/programmingmerit) - プログラミングを学ぶメリットは、需要の高さ・場所を選ばない働き方・論理的思考力が身につくことなどが挙げられます。経理職からエンジニアを目指した実体験をもとに、文系でも向いている理由まで解説します。
- [Udemyとは？コスパよくプログラミングを学ぶ使い方と注意点](https://kinonoteblog.com/programming/udemy-merit) - Udemyとは、期限なしで視聴できる買い切り型のオンライン講座サービスです。セールを狙った購入方法や30日間返金保証の仕組み、プログラミングスクールとの費用比較まで初心者向けに解説します。
- [プログラミング学習で失敗を恐れないマインドを作る4つの意識](https://kinonoteblog.com/programming/failure-teaches-success) - プログラミング学習で失敗を恐れないマインドとは、小さな失敗を繰り返し、他人の評価ではなく自分の成長を基準にする考え方です。挫折しやすい独学中でも続けられる4つの意識を解説します。
- [プログラミング初心者は入門書より動画がいい？独学の学習法を比較](https://kinonoteblog.com/programming/video-easy) - プログラミング初心者は、入門書だけで挫折しやすい傾向があります。実体験をもとに、動画学習と入門書それぞれのメリット・デメリット、スクールとの比較まで初心者向けに整理しました。
- [プログラミング学習で挫折しないための3つの考え方](https://kinonoteblog.com/programming/keep-going) - プログラミング学習で挫折しないための考え方は、辞めるのではなく一度止まっていいと考えること、続ける意味付けを持つこと、アウトプットして仲間を見つけることです。独学の挫折率データも交えて解説します。
- [iPad 10.2 第7世代でイラストを描こう【レビュー】](https://kinonoteblog.com/lifehack/ipad10-2-illustration-review) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 ※この記事は最新型 無印 iPad
- [イラスト初心者がAIと著作権問題を4年後に振り返ってみた話](https://kinonoteblog.com/illustration/ai-illustration-2026) - 2022年、Novel AIとmimicの騒動でAIイラストの著作権問題に衝撃を受けたイラスト初心者の僕。あれから数年、文化庁の見解や海外訴訟を踏まえて「結局どうなったのか」を振り返ります。
- [TypeScriptの始め方とは？インストールからコンパイルまで初心者向けに解説](https://kinonoteblog.com/programming/typescript-setup-beginner) - TypeScriptの始め方とは、Node.jsを準備し、TypeScript本体をインストールして、.tsファイルを.jsファイルに変換（コンパイル）する一連の流れです。初心者向けに手順を一つずつ解説します。
- [TypeScriptの変数・関数の型注釈とは？書き方を初心者向けに解説](https://kinonoteblog.com/programming/typescript-type-annotation-basics) - TypeScriptの型注釈とは、変数や関数に「どんな型の値を扱うか」を明示する書き方です。変数・引数・戻り値それぞれの基本の書き方から、省略していい場面まで初心者向けに解説します。
- [TypeScriptの配列・オブジェクトの型定義とは？書き方を初心者向けに解説](https://kinonoteblog.com/未分類/typescript-array-object-types) - TypeScriptの配列・オブジェクトの型定義とは、中身のデータ構造をあらかじめ決めておく書き方です。基本の書き方からオプショナルプロパティ、readonlyまで初心者向けに解説します。
- [TypeScriptのPromiseとは？API通信の型定義を初心者向けに解説](https://kinonoteblog.com/programming/typescript-promise-api) - TypeScriptのPromiseとは、非同期処理の戻り値に型を付ける仕組みです。fetchでのAPI通信を例に、初心者向けに型定義の書き方とよくあるエラーを解説します。
- [TypeScript初心者がここだけ押さえておけばいい6つのポイント【公式ドキュメント付き】](https://kinonoteblog.com/programming/typescript-beginner-essentials) - TypeScriptの学習を進める中で、結局これだけ押さえておけば実務で困らないというポイントを6つに整理しました。公式ドキュメントの該当箇所も併せて紹介しているので、詳しく知りたいときの入口としても使えます。
- [TypeScriptのinterfaceとtypeの違いを、JavaScript経験者が理解するまで](https://kinonoteblog.com/programming/typescript-interface-vs-type) - JavaScriptはある程度書けるけど、TypeScriptのinterfaceとtypeの違いで迷った話。ユニオン型が書けるかどうか、宣言のマージができるかどうかなど、実際のコード例で使い分けの基準を整理します。
- [PHP脳のままTypeScriptを書いたら怒られた話｜初心者がつまずいた型の壁](https://kinonoteblog.com/programming/typescript-javascript-difference) - JavaScript・PHP・WordPress中心で仕事をしてきたエンジニアが、React転職を目指してTypeScriptを学び始めたら型の考え方でつまずいた話。JavaScriptとの違い、anyを使うと怒られる理由、interfaceとtypeの違いなど、初心者がつまずくポイントを実体験ベースで解説します。
- [【ブログ初心者】である僕がブログを始めることによるメリットを考えてみた](https://kinonoteblog.com/blog/blogmerit) - 初めまして！僕は20代男性のエンジニア志望で、名前はキノ(@zB75pWavnhDTIxr)という者です。 今
- [自分の時間を作る3つの方法【誰でも簡単にできる】](https://kinonoteblog.com/lifehack/time-three-method) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 時間が
- [【体験談】ブログ初心者がBlog Hacksをレビュー【最初の目標は月20万！？】](https://kinonoteblog.com/blog/bloghacks-review) - こんにちは、キノ(@zB75pWavnhDTIxr)です。 今日は前々から受けていたBlog H
- [【行動力】インターネット上で発信するメリット4つ](https://kinonoteblog.com/blog/outgoing-merit) - こんにちは、キノ(@zB75pWavnhDTIxr)です。 あったかくなってきましたね。 この時
- [【初心者】30DAYSトライアルをやってみた①　紹介編](https://kinonoteblog.com/programming/30days-introduce-amp) - こんにちは、キノ(@zB75pWavnhDTIxr)です。 今日はプログラミングの勉強してる初心
- [【初心者】30DAYSトライアルをやってみた②   Progate編　DAY1～DAY4](https://kinonoteblog.com/programming/30days-progate) - こんにちは、キノ(@zB75pWavnhDTIxr)です。 僕は25DAY、26DAYの課題を勉
- [【初心者】30DAYSトライアルをやってみた③   Progate編　DAY5～DAY7](https://kinonoteblog.com/programming/30days-progate-2) - こんにちは、キノ(@zB75pWavnhDTIxr)です。 4月11日に、30DA
- [【初心者】30DAYSトライアルをやってみた④ 環境設定編　8DAYS~10DAYS](https://kinonoteblog.com/programming/30days-visual-studio-code) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 ８DAYS~10DA
- [【体験談】エンジニア初心者がSkill Hacks（スキルハックス）をレビュー【自走可能】](https://kinonoteblog.com/programming/skillhacks-review) - こんにちは、キノ(@zB75pWavnhDTIxr)です。 今日は前々から書きたか
- [【初心者】30DAYSトライアルをやってみた⑤ Bootstrap編　11DAYS~14DAYS](https://kinonoteblog.com/programming/30days-bootstrap) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 11DAYS~14D
- [【実例あり】目標達成にはTODO化すればいい！仕事にも使える！](https://kinonoteblog.com/lifehack/task) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 今日は目標達成につい
- [Googleアドセンス審査に受かるためにやっておくこと](https://kinonoteblog.com/blog/adsense-pass) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 今日はGoogleアドセンスについ
- [【初心者向け】Amazonアソシエイトともしもアフィリエイト](https://kinonoteblog.com/blog/affiliate/affiliate-mosimo) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 今日はこのアドセンス
- [【Blog Hacks】10記事書いたので、定期添削してもらいました!【体験談】](https://kinonoteblog.com/blog/blog-hacks-correction10) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 今日は【最初の目標は
- [堀江貴文さんの本「多動力」を読んでみた【感想・レビュー】](https://kinonoteblog.com/lifehack/multi_power) - 「多動力」とは「いくつもの異なることを同時にこなす力」です。 「多動力」は、やる気がでない人、もしくはやる気があるのに恥ずかしがってできない人におすすめします！
- [筋トレ初心者はまず腹筋を鍛えるべし！](https://kinonoteblog.com/muscle-training/beginner-muscle-training-merit) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 今日は、ぼくがハマっている「筋トレ
- [【プランク】腹筋を鍛えるためにはインナーマッスルを意識しよう！](https://kinonoteblog.com/muscle-training/inner-muscle) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 前回に引き続き、腹筋を鍛えます！
- [Kindle Unlimited（キンドル アンリミテッド ）の使い方【おすすめ】](https://kinonoteblog.com/reading/kindle-unlimited-how-to-use) - 実体験でKindle Unlimitedの使い方を解説しています。 他に解約（退会）手続きやメリットとデメリットといった感想も
- [【初心者】30DAYSトライアルをやってみた⑥ Bootstrap編2　15DAYS~17DAYS](https://kinonoteblog.com/programming/30days-bootstrap-2) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 前回の続きをしていきます。↓ &n
- [DaiGoさんの本、『人を操る禁断の文章術』を読んでみた【感想】](https://kinonoteblog.com/blog/daigo-writing-skills) - #100DaysOfCode #駆け出しエンジニアと繋がりたい#ブログ仲間と繋がりたい おはよう
- [【初心者】30DAYSトライアルをやってみた⑦ ポートフォリオ編　18DAYS~20DAYS](https://kinonoteblog.com/programming/30days-portfolio) - こんにちは、 キノ(@zB75pWavnhDTIxr)です。 前回の続きをしていきます。↓ &n
- [徹底的にハマれ！堀江貴文さんの本、ハッタリの流儀の要約](https://kinonoteblog.com/lifehack/the-perfect-style-multi_power-2) - ハッタリとは、「嘘つくこと」ではありません。 堀江貴文さんの言う、ハッタリの力は ハッタリの力とは、「できる」といい切ってつじつまを合わせる覚悟である。
- [続かない人におすすめなスキル、『続ける技術』で目標達成!!](https://kinonoteblog.com/lifehack/continuing-skill) - 続ける技術とは、やる気や根性ではなく「行動」の仕組みに焦点を当てた科学的なテクニックです。ABCモデルやスモールゴールの作り方を、実体験とともに初心者向けに解説します。

## 固定ページ

- [自己紹介](https://kinonoteblog.com/自己紹介) - 栃木県在住のITエンジニアブロガーです。 2019年2月にブログを始めました。 目標は収入源を複
- [プライバシーポリシー](https://kinonoteblog.com/プライバシーポリシー) - kinoblog 初心者エンジニアブロガーの成長記録！（以下、「当サイト」と言います。）では、お客様からお預か
- [お問い合わせ](https://kinonoteblog.com/お問い合わせ)
- [プログラミング](https://kinonoteblog.com/プログラミング)
- [サンプルページ](https://kinonoteblog.com/sample-page) - これはサンプルページです。同じ位置に固定され、(多くのテーマでは) サイトナビゲーションメニューに含まれる点が

## カテゴリー

- [未分類](https://kinonoteblog.com/category/未分類)
- [ブログ](https://kinonoteblog.com/category/blog)
- [プログラミング](https://kinonoteblog.com/category/programming)
- [ライフハック](https://kinonoteblog.com/category/lifehack)
- [読書](https://kinonoteblog.com/category/reading)
- [筋トレ](https://kinonoteblog.com/category/muscle-training)
- [amazon](https://kinonoteblog.com/category/amazon)
- [SkillHacks](https://kinonoteblog.com/category/programming/skill-hacks)
- [アフィリエイト](https://kinonoteblog.com/category/blog/affiliate)
- [イラスト](https://kinonoteblog.com/category/illustration)
- [デザイン](https://kinonoteblog.com/category/design)

## タグ

- [pickup](https://kinonoteblog.com/tag/pickup)
- [時間](https://kinonoteblog.com/tag/時間)
- [マインド](https://kinonoteblog.com/tag/マインド)
- [アウトプット](https://kinonoteblog.com/tag/アウトプット)
- [ライフハック](https://kinonoteblog.com/tag/ライフハック)
- [プログラミング](https://kinonoteblog.com/tag/プログラミング)
- [エンジニア](https://kinonoteblog.com/tag/エンジニア)
- [プログラマー](https://kinonoteblog.com/tag/プログラマー)
- [ブログ](https://kinonoteblog.com/tag/ブログ)
- [生活](https://kinonoteblog.com/tag/生活)
- [30DAYSトライアル](https://kinonoteblog.com/tag/30daysトライアル)
- [初心者](https://kinonoteblog.com/tag/初心者)
- [Progate](https://kinonoteblog.com/tag/progate)
- [ランサーズ](https://kinonoteblog.com/tag/ランサーズ)
- [クラウドワークス](https://kinonoteblog.com/tag/クラウドワークス)
- [デベロッパーツール](https://kinonoteblog.com/tag/デベロッパーツール)
- [skill Hacks](https://kinonoteblog.com/tag/skill-hacks)
- [ドットインストール](https://kinonoteblog.com/tag/ドットインストール)
- [Bootstrap](https://kinonoteblog.com/tag/bootstrap)
- [デイトラ](https://kinonoteblog.com/tag/デイトラ)
- [タスク](https://kinonoteblog.com/tag/タスク)
- [TODO](https://kinonoteblog.com/tag/todo)
- [目標](https://kinonoteblog.com/tag/目標)
- [Google](https://kinonoteblog.com/tag/google)
- [アドセンス](https://kinonoteblog.com/tag/アドセンス)
- [AdSense](https://kinonoteblog.com/tag/adsense)
- [合格](https://kinonoteblog.com/tag/合格)
- [アフィリエイト](https://kinonoteblog.com/tag/アフィリエイト)
- [Amazonアソシエイト](https://kinonoteblog.com/tag/amazonアソシエイト)
- [もしもアフィリエイト](https://kinonoteblog.com/tag/もしもアフィリエイト)
- [Udemy](https://kinonoteblog.com/tag/udemy)
- [Blog Hacks](https://kinonoteblog.com/tag/blog-hacks)
- [レビュー](https://kinonoteblog.com/tag/レビュー)
- [体験談](https://kinonoteblog.com/tag/体験談)
- [Qiita](https://kinonoteblog.com/tag/qiita)
- [多動力](https://kinonoteblog.com/tag/多動力)
- [堀江貴文](https://kinonoteblog.com/tag/堀江貴文)
- [筋トレ](https://kinonoteblog.com/tag/筋トレ)
- [ドローイン](https://kinonoteblog.com/tag/ドローイン)
- [腹筋](https://kinonoteblog.com/tag/腹筋)
- [インナーマッスル](https://kinonoteblog.com/tag/インナーマッスル)
- [プランク](https://kinonoteblog.com/tag/プランク)
- [読書](https://kinonoteblog.com/tag/読書)
- [Kindle Unlimited](https://kinonoteblog.com/tag/kindle-unlimited)
- [Prime Reading](https://kinonoteblog.com/tag/prime-reading)
- [解約](https://kinonoteblog.com/tag/解約)
- [amazon](https://kinonoteblog.com/tag/amazon)
- [アマゾン](https://kinonoteblog.com/tag/アマゾン)
- [本](https://kinonoteblog.com/tag/本)
- [DaiGo](https://kinonoteblog.com/tag/daigo)
- [感想](https://kinonoteblog.com/tag/感想)
- [人を操る禁断の文章術](https://kinonoteblog.com/tag/人を操る禁断の文章術)
- [iPad10.2](https://kinonoteblog.com/tag/ipad10-2)
- [第7世代](https://kinonoteblog.com/tag/第7世代)
- [イラスト](https://kinonoteblog.com/tag/イラスト)
- [ポートフォリオ](https://kinonoteblog.com/tag/ポートフォリオ)
- [ハッタリの流儀](https://kinonoteblog.com/tag/ハッタリの流儀)
- [ipad](https://kinonoteblog.com/tag/ipad)
- [無印](https://kinonoteblog.com/tag/無印)
- [freelance hub](https://kinonoteblog.com/tag/freelance-hub)
- [AI](https://kinonoteblog.com/tag/ai)
- [Novel AI](https://kinonoteblog.com/tag/novel-ai)
- [mimic（ミミック）](https://kinonoteblog.com/tag/mimic（ミミック）)
- [Figma](https://kinonoteblog.com/tag/figma)
- [Adobe XD](https://kinonoteblog.com/tag/adobe-xd)
- [webエンジニア](https://kinonoteblog.com/tag/webエンジニア)
- [デザイン](https://kinonoteblog.com/tag/デザイン)
- [Astro](https://kinonoteblog.com/tag/astro)
- [WordPress](https://kinonoteblog.com/tag/wordpress)
- [Lightning](https://kinonoteblog.com/tag/lightning)
- [TypeScript](https://kinonoteblog.com/tag/typescript)