Doorkeeper

【CeeBeeDee】macOS環境の効率化について話し合う会 #14/サイトウマサカズ、赤間 公太郎、岡田 陽一、鷹野 雅弘

Wed, 27 May 2026 21:00 - 23:00 JST
Online Link visible to participants
Register
Free admission
Registration closes 27 May 23:00
アーカイブはSTORESから

Description

macOS環境の効率化をテーマに、さまざまなアイデアを共有し合うオンラインイベント。OS標準機能およびアプリ、関連ユーティリティを通して、macOS環境の効率化のアレコレについて話します。

  • 社内のエンジニアを援護射撃!自作のジェネレーターが叶える、「直しに強い」デザイン支援ツール集/赤間 公太郎
  • AIエージェントでKeyboard Maestroマクロを作ろう!/サイトウ マサカズ
  • 積ん読がNotebookLMの燃料になった話 〜 Kindle本を“対話可能な知識”に変える読書ワークフロ 〜/岡田 陽一

「リアルタイム視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります!

社内のエンジニアを援護射撃!自作のジェネレーターが叶える、「直しに強い」デザイン支援ツール集

AIを活用すると、一瞬できれいなデザインが出力されます。しかし、クライアントと協議を重ねながら進める業務スタイルでは、AI生成は「直しに弱い」という課題が浮かび上がります。
微調整のつもりがどんどん方向がズレていったり、「少し前の状態に戻す」という行為が想像以上に難しいケースも少なくありません。
ウェブデザインでは「微調整を積み重ねて仕上げる」工程が欠かせません。だからこそ、制作現場では次の3つが重要になってきます。

  • 戻せる
  • 微調整できる
  • 自分でコントロールできる

本セッションでは、ブラウザからすぐに使える自作ジェネレーター群を紹介します。設計の原動力はシンプルで、「社内制作スタッフの援護射撃」です。パラメーターを直感的に動かして結果をすぐ確認できる、そんなツール群です。

  • CSSメッシュグラデーションジェネレーター
  • CSSフロー図ジェネレーター
  • CSS装飾枠・カスタムボーダージェネレーター
  • スーパー楕円・Blobジェネレーター

「作る」より「整える」アプローチで、設計思想や便利ポイントをお伝えします。

赤間 公太郎(あかま・こうたろう)

写真:

株式会社マジカルリミックス 代表取締役CEO
専門学校デジタルアーツ仙台 非常勤講師

仙台を拠点に活動するWebコンサルタント。仙台市・宮城県の中小企業支援機関の専門家も務める。

20年にわたる講師経験を持ち、難解な技術トレンドも現場感とわかりやすさを両立した解説で「現場でどう使うか」という実務レベルに落とし込んで解説するスタイルが特徴。Web制作からAI活用まで幅広く支援する一方、クレジットカード研究家としての顔も併せ持つ異色の実務家。

多くのクリエイターに読まれるロングセラー『世界一わかりやすいHTML&CSSコーディングとサイト制作の教科書』の著者。

2025年10月にAIと協働でマッハーツールを開発。

AIエージェントでKeyboard Maestroマクロを作ろう!

Claude CodeやCodexをはじめ、AIエージェントの活用が急速に広がっています。
最近では、まずAIにざっくり作らせたり試行錯誤させ、その後に人間が細かなレビューや調整を行う進め方も増えてきました。

しかし、その一方で「基本操作が遅くて人間側がボトルネックになっているな」と感じるケースが多々あります。

本セッションでは、AIエージェントを活用してKeyboard Maestroのマクロを作成してみます。
これまで「作るのが大変そう」「手間がかかる」と感じてマクロ作成を避けていた方でも、AIエージェントに要件をまとめて依頼しておけば、別の作業をしている間にマクロが出来上がっている……そんな体験ができるかもしれません。

また、AIに頼るだけでなく、Keyboard Maestroのマクロを手軽に作成・編集するための補助的なマクロもいくつか紹介します。
マクロ作りをラクにして環境を整えることで、残りの人間側でやっている作業のスピードをさらに高めていきましょう。

サイトウ マサカズ

N'sCreates

