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
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
kekke_n
1
420
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
620
Digitization部 紹介資料
sansan33
PRO
1
6.8k
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.3k
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
2
200
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
maaaato
0
130
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3.9k
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
290
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
150
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
n11sh1
0
140
OpenShiftでllm-dを動かそう!
jpishikawa
0
110
量子クラウドサービスの裏側 〜Deep Dive into OQTOPUS〜
oqtopus
0
120
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Automating Front-end Workflow
addyosmani
1371
200k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
780
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
430
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Chasing Engaging Ingredients in Design
codingconduct
0
110
Designing Experiences People Love
moore
144
24k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
170
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
270
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 引用した資料