$30 off During Our Annual Pro Sale. View Details »

自己紹介と、環境と、Scrapboxのすすめ / engineer_ekaki self-introduction

castaneai
February 02, 2020

自己紹介と、環境と、Scrapboxのすすめ / engineer_ekaki self-introduction

エンジニア絵描きの会 #01 https://engineer-ekaki.connpass.com/event/161633/ での発表資料です。

castaneai

February 02, 2020
Tweet

More Decks by castaneai

Other Decks in Technology

Transcript

  1. エンジニア絵描きの会 #01
     castaneai

    View Slide

  2. ● 自己紹介
    ● 環境紹介
    ● 絵のスキルが役に立ったこと
    ● 便利サービス紹介
    Agenda

    View Slide

  3. 自己紹介

    View Slide

  4. @castaneai

    GitHub castaneai

    Twitter castanea
    https://castaneai.dev


    ● Software Engineer

    ● ゲームのサーバーやさん


    View Slide

  5. 書いた同人誌
    技術書典6 技術書典7

    View Slide

  6. なぜ絵をかきはじめたのか
    アニメに影響された (2017年春)

    View Slide

  7. なぜ絵をかきはじめたのか
    気づいたら
    買ってた

    View Slide

  8. お絵かき
    環境紹介
    (2020年2月現在)

    View Slide

  9. ● iPad Pro
    ● CLIP STUDIO
    以上!

    View Slide

  10. ● 実質液タブ
    ● 優秀なタッチ機能
    ● 持ち運び可能
    ● USB-C 1本完結
    iPad Pro

    View Slide

  11. ● 2,800円/年
    (ひと月あたり240円)
    ● JetBrainsの1製品
    より安い!!!
    CLIP STUDIO PAINT for iPad

    View Slide

  12. もちろん完璧ではない
    PC+ペンタブの方が便利な場面もある
    …がとにかく考えることが少なくて済む
    「とりあえずiPadとクリスタ買っとけ」ができる
    iPad Pro + クリスタ

    View Slide

  13. エンジニアだけど
    絵のスキルが
    役に立ったこと

    View Slide

  14. 一人で
    挿絵つきの
    本が作れる

    View Slide

  15. お堅い内容の本でも
    挿絵があると…

    View Slide

  16. イラストレーターさんに依
    頼する場合
    自分で描く場合
    gRPCのLoad Balancing
    の挿絵を描いていただきたいの
    ですが…
    gRPC…???
    Load Balancing…???
    いきなり
    描ける
    Load Balancingというのは…
    (以下長文)

    View Slide

  17. 便利サービス紹介
    (Scrapbox)

    View Slide

  18. 単語を簡単につなげられる
    Wikiのようなもの

    View Slide

  19. 絵に関する知識を
    全部つっこむ!!!
    ツールの使い方
    参考資料
    パーツごとの
    描き方
    失敗例
    絵に関する
    考え方

    View Slide

  20. 他ページへの
    リンク

    View Slide

  21. このページにlinkしてる他
    のページ達

    View Slide

  22. Scrapboxの楽しさ
    具体と抽象をつなぐ
    エンジニアの
    得意分野では??

    View Slide

  23. 肌色の大部分を
    陰にするとプロっぽい
    単純な陰で立体的な
    表現をする方法

    View Slide

  24. 肌色の大部分を
    陰にするとプロっぽい
    光と影の
    関係性
    単純な陰で立体的な
    表現をする方法

    View Slide

  25. 肌色の大部分を
    陰にするとプロっぽい
    光と影の
    関係性
    単純な陰で立体的な
    表現をする方法
    具体例
    具体例
    抽象

    View Slide

  26. 光と影の
    関係性
    抽象 具体例
    具体例
    具体例
    具体例

    View Slide

  27. Scrapboxの楽しさ
    表記ゆれに強い
    あいまい性の許容
    ユビキタス言語
    はなくてもOK

    View Slide

  28. 影?陰?

    View Slide


  29. 影と陰の違い

    リンクをたどれば
    両方わかる

    View Slide


  30. 影と陰の違い
    陰 ハイライト
    合成モード
    ソフトライト
    意外なつながりに
    出会えることも
    髪の塗り方

    View Slide

  31. 下描き
    片方の単語しか
    思い出せなくてもOK
    2 hopで他の
    ページへもつながる

    View Slide

  32. あとからタイトルを変えてもよい安心感

    View Slide

  33. 次々と絵の知識がつながっていく快感!!

    View Slide

  34. ● アニメに影響されて絵を描き始めた
    ● iPad Pro + クリスタ 良いです!!
    ● 絵描きエンジニアにはScrapboxが
    超絶おすすめ
    まとめ

    View Slide

  35. よろしければ

    followおねがいします!


    Twitter: @castanea

    Thank you for listening!!


    View Slide

  36. ● https://twitter.com/MasuyamaOsamu/status/1161901875526066176
    ● https://www.pixiv.net/en/artworks/48242074
    ● https://twitter.com/kishibe_/status/1002202124770467842
    ● https://twitter.com/sadaji_art/status/1001054547026919424
    引用した資料

    View Slide