もくもく執筆会のメンバー数が300人を超えました! #techbook_meetup

もくもく執筆会 メンバー数300人記念

こんにちは、フリーランスでWeb制作、技術書執筆、漫画家をやっております湊川(みなとがわ)あいです。

この度、コミュニティ 『もくもく執筆会』 のメンバー数が、300人を超えました!

ワーワーパチパチ!

もくもく執筆会とは

「本を書きたいけど、ひとりだとなかなか進まない」

せっかくだったら、みんなで集まって、もくもく執筆しませんか?

このイベントは、商業誌・同人誌(書籍など)の原稿だけにとどまらず、勉強会の発表資料、ブログ、プログラム、Web ページなどなど、著作物をもくもく作る執筆会です。

オープニングで、どんなものを書くかをみんなに共有したら、あとは、もくもく。 エンジニアもデザイナーもいるので、書いている文章やスライドを見せて相談しあうこともできます。

主催メンバー

私、湊川あいと、Swiftエンジニアの熊谷さんの2人で、2017年から毎月開催しています。
会場は、関東を中心に、様々な企業様のご厚意でお借りしています。
関西在住のエンジニアからも「参加したい」という声を多数いただき、関東を飛び出して、京都で開催したこともあります。

今までの風景(Togetter)

気になった方はぜひお気軽にお越しくださいね。

開催スケジュール、メンバー登録ページはこちらからどうぞ!

もくもく執筆会 connpassトップページ

初めてでも大丈夫!Tech系Podcastに出てみませんか?

こんばんは。フリーランスWebデザイナー・マンガ家・技術書執筆をしております湊川あいです。
しがないラジオ Advent Calendar 2017 22日目を担当します。

しがないラジオとは?

「SIerのSEからWeb系に転職したんだが楽しくて仕方がないラジオ」
略して「しがないラジオ」。

https://shiganai.org/

gamiさんとzuckeyさんによるTech系Podcastです。

Tech系Podcastって、出られるの?

結論からいうと、出られます。

元SIerでもないしエンジニアでもないんだけど大丈夫?

はい、私のことです。
(SIerでもないしWebデザイナー)

Web系、というか技術系の話題に対して熱量を持っていれば、そして何よりもリスナーであれば、パーソナリティーのお二人は大歓迎だと思います。

Tech系Podcastにゲスト出演する経緯

私の場合は、まずそのPodcastのリスナーであるところから始まりました。

私はSIerの世界はほとんど知らないので、単純に興味深く聞いていたのですが
ある時、「LT Lovers」というLTを詰め込みまくるイベントにて、zuckeyさんと遭遇!

私 「しがないラジオの人ですよね!?」
zuckeyさん 「湊川さんですよね!?」

かくして、ゲスト出演が決定したのです。

実際のPodcast

sp.7a【ゲスト: llminatoll】楽しい!スキルの組み合わせで仕事を作る話

mww07_shiganaiA_001.png (73.5 kB)

sp.7b【ゲスト: llminatoll】楽しい!!みんなの学習コストを下げる話

mww07_shiganaiB.png (57.3 kB)

結果

前半・後半合わせて2時間もたっぷりと話せて、普段の登壇では話しきれないようなことも伝えられたのでとても良かったです。

これもひとえにパーソナリティーのお二人のインタビュースキルのおかげです。
お二人の朗らかな人柄のおかげで、全然緊張しませんでした。

また、ラジオ公開後、書籍「わかばちゃんと学ぶ」シリーズの読者さんをはじめとし、今までリーチしなかったようなさまざまな人に感想をいただけたのがとても嬉しかったです。

ブログやTwitterにもそのフォロワーがいるのと同じように、 Podcastにもそれぞれリスナーがいて、そのPodcastに出なければつながらなかったような人たちとつながれます。
私にとって、これは大変大きな発見でした。

Matzさんにも聴いてもらえた!

なんと、Matzさんのイベントの取材に行った時に、Matzさんから「ラジオ聞きましたよ」と言われるという出来事が発生!
https://twitter.com/llminatoll/status/908307114010931200

おわりに

いろんな可能性が広がるTech系Podcast。
ぜひみなさんもお気軽に、Tech系Podcastに出てみませんか?

ゲスト出演に興味がある!という人は、ハッシュタグ#しがないラジオをつけてつぶやくか、パーソナリティーのお二人にリプライしてみてください!!

関連リンク

あとがき

