Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
自己紹介と、環境と、Scrapboxのすすめ / engineer_ekaki self-in...
Search
castaneai
February 02, 2020
Technology
1
2k
自己紹介と、環境と、Scrapboxのすすめ / engineer_ekaki self-introduction
エンジニア絵描きの会 #01
https://engineer-ekaki.connpass.com/event/161633/
での発表資料です。
castaneai
February 02, 2020
Tweet
Share
More Decks by castaneai
See All by castaneai
Cloud Gaming Platform with Go
castaneai
2
2.9k
お絵かきとScrapbox / Painting and Scrapbox
castaneai
0
840
PHPでもTraceがしたい!! / Introduction of OpenCensus for PHP
castaneai
0
2k
Other Decks in Technology
See All in Technology
AIエージェントのメモリについて
shibuiwilliam
0
340
GitHub Copilot CLI を使いやすくしよう
tsubakimoto_s
0
190
React 19時代のコンポーネント設計ベストプラクティス
uhyo
17
5.9k
#23 Turing × atmaCup 2nd 6th Place Solution + 取り組み方紹介
yumizu
0
150
バイブコーディングで作ったものを紹介
tatsuya1970
0
150
新規事業開発でのAWS活用
amixedcolor
1
180
1,000 にも届く AWS Organizations 組織のポリシー運用をちゃんとしたい、という話
kazzpapa3
1
270
「データの価値を、みんなの武器に。」Data Enablementの価値とツラみ
ryoskdara_
1
120
プロダクト開発の品質を守るAIコードレビュー:事例に見る導入ポイント
moongift
PRO
1
120
『誰の責任?』で揉めるのをやめて、エラーバジェットで判断するようにした ~感情論をデータで終わらせる、PMとエンジニアの意思決定プロセス~
coconala_engineer
0
1.4k
あすけん_Developers_Summit_2026_-_Vibe_Coding起点での新機能開発で__あすけん_が乗り越えた壁.pdf
iwahiro
0
160
意外と知ってそうでしらない、Reserved Instances の世界
mappie_kochi
0
170
Featured
See All Featured
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
130
Product Roadmaps are Hard
iamctodd
PRO
55
12k
The untapped power of vector embeddings
frankvandijk
2
1.6k
The agentic SEO stack - context over prompts
schlessera
0
660
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
270
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
New Earth Scene 8
popppiees
1
1.6k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
89
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
150
Abbi's Birthday
coloredviolet
2
4.9k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
67
37k
Transcript
エンジニア絵描きの会 #01 castaneai
• 自己紹介 • 環境紹介 • 絵のスキルが役に立ったこと • 便利サービス紹介 Agenda
自己紹介
@castaneai GitHub castaneai Twitter castanea https://castaneai.dev • Software Engineer
• ゲームのサーバーやさん
書いた同人誌 技術書典6 技術書典7
なぜ絵をかきはじめたのか アニメに影響された (2017年春)
なぜ絵をかきはじめたのか 気づいたら 買ってた
お絵かき 環境紹介 (2020年2月現在)
• iPad Pro • CLIP STUDIO 以上!
• 実質液タブ • 優秀なタッチ機能 • 持ち運び可能 • USB-C 1本完結 iPad
Pro
• 2,800円/年 (ひと月あたり240円) • JetBrainsの1製品 より安い!!! CLIP STUDIO PAINT for
iPad
もちろん完璧ではない PC+ペンタブの方が便利な場面もある …がとにかく考えることが少なくて済む 「とりあえずiPadとクリスタ買っとけ」ができる iPad Pro + クリスタ
エンジニアだけど 絵のスキルが 役に立ったこと
一人で 挿絵つきの 本が作れる
お堅い内容の本でも 挿絵があると…
イラストレーターさんに依 頼する場合 自分で描く場合 gRPCのLoad Balancing の挿絵を描いていただきたいの ですが… gRPC…??? Load Balancing…???
いきなり 描ける Load Balancingというのは… (以下長文)
便利サービス紹介 (Scrapbox)
単語を簡単につなげられる Wikiのようなもの
絵に関する知識を 全部つっこむ!!! ツールの使い方 参考資料 パーツごとの 描き方 失敗例 絵に関する 考え方
他ページへの リンク
このページにlinkしてる他 のページ達
Scrapboxの楽しさ 具体と抽象をつなぐ エンジニアの 得意分野では??
肌色の大部分を 陰にするとプロっぽい 単純な陰で立体的な 表現をする方法
肌色の大部分を 陰にするとプロっぽい 光と影の 関係性 単純な陰で立体的な 表現をする方法
肌色の大部分を 陰にするとプロっぽい 光と影の 関係性 単純な陰で立体的な 表現をする方法 具体例 具体例 抽象
光と影の 関係性 抽象 具体例 具体例 具体例 具体例
Scrapboxの楽しさ 表記ゆれに強い あいまい性の許容 ユビキタス言語 はなくてもOK
影?陰?
影 影と陰の違い 陰 リンクをたどれば 両方わかる
影 影と陰の違い 陰 ハイライト 合成モード ソフトライト 意外なつながりに 出会えることも 髪の塗り方
下描き 片方の単語しか 思い出せなくてもOK 2 hopで他の ページへもつながる
あとからタイトルを変えてもよい安心感
次々と絵の知識がつながっていく快感!!
• アニメに影響されて絵を描き始めた • iPad Pro + クリスタ 良いです!! • 絵描きエンジニアにはScrapboxが
超絶おすすめ まとめ
よろしければ followおねがいします! Twitter: @castanea Thank you for listening!!
• 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 引用した資料