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.8k
お絵かきとScrapbox / Painting and Scrapbox
castaneai
0
770
PHPでもTraceがしたい!! / Introduction of OpenCensus for PHP
castaneai
0
1.9k
Other Decks in Technology
See All in Technology
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
100
Observability infrastructure behind the trillion-messages scale Kafka platform
lycorptech_jp
PRO
0
140
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
180
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
3
1.3k
rubygem開発で鍛える設計力
joker1007
2
210
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
190
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.3k
~宇宙最速~2025年AWS Summit レポート
satodesu
1
1.9k
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
840
AIのAIによるAIのための出力評価と改善
chocoyama
2
560
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
900
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
5
3.4k
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
329
21k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
KATA
mclloyd
29
14k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
930
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.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 引用した資料