✦AI GUIDE 応用編
AI GUIDE / ADVANCED LEARNING

AIで、つくる。
仕事を、変える。

アプリ開発、Excel活用、制作、自動化まで。
「何を使う？」から「完成して公開する」まで、図と手順でわかる応用ガイド。

GAS・Web・iPhoneExcel・業務自動化制作・収益化
学びたいテーマを選ぶ ↓
ノートパソコンでAIと制作を進めるワークスペース
8つの専門テーマ初心者から実践へ
コードをコピーGASの動く例付き
図解で理解仕組みと手順を可視化
費用も確認公式情報へのリンク
CHOOSE A TOPIC

今日は何を作りたい？

すべてを読む必要はありません。興味のあるテーマを選ぶと、その教材だけが開きます。

表示中の教材を切り替え
01 / FIRST DECISION

何を作るかで、選ぶ方法が変わる

「アプリ」といっても作り方は一つではありません。目的に合わせて選ぶのが最短です。

何を作るかで、選ぶ方法が変わるのイメージ写真
やりたいこと入力・集計・共有・販売
→
公開する相手自分・職場・一般公開
→
技術を選ぶGAS / Web / PWA / iOS
→
小さく試すまず1機能で公開
▦

GAS

Googleフォームやスプレッドシートと相性がよい。社内の小規模ツール向け。

▤

Webアプリ

ブラウザで使う。独自URL、会員管理、DBを備えたサービスにも拡張可能。

▯

PWA

Webサイトをホーム画面に追加。ネイティブ機能は端末・ブラウザで制約あり。

◉

iOSネイティブ

App Store配信やiOS固有機能を重視。署名・審査・開発環境が必要。

方式公開先費用の特徴向いているもの
GASGoogleのWebアプリURL無料枠あり・利用制限あり申請・集計・通知
Web自分のサーバーサーバー・ドメイン・保守公開サイト・顧客向けサービス
PWAWeb URL＋ホーム画面Web運営費に準じるスマホ向け社内ツール
iOSApp Storeなど開発環境・登録費・保守本格的なiPhoneアプリ
確認ポイント

「GASは完全無料」「PWAなら何でもできる」とは限りません。利用枠、認証、通知、OSの制約を先に確認してください。

02 / GOOGLE APPS SCRIPT

GASで入力アプリを作ってみる

最初の題材は「メモを入力するとスプレッドシートに記録されるWebアプリ」です。

GASで入力アプリを作ってみるのイメージ写真
  1. スプレッドシートを新規作成

    1行目に「日時」「内容」の見出しを作る。

  2. 拡張機能 → Apps Scriptを開く

    同じスプレッドシートに紐づくプロジェクトを作る。

  3. Code.gsを編集

    下のコードを貼り付ける。

  4. HTMLファイルを追加

    ファイル名を index とし、HTMLコードを貼る。

  5. デプロイ → 新しいデプロイ → ウェブアプリ

    実行ユーザーとアクセス権を用途に応じて選び、権限を確認する。

  6. URLを開いてテスト

    保存、連打、空欄、権限エラーを確認する。

Code.gs（サーバー側）

function doGet() {
  return HtmlService.createHtmlOutputFromFile('index');
}
function saveMemo(message) {
  const text = String(message || '').trim();
  if (!text || text.length > 300) throw new Error('1〜300文字で入力してください');
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('シート1');
  if (!sheet) throw new Error('シート1がありません');
  // 表計算の式として評価されないように、入力を文字列として保存
  const safe = /^[=+\-@]/.test(text) ? "'" + text : text;
  sheet.appendRow([new Date(), safe]);
  return '保存しました';
}

index.html（画面側）

<!doctype html>
<html><head><base target="_top"><meta name="viewport" content="width=device-width,initial-scale=1"></head>
<body>
  <h1>メモ登録</h1>
  <input id="memo" maxlength="300" placeholder="内容を入力">
  <button id="save" onclick="submitMemo()">保存</button>
  <p id="status" role="status"></p>
  <script>
    function submitMemo() {
      const button = document.getElementById('save');
      const status = document.getElementById('status');
      button.disabled = true; status.textContent = '保存中…';
      google.script.run
        .withSuccessHandler(msg => { status.textContent = msg; document.getElementById('memo').value = ''; button.disabled = false; })
        .withFailureHandler(err => { status.textContent = err.message; button.disabled = false; })
        .saveMemo(document.getElementById('memo').value);
    }
  </script>
