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
Processing.js入門
Search
Atsushi Tadokoro
May 22, 2014
Technology
0
2k
Processing.js入門
Atsushi Tadokoro
May 22, 2014
Tweet
Share
More Decks by Atsushi Tadokoro
See All by Atsushi Tadokoro
デザイン言語総合講座 - クリエイティブ・コーディング
tado
0
2.7k
Tumblrを使う4 - Webサイトを構成する、固定ページとタグ
tado
0
1.8k
Tumblrを使う3- カスタムHTMLテーマの作成
tado
0
450
Processing.jsによるデータの可視化と生成的表現
tado
1
1.8k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
370
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.3k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
tado
0
1.6k
TumblrでWebサイトを作成
tado
0
720
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.2k
Other Decks in Technology
See All in Technology
stupid jj tricks
indirect
0
7.6k
AI時代だからこそ考える、僕らが本当につくりたいスクラムチーム / A Scrum Team we really want to create in this AI era
takaking22
1
160
AIが書いたコードをAIが検証する!自律的なモバイルアプリ開発の実現
henteko
1
240
Go Conference 2025: GoのinterfaceとGenericsの内部構造と進化 / Go type system internals
ryokotmng
3
540
「技術負債にならない・間違えない」 権限管理の設計と実装
naro143
33
9.8k
SOC2取得の全体像
shonansurvivors
1
340
データエンジニアがこの先生きのこるには...?
10xinc
0
410
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
flatt_security
0
290
Findy Team+のSOC2取得までの道のり
rvirus0817
0
240
あなたのWebサービスはAIに自動テストしてもらえる?アクセシビリティツリーで読み解く、AIの『視点』
yusukeiwaki
1
3.4k
バイブコーディングと継続的デプロイメント
nwiizo
2
360
#普通の文系サラリーマンチャレンジ 自分でアプリ開発と電子工作を続けたら人生が変わった
tatsuya1970
0
840
Featured
See All Featured
Balancing Empowerment & Direction
lara
4
670
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Docker and Python
trallard
46
3.6k
Done Done
chrislema
185
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
The World Runs on Bad Software
bkeepers
PRO
71
11k
What's in a price? How to price your products and services
michaelherold
246
12k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Building an army of robots
kneath
306
46k
We Have a Design System, Now What?
morganepeng
53
7.8k
Transcript
ใฤू 8FC 1SPDFTTJOHKTΛ͏ ݄ ౦ژज़େֶܳज़ใηϯλʔ ".$ ୲ɿాॴ३
ࠓͷ༰ ‣ ͍Α͍Α8FCϒϥβΛ༻͍ͯɺಈతͳදݱʹઓ ! ‣ 1SPDFTTJOHKTͱ͍͏։ൃڥΛհ ‣ 1SPDFTTJOHKT1SPDFTTJOHͷ+BWB4DJSQU൛ ‣ 1SPDFTTJOHͷจ๏Ͱɺ)5.-
$BOWBT ʹඳը ‣ 1SPDFTTJOHͬͯԿ
1SPDFTTJOHͱ
1SPDFTTJOHͱʁ ‣ 1SPDFTTJOHJTBQSPHSBNNJOHMBOHVBHF EFWFMPQNFOUFOWJSPONFOU BOE POMJOFDPNNVOJUZ4JODF 1SPDFTTJOHIBTQSPNPUFETPGUXBSF MJUFSBDZXJUIJOUIFWJTVBMBSUTBOEWJTVBMMJUFSBDZXJUIJOUFDIOPMPHZ *OJUJBMMZDSFBUFEUPTFSWFBTBTPGUXBSFTLFUDICPPLBOEUPUFBDI DPNQVUFSQSPHSBNNJOHGVOEBNFOUBMTXJUIJOBWJTVBMDPOUFYU
1SPDFTTJOHFWPMWFEJOUPBEFWFMPQNFOUUPPMGPSQSPGFTTJPOBMT5PEBZ UIFSFBSFUFOTPGUIPVTBOETPGTUVEFOUT BSUJTUT EFTJHOFST SFTFBSDIFST BOEIPCCZJTUTXIPVTF1SPDFTTJOHGPSMFBSOJOH QSPUPUZQJOH BOEQSPEVDUJPO
1SPDFTTJOHͱʁ ‣ IUUQQSPDFTTJOHPSH
1SPDFTTJOHੜͷྺ࢙ ‣ %FTJHOCZ/VNCFST+PIO.BFEB .*5.FEJB-BC ‣ IUUQECONFEJBNJUFEV ‣ 1SPDFTTJOHͷઌ
1SPDFTTJOHੜͷྺ࢙ ‣ .*5.FEJB-BCͰ+PIO.BFEBͷത࢜՝ఔͷֶੜͩͬͨ#FO'SZͱ$BTFZ 3FBTʹΑΓ1SPDFTTJOH͕ੜΈͩ͞Εͨ ‣ ͦͷޙόʔδϣϯΞοϓΛॏͶͯݱࡏͷόʔδϣϯ ‣ +BWBΛϕʔεʹͨ͠ΫϩεϓϥοτϑΥʔϜ
‣ .BD049 8JOEPXT -JOVY൛
1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ·ͣىಈͯ͠ΈΔ ‣ 1SPDFTTJOHͷىಈը໘
1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ϝχϡʔͷղઆ ‣ ૢ࡞ํ๏ ! ‣ ઌि ૉͷ +BWBTDJSQUͰهड़ͨ͠ܗଶͷඳըΛ1SPDFTTJOHKTͰॻ͍ͯΈΔ
1SPDFTTJOHʹ৮ΕͯΈΔ ‣ ҎԼͷίʔυΛهೖ size(640, 480); //640x480pixelͷը໘Λੜ background(31); //എܠ৭ fill(31,127,255); //ృΓͷ৭
stroke(255); //ઢͷ৭ point(300, 200); //(300,200)ͷॴʹΛඳ͘ line(50, 100, 400, 300); //(50,100)ͷ͔Β(400,300)ͷઢΛҾ͘ rect(400, 100, 100, 300); //(400,100)ͷ͔Βɺ෯100ɺߴ͞300ͷ࢛֯ܗΛඳ͘ ellipse(200, 340, 300, 200); //(200,340)ͷΛத৺ʹɺ෯300ɺߴ͞200ͷପԁΛඳ͘
1SPDFTTJOHʹ৮ΕͯΈΔ ‣ +BWBTDJSQUϞʔυʹ࣮ͯ͠ߦˠ8FCϒϥβͰදࣔ ‣ ͱͬͯ؆୯