書籍「わかばちゃんと学ぶ Googleアナリティクス」の締切が12月末で絶賛アーという感じなのですが、しがないラジオにはお世話になっているのでわーっと書きました。
またちゃんとした記事も書きたいっす…。そしてまた収録参加したい…。
https://twitter.com/llminatoll/status/931862600006057985

CLIP STUDIOで技術系同人誌を作ろう! 原稿作成→データ入稿までの一連の流れを公開

技術系同人誌 Advent Calendar 2017 18日目

技術系同人誌 Advent Calendar 2017 18日目担当として、CLIP STUDIOで技術系同人誌を作るときの流れをまとめます。

はじめに

技術系同人誌というと、Re:VIEWを使って書いている方が多いと思います。
テキストメインの場合、Re:VIEWは大変便利ですが、「文字よりも図解が多い」「マンガを挟みたい」場合は「CLIP STUDIO」を使うのがオススメです。

CLIP STUDIOは、さすがマンガ制作用ソフトだけあって、図解を書きやすいですし、印刷所にラクにデータ作成・入稿できます。

今回の記事では、Webデザイナー・マンガ家・技術書執筆をしております湊川あいが、技術書同人誌を作るときどのような工程で作っているのかを共有したいと思います。

1. 環境

CLIP STUDIO PAINT EX

湊川はCLIP STUDIO PAINT EXを使っています。

CLIP STUDIOとは、マンガに特化したイラスト制作ソフトで、その使いやすさから最近だとアニメ制作にも使われています。
値段も良心的なので、いちからデジタルイラストを始めたいという人にもおすすめです。

iPad版もリリースされたようなので、iPad Proをお持ちの方はアプリ版を使うという手もありますね!

絵を書くためのデバイス

液晶タブレットかペンタブレット(板タブと呼ばれているもの)をパソコンに繋いで使います。
どの機種が合うかは個人差があるので、まずは家電量販店で試し書きしてみるのがよいでしょう。

  • 肘から動かして絵を描く人 →大きめのインチ
  • 手首だけ動かして描く人 →小さめのインチ

湊川は手首で描くタイプなので、大画面だと逆に描きづらくなってしまいます。よって、小さめの液タブWacom Cintiq 13HDを使っています。

↑こちら、Amazon上でCLIP STUDIO EX付きの割安セットも選べるので同時購入を考えている方はオススメです。

2. 仕上がりサイズとページ数を考える

CLIP STUDIO PAINT EXを立ち上げ、上部のメニューから[ファイル] > [新規]をクリックします。

ページ数を考える

仕上がりサイズをA5にするか、B5にするか決めます。
「A5ってどれくらい?」と思う方は、A4用紙を半分に折るとわかります。

A5ってこれぐらい

書籍「わかばちゃんと学ぶ」シリーズはA5です。
わかばちゃんと学ぶシリーズはA5

B5ってこれぐらい

B5は、同人誌でよくあるサイズといえば伝わりやすいでしょうか。結構大きいです。
設定資料集はB5

私は、図解解説はA5、設定資料集などの絵を大きく見せたいものはB5にしています。

ページ数を決める

ページ数は基本的に8の倍数で考えます。

  • 16ページ
  • 24ページ
  • 32ページ 
  • … 

表紙・裏表紙は別で換算します。
表紙・裏表紙は印刷用語で「表1・表2・表3・表4」の計4ページぶんになります。
表1って何?と思った方はこちら

たとえば本文24ページの冊子を作りたい場合、「本文24ページ・表紙込みで28ページ」となります。
ページ数によって印刷費が変わってくるので、印刷所さんのWebサイトをよく確認しましょう。

.cmcファイル

冊子の設定を終えると、「.cmc」という拡張子のファイルができて、こんな感じで連番でページを埋めていくことができます。
(原稿ページ管理機能はCLIP STUDIO PAINT EXだけの機能です)

ページの並び替えもドラッグ&ドロップでできてラクチン!
cmc.png (93.7 kB)

3.全体の構成を考える

どんな項目を入れるかを箇条書きで考えます。

4. プロットを考える(マンガがある場合)

全体の構成の中でも

  • そもそもの場面設定の部分(どういうキャラクターが、どういう状態にあるのか?)
  • 特に力を入れて説明したい部分

をマンガにしていきます。

5. ネームを切る

プロットをマンガに当てこんでいきます。

6. 下書き→ペン入れ

ネームに沿って下書きします。
私の場合は、下書きであることがわかるように青い線で書いています。