</body></html>
確認ポイント

「全員に公開」は安易に選ばず、まず自分だけで動作確認してください。スプレッドシートのシート名は環境に合わせて変更。GASには実行時間・利用回数などのクォータがあります。

Apps Script公式ドキュメント 公式サイト ↗GASの利用制限 公式サイト ↗
03 / WEB APP & HOSTING

レンタルサーバーでWebアプリを作る

Webアプリは「画面」「処理」「保存先」を分けて考えると理解しやすくなります。

レンタルサーバーでWebアプリを作るのイメージ写真
📱ブラウザHTML / CSS / JavaScript
⇄ HTTPS ⇄
🖥️サーバーPHPなど
⇄
🗄️データベースMySQLなど
  1. レンタルサーバーを選ぶ

    PHP・データベース・SSL・バックアップ・料金を確認。

  2. 独自ドメインまたは初期URLを用意

    HTTPSを有効にし、管理画面のアクセス方法を控える。

  3. 最初は静的な画面を公開

    index.html と style.css をアップロードしてスマホで表示確認。

  4. サーバー処理を追加

    PHPで入力チェックを行い、DBにはプレースホルダーを使って保存する。

  5. 認証と保護を実装

    管理画面の認証、CSRF対策、権限チェック、アップロード制限を設ける。

  6. 本番運用前に検証

    バックアップ復元、通信失敗、同時操作、スマホ表示をテスト。

最初のファイル構成

public_html/
  index.html        # 画面
  assets/style.css  # 見た目
  assets/app.js     # 画面操作
  api/              # サーバー処理（公開範囲に注意）
private/             # 秘密設定は公開フォルダ外へ
確認ポイント

共有レンタルサーバーではNode.js常駐や任意のサーバープロセスを使えないプランがあります。使用する言語・DB・cron・容量を契約前に確認してください。

ロリポップ公式 公式サイト ↗ConoHa WING公式 公式サイト ↗OWASPセキュリティ資料 公式サイト ↗
04 / PWA OR NATIVE

iPhoneで使うアプリの作り方

「iPhoneのホーム画面で使いたい」のか、「App Storeで配信したい」のかで道筋が変わります。

iPhoneで使うアプリの作り方のイメージ写真
📲

PWA

WebアプリをSafariなどからホーム画面へ追加。ブラウザ・OSによる制約あり。

🍎

iOSネイティブ

Swift / SwiftUIなどで制作。通常はXcodeとmacOSが必要。

🔁

Webからネイティブへ

CapacitorなどでWeb技術を活用。ただしiOSビルド・署名の環境は別途必要。

  1. まずWebで試作

    スマホ画面の入力・保存・表示を完成させる。

  2. 配布方法を決める

    社内用PWAか、App Storeで一般公開するか選ぶ。

  3. iOS特有の要件を確認

    通知・カメラ・バックグラウンド処理などは実機で検証。

  4. App Storeに出すなら

    Apple Developer Program、アプリ署名、審査ガイドライン、プライバシー表示を確認。

確認ポイント

Windows PCのみでWebアプリやPWAの制作はできますが、通常のiOSネイティブビルドにはMac上のXcode、または対応するクラウドビルド環境が必要です。Apple Developer Programの年会費は国・地域で異なる場合があるため、契約画面の金額を確認してください。

Apple Developer Program 公式サイト ↗App Store審査ガイドライン 公式サイト ↗PWAの技術解説（MDN） 公式サイト ↗
05 / EXCEL & DATA

Excel応用編：手作業を仕組みに変える

関数だけでなく、取り込み・整形・集計・更新まで一連の流れで考えます。

Excel応用編：手作業を仕組みに変えるのイメージ写真
ƒx

関数

XLOOKUP、FILTER、SUMIFS、LETなどで集計を簡単に。利用可能な関数はExcelの版による。

⇄

Power Query

複数CSVを読み込み、列名や形式を揃え、更新できる仕組みを作る。

▦

ピボットテーブル

