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
1.9k
自己紹介と、環境と、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
800
PHPでもTraceがしたい!! / Introduction of OpenCensus for PHP
castaneai
0
1.9k
Other Decks in Technology
See All in Technology
AI時代こそ求められる設計力- AWSクラウドデザインパターン3選で信頼性と拡張性を高める-
kenichirokimura
3
310
GoでもGUIアプリを作りたい!
kworkdev
PRO
0
140
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
450
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
200
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
2
530
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
160
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
3
1.4k
オープンソースでどこまでできる?フォーマル検証チャレンジ
msyksphinz
0
130
なぜAWSを活かしきれないのか?技術と組織への処方箋
nrinetcom
PRO
4
870
AWS Top Engineer、浮いてませんか? / As an AWS Top Engineer, Are You Out of Place?
yuj1osm
2
210
速習AGENTS.md:5分で精度を上げる "3ブロック" テンプレ
ismk
6
1.4k
綺麗なデータマートをつくろう_データ整備を前向きに考える会 / Let's create clean data mart
brainpadpr
3
510
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Side Projects
sachag
455
43k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
4 Signs Your Business is Dying
shpigford
185
22k
Done Done
chrislema
185
16k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
For a Future-Friendly Web
brad_frost
180
9.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
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 引用した資料