マンガ下書き (103.9 kB)

下書きが終わったら、下書きレイヤーの透明度を20%ぐらいに下げ、その上のレイヤーから黒い線でペン入れしていきます。

最後にベタを塗る→トーンを貼る→一番上のレイヤーにホワイトを乗せて仕上げます。

マンガ仕上げ (103.9 kB)

8. テキスト

clipst.png (105.6 kB)

フォントはそれぞれこだわりがあると思うので一概には言えませんが、私が試した中では

  • テキスト部分:F910新コミック体
  • コマンドやソースコードの部分:Osaka

がしっくりくるので、よく使っています。

9. 仕上げに、メモ書きを書き入れたりする

ここがCLIP STUDIOで技術書を作るときの一番のメリットではないかと思うのですが、このように手書きで注釈を入れることで「手書きのノート風」にできるのです。

魔王教授と学ぶGitコマンド入門より

イメージとしては、友達のノートを見ているような感じでしょうか。
CLIP STUDIOだからこそできるこのスタイル、私は結構好きです。

10.いよいよ入稿!

私が普段使っている印刷所さんはサンライズパブリケーションさんです。
対応が丁寧ですし、入稿用のWebフォームもわかりやすいです。

サンライズパブリケーションさんの会員ページはこんな感じ

kaiin.png (103.9 kB)

再版も簡単

saihan.png (46.8 kB)

入稿形式

PSDファイルで書き出して、ZIPファイルにまとめておきます。

表紙は、テンプレートが用意されているので、それに当てこみます。

サンライズ表紙テンプレート

11. サンライズさんのWebフォームからデータを送って完了です

入稿しました

早めの入稿で20%割引

サンライズ割引
ちなみにサンライズさんには「レスキュー」っていうプランもあるけど35%”割増”です。
レスキュー……。

告知:表紙イラスト担当しました

おやかたさん 編の「技術同人誌を書こう! アウトプットのススメ」の表紙と、一部文章を担当させていただきました。
Re:VIEWの使い方から印刷所の手配、当日の準備物まで網羅した、258ページを超える分厚い本になっています。

ワンストップ!技術同人誌を書こう
技術同人誌を書こう! アウトプットのススメ | 出版社:インプレスR&D

Kindle版と冊子版とがお選びいただけます。
Amazonで好評発売中!

おわりに

この記事が「CLIP STUDIOを使ったことはないけど、図解や挿絵がたくさん入った技術書を描いてみたい」という方の参考になれば幸いです。

明日はfinapさんです!よろしくお願いします。

関連リンク

GitHub・Bitbucketの使い方は、こちらの書籍で解説しています。


C4XnLc6UoAAJNrS

「わかばちゃんと学ぶGit使い方入門」

Web連載

著書

サイゼリヤミートアップの始め方

こんにちは。三度の飯よりサイゼリヤが好き、湊川あいです。
サイゼリヤ Advent Calendar 20179日目を担当します。

サイゼリヤミートアップとは?

サイゼリヤミートアップは、2017年8月9日に初めて開催されました。

当時の様子をまとめたTogetterがこちらです。

エンジニアがサイゼリヤに行くとこうなる #saizeriya_meetup – Togetter

ご覧いただければ、#saizeriya_meetupがどのようなものか大方わかっていただけるかと思います。

  • 44万PV
  • 563ブクマ
  • 2377いいね

(2017年12月9日時点)

この数値は、全国チェーンであるサイゼリヤの知名度のおかげでしょう。
やはり「みんな知ってるアレ」というのは共感を産みやすく、広がりやすいように思います。

サイゼリヤミートアップに参加したい!

サイゼリヤが好きなら今日からあなたも主催です。各地で自由に開催してください。

実際に各地で開催されている様子。

https://twitter.com/sky_y/status/894924281930436608

数人で始めた#saizeriya_meetupですが、ネットを通じて色々な場所で開催されているのは、なんだか不思議ですね。

サイゼリヤミートアップの始め方

「サイゼリヤに一緒に行けるような友達がいない」

そんな声が聞こえてきそうですが、安心してください。
私自身、東京に来てほとんど友達がいない状態からサイゼリヤ友達ができました。

そもそもの発端

サイゼリヤに一緒に行けるような友達が欲しかった。
https://twitter.com/llminatoll/status/889477177036517376

pixivのBASHさんが反応してくださいました。


めっちゃ詳しい。


やったぜ!