利用者別・月別・品目別などを数クリックで集計。

⚙

VBA・Office Scripts

繰り返し処理を自動化。マクロの安全性や対応環境に注意。

例：月ごとの売上集計を作る

  1. 元データを表にする

    日付・取引先・金額・区分を1行1件に整理。

  2. 入力を整える

    日付を日付型、金額を数値型に統一。空欄・重複を確認。

  3. 集計表を作る

    ピボットテーブルで月別・取引先別の合計を表示。

  4. 更新を自動化

    Power Queryで翌月のCSVを追加して更新。

  5. 異常値をチェック

    前年同月比・マイナス金額・未入力を検出。

例：条件に一致する金額を合計

=SUMIFS(C:C,A:A,">="&DATE(2026,11,1),A:A,"<"&DATE(2026,12,1))
確認ポイント

ExcelのAI機能やOffice Scriptsは契約プラン・環境によって利用条件が異なります。実データの個人情報は外部AIへ送る前に匿名化してください。

Microsoft Excel公式ヘルプ 公式サイト ↗Power Query公式 公式サイト ↗
06 / CREATE & PUBLISH

AIで作成物を完成させる

「作って終わり」ではなく、編集・チェック・納品までを一つの工程にします。

AIで作成物を完成させるのイメージ写真
① 要件誰に・何を・何のために
→
② 下書き文章・構成・素材
→
③ 制作デザイン・書式・映像
→
④ 検証誤字・権利・表示
▤

説明資料・PDF

見出しと図解を先に決め、A4印刷とスマホ閲覧を別々に確認。

▧

画像・ポスター

AI画像は文字化けしやすい。文字は別レイヤーで編集する。

▶

ショート動画

最初の3秒の問いかけ、字幕、音声、最後の行動導線を設計。

⌘

Webサイト

トップ→カテゴリ→記事→次の行動の導線を短くする。

そのまま使える制作依頼テンプレート

目的：［何を達成したいか］
対象：［誰が見るか］
完成物：［PDF／画像／Webページ／動画など］
サイズ：［A4縦／スマホ9:16など］
必須内容：［入れる情報］
デザイン：［雰囲気・色・参考］
確認：事実、著作権、文字化け、画面の見切れを点検
納品：編集可能な元データと完成ファイル
確認ポイント

他者の写真・ロゴ・音源は利用許諾を確認。生成AIの出力でも著作権や商標、肖像権の確認が必要な場合があります。

Canva公式 公式サイト ↗Adobe Express公式 公式サイト ↗
07 / AUTOMATION

AIとGASで業務を自動化する

毎日・毎月の繰り返し作業は「入力→処理→確認→通知」に分けて設計します。

AIとGASで業務を自動化するのイメージ写真
📥入力フォーム・CSV・メール
→
⚙️処理整形・集計・判定
→
👀確認異常・重複・未処理
→
📨通知メール・一覧・PDF
  1. 1回分を手動で完成させる

    まず正しい入力と出力を確定する。

  2. 自動化できる処理を分ける

    判断が必要な作業は人の確認を残す。

  3. 二重実行を防ぐ

    処理ID、更新日時、実行済みフラグを持たせる。

  4. 失敗しても復旧できるように

    ログ、再試行、途中再開、バックアップを準備。

  5. 定期実行にする

    GASのトリガーなどを利用し、失敗通知を設定する。

確認ポイント

個人情報や医療・介護記録を外部AIへ送る場合は、契約・同意・利用目的・保存先を確認してください。自動化により誤った情報が大量送信されないよう承認ステップを設けます。

Apps Scriptトリガー 公式サイト ↗Google Workspace公式 公式サイト ↗
08 / COST & TOOLS

費用・サービス・収益化の考え方

「最初の費用」「毎月の費用」「使った分だけ増える費用」を分けると比較しやすくなります。

費用・サービス・収益化の考え方のイメージ写真
方式初期費用の考え方継続費用注意点
GAS無料で試作可能Googleプラン・上限次第クォータと公開権限
レンタルサーバープラン・ドメイン次第サーバー、ドメイン、保守DB・SSL・バックアップ
PWAWeb開発費Web運用費OS・ブラウザの制約
iOSアプリ開発・テスト環境開発者登録、保守等審査、署名、端末テスト
AI API実装費従量課金の場合あり使用量上限とログ管理

