記事づくりの教材・実践講座|学べるブログ

4つの教材を見る

教材・実践講座 / LEARNING MATERIALS

自分の記事に使える、4つの実践教材。

記事制作。レイアウト。配色。世界観。
読むところから、手を動かすところへ。

記事をつくる手順、読みやすい紙面、伝わる色。
そして、文章に似合う世界観。
学びながら試し、自分の制作に使える形で残す。
内容と価格を見比べて、必要な1つから。

4つとも無料部分あり各教材の内容・価格を掲載

同じ記事を、4つの視点で。ARTICLE STUDIO / DEMO
01 / STRUCTURESAMPLE ARTICLE

企画から、公開前の確認まで。 AI記事制作の手順を学ぶ。

AI記事制作を詳しく見る

教材の役割を体験する、このページ専用のデモです。実際の収録機能とは異なります。AI生成・データ送信・保存は行いません。

デモの切り替えにはJavaScriptが必要です。教材の内容・無料部分は、この下から確認できます。

LEARN. TRY. KEEP.

学んだ先に、
使えるものが残る。

教材価格に含まれるのは、解説と、実際に使うための道具。
手順に沿って試し、見直し、自分の制作に使える素材として残せます。

  1. 01考え方を知る解説・入力例・レッスン
  2. 02試して、見直す全文指示・比較・修正
  3. 03制作に持ち帰るHTML・TXT・CSSなど

WHAT YOU RECEIVE / 01–04

価格と、中身を見比べる。

何を学び、どこまで使えるかを5つずつ。
4つすべてをそろえる必要はありません。

01つくる

AI記事制作全ジャンル対応・記事制作の手順

手元に残せるもの全文テンプレート・管理CSVTXT / HTML / CSV

企画から公開まで、
自分で進められる手順を。

テーマを伝えたあと、何を頼み、何を確認し、どう直すか。AIへの依頼を一連の制作工程として整える教材です。

収録内容5つのポイント
  1. 全11工程と、引き継ぎの全文

    STEP 0〜10の指示文と引き継ぎパック。調査・設計・制作・評価・修正を、順番に進められます。

  2. 入力例と、次へ進むための目安

    工程別の解説・入力例・進行判断と完成記事ガイドで、伝え方や完成形を確かめます。

  3. 保存用HTMLと、2種類のTXT

    保存用HTML・全文TXT・工程別TXTを収録。MacBookでの保存手順も確認できます。

  4. 標準デザインと、12症状の修正指示

    白黒ミニマルのデザイン1組と調整指示を収録。つまずいた症状から、修正依頼文を選べます。

  5. 制作・更新を管理するCSV

    記事づくりのあとも使う、制作・更新管理用のCSV。次の制作や見直しの整理に使えます。

作る順番やAIへの依頼を、その都度考え直している方に。

記事制作はこの講座だけで進められ、標準デザインも含まれます。

教材価格COURSE 01

7,980円

この価格で使える範囲

制作の流れを、ひと続きに。

全11工程の全文に、入力例・保存教材・修正指示・管理CSVまで。記事を進め、直し、引き継ぐための一式です。

無料で確かめる範囲

テーマの伝え方、記入例、STEP 0〜10の進め方。全工程の全文テンプレート・保存教材は購入範囲です。

無料の工程サンプルを見る全収録内容・購入案内へ

教材価格にAIサービスの利用料は含まれません。

02整える

FRAME記事レイアウト・文字組み実践講座

手元に残せるもの整えた記事のHTMLHTML / TYPE SHEET

原稿の目的に合う、
紙面を選んで整える。

同じ文章でも、配置・見出し・文字の大きさ・行間・余白で印象は変わります。自分の原稿で比べ、整えた形を保存する教材です。

収録内容5つのポイント
  1. 構造の異なる、50のレイアウト

    比較・手順・長文など、文章の目的から型を選べます。配色違いではなく、構造の異なる50案です。

  2. 原稿を使ったA/B比較と文字組み

    同じ原稿を2案で比較。文字の大きさ・行間・余白を調整し、PC・スマホ幅で見え方を確かめます。

  3. 選び方と整え方を学ぶ、8章

    レイアウトと文字組みの実践レッスンで、読む順番や情報の優先順位を考えながら進めます。

  4. 比較・手順・長文の、3つの演習

    3種類の文章を題材に、見せ方を組み立てる練習。完成例と解説で、自分の案を見直せます。

  5. 制作で使う、5つの保存特典

    保存版HTML/50案の完成HTML/文字組みシート/AI依頼文/完成3例と修正練習を収録。

原稿はあるけれど、配置や文字・余白の判断で止まる方に。

文章をつくる工程ではなく、原稿の見せ方を集中的に学びたいときに。

教材価格COURSE 02

6,980円

この価格で使える範囲

選ぶ、比べる、整えて残す。

50の構造を試せる作業台に、8章の解説・3演習・保存特典を収録。自分の原稿の紙面設計に使います。

無料で確かめる範囲

自分の原稿で3型をA/B比較。文字・余白の調整と、HTML保存まで試せます。

自分の原稿で無料3型を試す全収録内容・購入案内へ

保存したHTMLは、公開先で表示を確認してください。

03配色する

PALETTE記事のための配色実践講座

手元に残せるもの配色のCSS・AI指示CSS / AI INSTRUCTION