神戸のウェブ制作会社に勤務し、デザイン・コーディング業務に従事。日々の制作業務を進めていく中で、ただ制作するだけでなく深く考える時間を生み出すためにも効率化は必須だと感じ、試行錯誤を行う。

知識をアウトプットする場所として学生時代から続けている自身のブログ「Webrandum」を運営し、ウェブ制作に関する知識や効率化について発信中。制作を早く・ラクにするための知識や技術を、既存のワークフローに落とし込むことを得意としていて、そのためのアプリやスクリプトを触って考えるのが好き。

積ん読がNotebookLMの燃料になった話 〜 Kindle本を“対話可能な知識”に変える読書ワークフロ 〜

Amazonでセールがあると、「いつか読もう」とついつい何冊も買うだけ買って読めていなかったKindle本。
インプットはしたいけれど、まとまった読書時間はなかなか取れず、気づけば大量の“積ん読”が溜まっていました。
ところが、ソースネクストの「0秒読書」を使って書籍をテキスト化し、NotebookLMのソースとして活用してみると、それらが単なる未読本ではなく、“AIと対話できる知識データベース”として機能し始めました。
必要な時に要点を引き出し、複数の本を横断して整理し、自分専用のリサーチ環境として活用できる。AI時代における、新しい読書体験と知識活用のスタイルについて紹介します。

岡田 陽一(おかだ・よういち)

株式会社ふわっと

神戸・姫路を中心に、企業のウェブマーケティング支援、ウェブ担当者育成、ウェブサイトや印刷物の企画・制作、それらの素材写真の撮影・動画制作・ライティングなどコンテンツ制作などの業務を行っている。

2015年から 神戸電子専門学校 グラフィックデザイン学科 と AIシステム開発学科で非常勤講師としてデザインやプレゼンテーション、ウェブ、動画プロモーション、ライティングなどの授業を担当。

ウェブ制作に関わる方のためのセミナーイベント「CSS Nite」の神戸版 “CSS Nite in Kobe”を企画・運営。(現在休止中)

Mac歴:1989年アメリカ留学中に購入した Macintosh IIci が最初のMac。macOSの日本語版が出る前から Macと共に生活している。

聞き手、MC(進行)

鷹野 雅弘(CeeBeeDee/CSS Nite/DTP Transit)が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。

鷹野 雅弘(たかの・まさひろ)

株式会社スイッチ

グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。

2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。

著書に『10倍ラクするIllustrator仕事術』(改訂第3版)ほか多数

イベント概要

YouTube Liveでライブ配信します。

お申し込みと参加費

  • リアルタイムの視聴のみは無料です。
  • 参加にはお申し込みが必要です。受け付けは終演時刻まで。

フォローアップ(アーカイブ)

有料チケットには次が含まれます。これを「フォローアップ」と呼んでいます。

  • アーカイブ動画
  • スライド
  • リンク集や補足
  • サンプルファイルなど(プログラムにより)

フォローアップ(アーカイブ)は、アーカイブ購入/サブスクの方限定のコンテンツです。

  • アーカイブ動画の視聴期限はありません。ずっと見られます。
  • 法人およびフリーランスで事業決済される方は「法人向け」をお求めください。

フォローアップ(アーカイブ)の購入

次の3つの方法があります。いずれかを選択なさってください。

  • STORES
  • サブスクを登録する