結果

そんなこんなで8月中に7回以上サイゼリヤに行くことになりました。

一人でランチに行ったりもしてるから多分1ヶ月で10回以上行った。

ちょまどさんとも行った!

同じ「Web系の仕事 兼 マンガ家」ということで「いつかカンファレンスなり勉強なりでお会いすることになるだろうなぁ」と思ってたら、まさかのサイゼリヤにて衝撃のはじめまして。

ファミレスでお絵かき。

学生の頃に戻ったようで、楽しい。

マンガでわかるGitの魔王教授も描いてくれました。

お互いのキャラクターを描き合う。

絵描き同士で行くサイゼリヤも、学生気分に浸れてなかなかよいですね。

一人でもできる! #saizeriya_meetup


一人でサイゼリヤに行くのも、立派な#saizeriya_meetupです。
なぜなら、毎回新しいサイゼリヤに出会うことができるから。

今日という日が二度と無いように、今、この瞬間のサイゼリヤは二度と味わえないんですよ。

HTMLちゃん

というわけで、みなさま良いサイゼリヤライフをお送りください。

湊川あいでした。

関連リンク

湊川の著書

Web連載

NARASAKIフレーバーとももいろクローバー

こんにちは、Webデザイナー 兼 技術マンガ執筆をしています湊川です。珍しく雑記です。

NARASAKI(ナラサキ)とは湊川が敬愛する作曲家であり、COALTAR OF THE DEEPERSのボーカル・ギターです。

COALTAR OF THE DEEPERS

COALTAR OF THE DEEPERSは1991年に結成されたバンドです。
日本四大シューゲイザーバンドのひとつですが、COALTAR OF THE DEEPERSにはデスメタル、エレクトロニカ、ネオアコ、ボサノバがミックスされており、異色を放っています。

20年前の曲とは思えませんね。
国内のみならず海外からも人気があるというのも頷けます。

アイドルグループへの楽曲提供

NARASAKI氏はバンド活動の傍ら、ももいろクローバーZへも楽曲を提供しています。
特に、この曲のサビのメロディーにNARASAKI色がよく出ているように思います。

COALTAR OF THE DEEPERSの曲でいうと、こちらが結構近いんじゃないでしょうか。

ここでもう一度、さっきのサビを聴いていただきたい。

NARASAKIフレーバーを感じ取っていただけるかと思います。
むしろNARASAKI氏のボーカルが重なって聴こえるような気すらします。

ももいろクローバーZの「ピンキージョーンズ」もNARASAKI氏の作曲です。

ももクロ以外にも

BABYMETALの「ヘドバンギャー!!」も、NARAMETAL名義で作曲しています。

COALTAR OF THE DEEPERSの曲でいうと、こちらがテイストとして近いでしょうか。

NARASAKI氏がデスボイスと通常ボイス、1人2役やっています。
1人で歌っているとは思えない、ボーカルの幅の広さもCOALTAR OF THE DEEPERSのおもしろさですね。

アニソンも手がける

輪るピングドラムのエンディング曲や、さよなら絶望先生のオープニング曲、はなまる幼稚園のオープニング曲・キャラクターソングなども手がけています。

楽園追放

映画「楽園追放」のメインコンポーザーとしてもNARASAKI氏はその手腕を発揮しています。
こちらのBGMもNARASAKI氏によるもの。

バリバリのエレクトロです。
DEEPERSのアルバム「Yukari Telepath」あたりのスペーシーなエレクトロ感に通じるものがあります。
楽園追放の世界観とNARASAKIの作風が見事にマッチしていますね。

アイカツ

「Signalize!」の他、「タルト・タタン」「いばらの女王」の作曲もNARASAKI氏です。

まとめ

シューゲイザー、エレクトロ、アイドル、アニソン。
まったく違うジャンルの曲でも、NARASAKI氏が作った曲は、どこかNARASAKIフレーバーが漂っている。

この「フレーバー」、音楽だけに限らないように思います。
知人にQingumさんというライターさんがいるのですが、彼女の書いた文章はどことなく彼女の香りがするのです。

「作ったものすべてに、自然とその人特有のフレーバーが漂ってしまう」
そういう人になりたいし、そのためにもどんどんアウトプットしていきたいなぁと思ったのでした。

COALTAR OF THE DEEPERSに興味を持った方は

COALTAR OF THE DEEPERSに興味を持った方はこちらからどうぞ。

湊川の著書

Web連載