色を選ぶ理由まで、
自分の言葉でわかるように。

背景・本文・リンク・ボタン。それぞれの役割から色を選び、比較と対比の確認を通して、自分の記事に使う配色を整える教材です。

収録内容5つのポイント
  1. 色の役割がわかる、50の配色

    背景・本文・補助面・リンク・ボタンの役割別仕様を収録。記事の用途や雰囲気から候補を選べます。

  2. 50案のA/B比較と、Aの色編集

    同じ文章で2案を見比べ、A側の色を調整。候補を保存しながら、自分の配色を検討できます。

  3. 11組の対比を数値で確かめる

    文字と背景など、11組の組み合わせを確認。見た目の好みとあわせて、色を見直す判断材料にします。

  4. 7章の講座と、3つの架空実習

    色の役割や選び方を学び、架空の記事で実践。実習を通して、配色を選ぶ理由を整理します。

  5. CSS・AI指示と、保存用の教材

    配色をCSS・AI指示に書き出し。購入者保存HTML、修正指示TXT、確認シートも制作に使えます。

記事に使う色の役割や、組み合わせを確かめたい方に。

レイアウトは決まっていて、配色を集中的に学びたいときに。

教材価格COURSE 03

4,980円

この価格で使える範囲

配色を、比較と確認で決める。

50配色の比較・色編集・11組の対比計算に、7章・3実習を収録。決めた色をCSSやAI指示として使えます。

無料で確かめる範囲

用意された練習文で、3案の配色をA/B比較。色の編集・対比計算・書き出しは購入範囲です。

無料3案の配色を比べる全収録内容・購入案内へ

対比の確認だけで、アクセシビリティ適合を保証するものではありません。

04世界観をつくる

SCENE記事の世界観をつくる実践講座

手元に残せるもの記事HTML・世界観の設計指示HTML / CSS / AI INSTRUCTION

同じ文章でも、
世界が変わる。

静かな編集室、コミック、ピクセル、図鑑、展覧会。同じ原稿で見え方を比べながら、見出し・本文・補足・結びまで、自分の記事に似合う世界観をつくる教材です。

収録内容5つのポイント
  1. 読む体験から選ぶ、12系統50案

    編集室・コミック・ピクセル・図鑑・展覧会など。向く記事、避けたい使い方、表現の仕様から、原稿に合う候補を選べます。

  2. 自分の原稿で、最大8節のA/B比較

    題名・導入・各節の本文と補足・結びを入力。同じ原稿を2案で見比べ、スマホ幅での読み心地も確かめられます。

  3. 選び方と統一を学ぶ、8レッスン

    原稿の役割整理から、世界観の選定・設計・強さの調整・全体への展開まで。記事を仕上げ、見直すための判断を学びます。

  4. 比較・長文・修正を試す、3つの演習

    同じ記事の5案比較、長文での統一、崩れた記事の修正を練習。判断例や確認項目、8節の記事の完成見本で見直せます。

  5. 記事HTMLと、次の制作に使う保存教材

    完成記事のHTML・CSS・AI依頼文を書き出し。購入者保存版HTML、50案の個別HTML、50のAI依頼文、練習・確認資料も残せます。

原稿はあるけれど、いつも同じ見た目になってしまう方に。

SCENE単独で始められ、ほかの講座の購入は必要ありません。

教材価格COURSE 04

6,980円

この価格で使える範囲

世界観を、選んで仕上げる。

無料5案に45案が加わり、全50案の作業台へ。8レッスン・3演習・完成見本・保存教材を使い、記事全体の表現を整えます。

無料で確かめる範囲

自分の原稿を最大8節まで入れ、無料5案をA/B比較。記事HTML・HTML/CSS・AI依頼文の保存まで試せます。

自分の原稿で無料5案を試す全収録内容・購入案内へ

教材内の編集・保存に外部AIの契約は不要です。公開前に、保存した記事の表示をご確認ください。

価格・収録範囲は各教材の案内に基づいて掲載しています。購入前に、各教材ページで最新の価格・利用条件・提供方法をご確認ください。

HOW TO READ THE PRICE

4つの価格を、
収録範囲から見比べる。

AI記事制作は、企画から公開前確認までの制作工程。FRAMEは、原稿のレイアウトと文字組み。PALETTEは、色の役割・比較・調整。SCENEは、記事全体の世界観。取り組む課題と、収録している道具が異なります。

価格や収録数だけでなく、自分が止まっている工程と、購入後に使いたい機能で判断してください。まずは無料部分で、説明や操作との相性を確かめられます。

WHERE TO START

いま、どこで
手が止まっていますか。

記事制作の教材には標準デザインも含まれます。文字と配置はFRAME、色はPALETTE、記事全体の世界観はSCENE。深めたいところから選べます。

BEFORE YOU CHOOSE

試して、確かめて、
必要なものだけ。

  1. 01

    無料部分から確かめる

    AI記事制作は工程サンプル。FRAME・SCENEは自分の原稿、PALETTEは練習文で試せます。

  2. 02

    内容と利用条件を読む

    使いたい機能が含まれるか、提供方法や利用条件が自分に合うか確認してください。

  3. 03

    各教材ページで選ぶ

    購入の案内は、各教材ページにあります。迷ったら、無料部分を試してから決められます。