普通のOLが、出版社から書籍化の声がかかるまでに6ヶ月でやったことを教えるよ@マンガでわかるWebデザイン

Tweet about this on TwitterShare on Facebook0Share on Google+0Share on Tumblr0Pin on Pinterest0

マンガでわかるWebデザイン書籍化

6ヶ月で書籍化の声がかかった


↑これ。現実になった。

Web上にイラストを投稿しはじめてから
たった6ヶ月で出版社から書籍化の声がかかる。

そんな奇跡が現実に起きました。
6ヶ月間で実際にやったことをまとめます。

普通の会社勤めのWebデザイナーが単著を出すに至った経緯

はじめまして、湊川あいといいます。
好きなことは、「絵を描くこと、Webデザイン、SEO、マーケティング!」な、普通の会社勤めのWebデザイナーです。
そんな普通の人間が、出版社から声がかかるまでの半年間に何をやったのか。
この記事では、その経緯を月単位でざっくりと紹介します。

「マンガでわかるWebデザイン」とは?

↓こういうのを投稿しています。
「4コマを読んでいるうちに、Webデザインの最初の一歩がわかれば素敵だな」
そう思って始めました。
マンガでわかるWebデザイン 4コマの1部
「HTMLって何?CSSって何?」というところから始める、Webデザインの最初の一歩的な位置づけのコンテンツです。
今までに投稿したものはこちらにまとめてます。
マンガでわかるWebデザイン マガジン – note

出版社から声がかかるまでの6ヶ月間

2014年4月

noteというSNSを始めてみる。
https://note.mu/llminatoll
もちろん最初はフォローも0人、フォロワーも0人。
アカウントは作ってみたものの、何を投稿したらいいかよくわからない。
とりあえず「Webデザインあるある」をイラストにして投稿したものの反応はイマイチ。そのまま2週間が経過。

2014年5月

「マンガでわかるWebデザイン」というコンテンツを作って、noteに投稿することを思いつく。
(3ヶ月前から構想していたものの、まだ行動していなかった)
徐々にnoteのフォロワーが増え始める。このときフォロワー100人ぐらい。

マンガでわかるWebデザインのツイッターアカウントを運用しはじめたのもこの頃です。
マンガでわかるWebデザイン ツイッターアカウント

ツイッターアカウント作ったよ!更新情報をつぶやきます!

— マンガでわかるWebデザイン+Git (@webdesignManga) May 14, 2014

HTMLって何?簡単解説!マンガでわかるHTML入門 http://t.co/010wEOxdXo

— マンガでわかるWebデザイン+Git (@webdesignManga) May 14, 2014

2014年6月

ほぼ毎日イラストを投稿。
ユーザー同士のコラボに参加して、わいわいすること、
自分の投稿したイラストについたコメントに返信することが、帰宅後の楽しみでした。

7〜8月

noteのみんなで何か面白いことできないかな〜と思って、「マンガでわかるWebデザインの4コママンガの一部にコメントを入れて投稿してもらう」という大喜利企画をやってみました。

【コラボ企画 どなたでも参加OK】あなたの心の叫びをHTMLちゃんに叫んでもらおう!【こちらの素材に文字入れしてね】|湊川あい|note(ノート) https://t.co/H5fwWW6nP1 pic.twitter.com/hdKswgC7Dq

— 湊川@マンガでわかるGit 連載中 (@llminatoll) August 23, 2014