購入方法種別フォローアップの受け取り備考
個人個人、
フリーランス
法人
STORES
(単品)
3,300円5,500円11,000円購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります(アーカイブ動画や特典の掲載はイベント終了後)ユーザー登録してから申し込むと、[マイページ]の[購入履歴]から、後からダウンロードできます。
サブスク3ヶ月:35ドル詳細[メンバー限定]セクションの[フォローアップ(アーカイブ)]から本イベントのNotionにアクセスしてください。法人は別途(詳細
年パス:130ドル

領収書

個人向けのチケットは領収書発行していません。
インボイス対応の領収書は、次のチケットのみ対応します。

  • 個人/フリーランス(スライド、アーカイブ視聴付き) ※経費として
  • 法人(スライド、アーカイブ視聴付き)

終了後にご案内するNotionからPDFをダウンロードしてご利用ください。

  • 「法人(スライド、アーカイブ視聴付き) 」のチケットを購入いただいている場合のみ、記名入りの領収書に対応いたします。フォームからご連絡ください。

配信に関してのあれこれ

各URLは、YouTubeの概要欄にも掲載しています。

  • チャットやスタンプ、ツイートなど「参加型」でお楽しみください!
  • 「音声のバランスが悪い」など、何かお困りの場合、コメントなどで教えてください!

配信URL

YouTube Liveで配信します。

https://youtube.com/live/DsqglbQSWTU

X(Twitter)にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。

配信トラブルでURLが変更になることがあります。その場合、次のようにお知らせします。

  • Twitter(現「X」)
  • 配信が停止したYouTubeプログラムのコメント欄
  • Doorkeeper経由でのメッセージ(メール)

YouTube関連

  • YouTubeチャットを活用ください! スパム回避のため、YouTubeチャンネル登録者のみがコメント可能にしていますので、事前にチャンネル登録をお願いします。
  • スーパーチャット(スパチャ=投げ銭)を利用できます。少額でも大歓迎です! いただいた全額を講演者にお渡しします。
  • 質問がある場合、YouTubeチャットで冒頭に★または【質問】を付けてコメントください。すべては拾いきれません。「〜は〜という意味です」「自分の現場ではこうやっている」など、視聴される方からのサポート的なコメントを歓迎します! 一緒に場を作ってくださいますと嬉しいです!!

リアクションや質問

  • スクショ付きのツイート歓迎です。ぜひ、ハッシュタグ(#mac効率化)を付けてください。ただし、事例の部分などでNGマークがついている箇所、講演者からNGの指示のある箇所はご遠慮ください。
  • 終了後、ぜひアンケートにお答えください! 「フィードバックはギフト」。話してくださった方の成長の材料になり、また、イベントの改善につながります。

その他

  • 120分のプログラムでは、60分前後のキリのいいタイミングで休憩(5-10分)をはさみます。
  • サンプルファイルや配布資料、アーカイブ動画のURLをSNSなどで再配布するのは禁止です。
  • 開演の30分前くらい前からテスト配信をスタートします。音声などが聞こえるかなど、チェックなさってください。
  • スマホやタブレットで視聴される方もいると思いますが、PCでの視聴を前提としています。なるべくPCでご覧ください!
  • ご覧いただく回線状況によっては、YouTubeの動画が止まってしまったり、音声が途切れてしまうことがあります。その場合には、ブラウザーを再読み込みしたり、OSを再起動してみてください。同時配信しているX(Twitter)の方が安定してることがあります。
  • 分単位で細かく練られたカリキュラムではなく、少し緩めに進行します。コメントを拾って脱線することもあります。言い換えると学習だけをされたい方には向いていません。
  • 若干の延長など、ぴったり進行しないことがあります。

配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。

サブスク

CSS Nite、DTP Transitのオンラインセミナーのアーカイブをリーズナブルに、また、管理しやすく利用いただけるように「サブスク」(定額サービス)をご用意しています(Circleというサービスを利用しています)。

年間で60回近く開催されますので、1本あたり400円を切る計算です。

アーカイブ動画だけでなく、スライドのダウンロードも可能ですので、ざっと内容を把握しておきたい場合にも適しています。また、自分のペースで手元のスライドPDFを見ながらの視聴が可能です。

サブスクの登録方法

次の手順でお申し込みください。

  1. Circleでユーザー登録(自動返信メールを確認して完了です)
  2. Stripeで決済

オンライン椅子ヨガ

本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです!

  • 開演前
  • 休憩時間(適宜)

一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga

協力企業のご紹介

本イベントには、下記の企業の協賛、協力をいただいています。

また、多くの制作会社に協賛いただいています。

通年で協賛を募集しています。検討くださいますと幸いです。

お問い合わせ

問い合わせはDoorkeeperのフォームからお送りください。

About this community

DTP Transit

DTP Transit

2005年にDTP制作者向けの情報サイト(ブログ)としてスタート。株式会社スイッチ、および、関係メンバーが日々の仕事の中で共有すべきと思われるトピックを記事にしてきました。 現在はTwitter、noteにて効率的なデザイン制作を行うための情報を発信。 https://twitter.com/DTP_Transit また、月に1回くらいペースでYouTube Liveでオンラインセミナー...

Join community