関連サービスを比較する

開発・制作に関連するサービスの公式ページを紹介します。機能や契約条件を確認して選びましょう。

確認ポイント

月額・年額はキャンペーンや契約条件で変動します。実際の価格は公式の料金表で確認してください。

作ったものを収益につなげるなら

無料記事 → 実用テンプレート → 便利なツール紹介 → 継続的な更新、という導線が自然です。アフィリエイトは利用者の役に立つ位置に置き、広告であることを明示しましょう。

ほかのAI GUIDEも見る

🌱 はじめてガイド⚖ AI比較ナビ⚙ AI実践ラボ💡 AI活用100選
PR・広告

読むだけで終わらせず、作る・公開する一歩へ

次に取り組みたいことから選びましょう。気になるサービスで、使いたい機能と料金をチェック。

サイト・Webアプリの公開

ABLENETレンタルサーバー

作ったサイトやWebアプリを、いよいよ公開へ。まずは必要な機能と予算に合う公開先を選びましょう。ABLENETの対応機能・プランを確認して、あなたの制作を次の一歩へ。

何に必要？

作ったWebサイトや、PHPなどで動くWebアプリをインターネットに公開するための置き場所です。

使い方の流れ

  1. 公開したいサイトの対応言語・データベース・容量を確認
  2. 対応するプランを選び、契約後に管理画面で公開先を設定
  3. FTPなどでファイルをアップロードし、URLを開いて動作確認

こんな人に

自分のサイトやサーバーで動くアプリを公開したい方。GASだけで公開する場合は、別途レンタルサーバーを用意する必要はありません。

公開に合うプランを見てみる ↗
記事の構成・下書き

Value AI Writer byGMO

記事を書くたびに、構成や下書きで手が止まっていませんか？文章制作の進め方を見直したい方は、Value AI Writer byGMOをチェック。自分の記事づくりに合う機能と料金を確認してみましょう。

何に必要？

ブログやサイトの記事を作る際に、構成や下書きづくりを支援するツールです。

使い方の流れ

  1. 書きたいテーマ・読者・記事の目的を整理
  2. サービスの画面に沿ってテーマなどを指定し、構成や下書きを作成
  3. 出典・数値・表現を確認し、自分の事例を加えてから公開

こんな人に

記事を継続して作りたい方。現在使っているAIで十分に作れる場合は、追加契約の必要性を比較しましょう。

記事づくりの機能・料金を見る ↗
文章の見直し

文賢

メール・案内文・記事を、送る前にもう一度整えたい方へ。文章の見直しを日々の習慣にするなら、文賢の機能をチェック。あなたがよく書く文章に使えそうか、公式ページで確かめてみましょう。

何に必要？

メール・案内文・記事などの文章を、公開・送信前に見直すための文章作成支援ツールです。

使い方の流れ

  1. メールや記事など、見直したい文章を用意
  2. 入力画面に文章を入れ、表示される指摘やアドバイスを確認
  3. 文章の目的に合う修正を選び、事実関係を確認して仕上げる

こんな人に

仕事で文章を書く機会が多い方。機密情報や個人情報を入力する前に、利用規約とデータの扱いを確認してください。

文章の見直しに使える機能を見る ↗
英作文の添削・学習

アイディー

英語で書いてみたけれど、この表現で伝わるか不安。そんなときは、添削を学習に取り入れる方法もあります。アイディーの利用方法とプランを見て、自分に合う続け方を探しましょう。

何に必要？

自分で書いた英文を添削に出し、表現を見直しながら学ぶためのサービスです。

使い方の流れ

  1. 学習・メールなどの目的に合わせて、自分で英文を書く
  2. 公式ページで対応コースと提出方法を確認し、英文を提出
  3. 返ってきた添削と説明を読み、直した英文をもう一度書く

こんな人に

英語を書く練習を続けたい方。添削の担当・方法・納期は、選ぶコースの条件を確認しましょう。

英作文の添削プランを見る ↗

このコーナーにはA8.netのアフィリエイト広告を掲載しています。料金・対応機能・契約条件は、リンク先の最新情報をご確認ください。