20作以上、皆様のセンスあふれる大喜利作品が集まりました。(皆様の大喜利作品は、こちらの記事のコメント欄参照

もともとのオリジナル4コマはこちら。

【新記事】CSSは外付け?直書き? マンガでわかるCSS入門 http://t.co/KrdyWXhzoJ pic.twitter.com/IMdJsfW41C

— マンガでわかるWebデザイン+Git (@webdesignManga) August 24, 2014

この頃、noteユーザーならざきむつろさん発案の「note甲子園」という大きなコラボイベントが開催されていました。
投稿についた星の数と、コメントの数を計算し、トーナメント式で勝者が決まるというイベントで、各ユーザーがそれぞれ独自のコンテンツを投稿し、しのぎを削っていました。
「このイベント参加すれば多くの人に見てもらえるかも!」と思い、投稿しまくる湊川であった。
そして、熱が高まって来たのか、絶対書籍化するぞ!という決意を固める湊川であった。
みなさんに感謝を込めて。必ず夢を叶える決意 with HTMLちゃん

9月

noteの湊川あいアカウントのフォロワー数は1800人越え。
マンガでわかるWebデザインのマガジンのフォロワー数は200人を超えました。
最初は0からのスタートだったのに、たくさんの人に見てもらえるようになって嬉しい!

なんと、マンガでわかるWebデザインの登場キャラ、HTMLちゃんのMMDを作って踊らせてくれる方が現れました!感動!

踊るHTMLちゃん(*´ω`*) YouTube⇒ https://t.co/co2vSseNxY
尊敬するクリエイティブ師匠が作ってくれました#マンガでわかるWebデザイン #MMD #踊ってみた pic.twitter.com/HV3sXWrpLk

— マンガでわかるWebデザイン+Git (@webdesignManga) November 1, 2015

10月初旬

突然、出版社から書籍化の声がかかりました。
なんでも、noteやツイッターで投稿している内容を見てお声がけいただいたとのこと。
「信じられない…!続けていれば見ててくれる人はいるんだ…!いやびっくりだな、ありがたいなぁ」
驚きと喜びで気が動転し、こんな熱い記事を書いてしまいました。今読み返すとかなりくるものがあります。

おうえん! マンガでわかるWebデザイン 書籍化のお知らせ&皆様への感謝|湊川あい@マンガでわかるWebデザイン|note(ノート) https://t.co/v9PlIk02Dp

— タクロコマ (@takurokoma) October 12, 2014



この記事における湊川のテンションの狂いっぷりが伝わったのか、note公式facebookアカウントでも紹介される事態に… ンヒィィ

その後、原稿作成 → ついに脱稿!

それからは、原稿作成の日々でした。
(マンガ・解説・コーディングすべて担当しました。会社の仕事との両立は想像以上に大変でした)


2016年3月(今)
脱稿しました!ついに全部書ききった!

マンガでわかるWebデザイン 脱稿しましたァァァァ!! 1年以上かかった!頑張った!!! pic.twitter.com/pv9v7UIBoM

— マンガでわかるWebデザイン+Git (@webdesignManga) March 12, 2016

今は校正段階です。発売までいましばらくお待ちください!

以上が、書籍化が決まるまでの経緯です

私は著名人でもなんでもない、ただの一般人なので、偉そうなことは何も言えません。
どんな過程で、何をして、こんなとんでもないことが起きたのか?
2年前の自分に、道しるべを見せるとしたら?
そう思ってこの記事を書きました。
この記事が役に立つかどうかはわかりませんが、ひとつの例として参考になったとしたら嬉しいです。

とにもかくにも皆様への感謝

マンガでわかるWebデザインの執筆を続けてこられたのは、noteやツイッターで応援してくださった皆様、出版社の方々のおかげです。
例えば極端な話、世界に私一人しかいなくて、その状態でこのコンテンツを続けて来れたかというと、答えはNOです。
「わかりやすい!」「次回楽しみにしてるね!」
皆様が返してくれる温かいコメントのおかげで、今までやってこれました。本当にありがとうございます。

そして、この記事を読んでくださった方へ

よかったらお友達になりましょう(ソワソワ
お気軽にフォローしてくださいね!フォロバ希望の際は声かけてください!24時間以内にフォロバします!

お気軽にフォローしてね!フォロバ希望の際は声かけてくだされば24時間以内にフォロバします #フォロバ #相互フォロー

— マンガでわかるWebデザイン+Git (@webdesignManga) March 21, 2016


追記:ついに発売しました!

「わかばちゃんと学ぶWebサイト制作の基本」 出版社:C&R研究所image
アマゾン・全国の書店にて絶賛発売中です!

Webデザイン初心者のわかばちゃんの元に、謎の生命体、HTMLちゃんとCSSちゃんがやってきて…!?

「わかばちゃんと学ぶWebサイト制作の基本」
書店、アマゾンにてお迎えしてね!https://t.co/XoPs4VhPlG pic.twitter.com/B5vixRF5FG

— マンガでわかるWebデザイン+Git (@webdesignManga) June 14, 2016


マンガでわかるGit Web連載が始まりました

リクルートキャリア様のWebマガジン、「CodeIQ Magazine」にて、マンガでわかるGitを連載することになりました。
HTMLちゃんたちのおかげで、Webページ制作に慣れてきたわかばちゃん。
意気揚々とWeb系のゼミに入ったものの、なんだか変な人ばかり…!?
(わかばちゃんの家に、言語たちが居候していることは、まだゼミのメンバーには内緒!)

→マンガでわかるGit 連載一覧を見る

【連載】昨日アップしたマンガです!
マンガでわかるGit 第3話「リポジトリとは?作ってみよう」|CodeIQ MAGAZINE

続きはこちらから読めるよ→ https://t.co/BHoLK4s5zU @codeiqさんから pic.twitter.com/Mol24Ea7iE

— 湊川@マンガでわかるGit 連載中 (@llminatoll) June 16, 2016

ではでは!

The following two tabs change content below.
llminatoll
絵を描くWebデザイナー。 2014年6月からnoteに個人で「マンガでわかるWebデザイン」を投稿。 出版社様よりお声がけいただき、初の著書「わかばちゃんと学ぶWebサイト制作の基本」を出版。 Amazonで試し読みできます→ http://www.amazon.co.jp/dp/4863541945 noteアカウント https://note.mu/llminatoll ツイッターアカウント https://twitter.com/llminatoll

あわせて読みたい