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
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
Search
Atsushi Tadokoro
June 12, 2014
Technology
1.6k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
Atsushi Tadokoro
June 12, 2014
More Decks by Atsushi Tadokoro
See All by Atsushi Tadokoro
デザイン言語総合講座 - クリエイティブ・コーディング
tado
0
2.8k
Tumblrを使う4 - Webサイトを構成する、固定ページとタグ
tado
0
1.8k
Tumblrを使う3- カスタムHTMLテーマの作成
tado
0
470
Processing.jsによるデータの可視化と生成的表現
tado
1
1.9k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
380
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.4k
TumblrでWebサイトを作成
tado
0
730
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.3k
Webサーバーの準備 - Github PagesでWebサイト開設
tado
0
1.5k
Other Decks in Technology
See All in Technology
MIRU 2026 チュートリアル
keisuke198619
0
910
Flutterをカメラで動かしたかった話
sony
1
140
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.2k
サイバー捜査員研修(前半)
nomizone
1
2k
[ChatGPT Work LT]事務作業が苦手な人のための バックオフィスの「半」自動化
chimaki_iot
0
280
Software Supply Chain Attackからクラウド環境を守るためにできること
lhazy
2
250
TypeScript入門 2026
recruitengineers
PRO
3
570
ガバメントクラウドでのランサムウェア対策
techniczna
2
1.2k
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
19k
トヨタ⽣産⽅式(TPS)⼊⾨
recruitengineers
PRO
3
750
【AG-UI × A2UI × MCP Apps】Generative UIをやさしく解説する
nrinetcom
PRO
1
120
Agent 時代の Kaggle 展望 / kaggle-in-the-agentic-era
upura
1
710
Featured
See All Featured
Facilitating Awesome Meetings
lara
57
7.1k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.5k
Site-Speed That Sticks
csswizardry
13
1.4k
Navigating Team Friction
lara
192
16k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
400
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
360
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
370
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
How Software Deployment tools have changed in the past 20 years
geshan
1
34k
Skip the Path - Find Your Career Trail
mkilby
1
180
Transcript
ใฤू 8FC (JUIVC1BHFTͰ࡞Λެ։ "VUPNBUJD1BHF(FOFSBUPSͰαΠτΛੜ ݄ ౦ژज़େֶܳज़ใηϯλʔ ".$ ୲ɿాॴ३
ࠓͷ༰ ‣ (JUIVCͷ؆୯ͳ෮श ‣ 1SPDFTTJOHKTͰ࡞ͨ͠࡞Λɺ(JUIVC1BHFTʹܝࡌͯ͠ΈΔ ! ‣ (JUIVC1BHFTͷ׆༻ ‣ "VUPNBUJD1BHF(FOFSBUPSʹΑΔϖʔδࣗಈੜ
‣ .BSLEPXOॻࣜʹ͍ͭͯ
ઌिͷ෮श(JUIVC1BHFTͱ
ઌिͷ෮श(JUIVC1BHFTͱ ‣ (JUIVC1BHFTͱHJUΛར༻ͯ͠8FCαΠτΛӡ༻͢ΔΈ ‣ HJUࢄϦϙδτϦʹΑΔόʔδϣϯཧγεςϜ DPNNJU QVMM QVTI QVMM QVTI
DPNNJU
ઌिͷ෮श(JUIVC1BHFTͱ ‣ (JU)VC͕ӡ༻͢Δڞ༗ϦϙδτϦ্ʹ8FCϖʔδΛϗεςΟϯά͢Δʂ DPNNJU DPNNJU (JUIVC
(JUIVC1BHFTͰ8FCΛެ։ ‣ (JUIVC1BHFTͷઆ໌ʹͦͬͯ࡞ۀ͢Δͱɺ؆୯ʹ8FCαΠτ։ઃ͕Մೳ ‣ IUUQTQBHFTHJUIVCDPN
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ ‣ 1SPDFTTJOHKTͰ࡞ͨ͠࡞Λɺ(JUIVC1BHFTʹܝࡌͯ͠ΈΔ ‣ Γํͱͯ؆୯ ‣ ·ͣɺ1SPDFTTJOHΛىಈͯ͠+BWBTDSJQU.PEFʹ
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ ‣ ؆୯ͳεέον࡞ void setup() { size(600, 400); frameRate(60); }
! void draw() { float osc = sin(millis() / 400.0); background(0); fill(0, 127, 255); noStroke(); ellipse(width/2, height/2, osc*height, osc*height); }
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ ‣ ·ͣɺ36/ϘλϯͰී௨ʹىಈͯ͠ɺಈ࡞֬ೝ
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ ‣ ͏·࣮͘ߦͰ͖ͨΒɺʮ&YQPSUGPS8FCʯϘλϯΛԡ͢
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ ‣ ࣗಈతʹ8FC&YQPSUϑΥϧμ͕ੜ͞ΕҎԼͷϑΝΠϧ͕ੜ͞ΕΔ ‣ <εέον໊>QEF ‣ QSPDFTTJOHKT ‣ JOEFYIUNM
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ ‣ ੜ͞ΕͨͭͷϑΝΠϧΛɺ(JUIVC1BHFTͷϦϙδτϦʹ্ॻ͖ VTFSOBNFHJUIVCJP XFCFYQPSU
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ ‣ (JUIVCBQQΛىಈͯ͠ɺϦϙδτϦΛ4ZOD
1SPDFTTJOHKTΛɺ(JUIVC1BHFTʹܝࡌ ‣ VTFSOBNFHJUIVCJPʹΞΫηε ‣ ࡞ͨ͠1SPDFTTJOHKTͷϓϩάϥϜ͕ݟ͑Δͣʂ
"VUPNBUJD1BHF(FOFSBUPS
"VUPNBUJD1BHF(FOFSBUPS ‣ (JUIVC1BHFTͷϦϙδτϦʹखಈͰϖʔδΛ࡞͍͚ͯࣗ͠༝ʹϖʔδ࡞Մೳ ‣ ͜ͷ84ͷલͰͬͨํ๏ )5.- $44 ‣ 8FCϑϨʔϜϫʔΫʢ#PPUTUSBQͳͲʣ༻Մೳ
‣ ͪΐͬͱ໘ʜ
"VUPNBUJD1BHF(FOFSBUPS ‣ (JUIVC1BHFTͰɺࣗಈతʹϖʔδσβΠϯ͕ө͞ΕΔํ๏ ‣ "VUPNBUJD1BHF(FOFSBUPS ‣ σβΠϯͷςʔϚ͔Βબ͢Δͱɺ8FCϖʔδΛࣗಈੜͯ͘͠ΕΔ ‣ ϖʔδͷ༰ɺ.BSLEPXOʢˠޙड़ʣͰهड़Մೳ
"VUPNBUJD1BHF(FOFSBUPS ‣ "VUPNBUJD1BHF(FOFSBUPSΛ༗ޮʹ͢Δ ‣ ·ͣɺϦϙδτϦͷӈϝχϡʔ͔Βͷ4FUUJOHT
"VUPNBUJD1BHF(FOFSBUPS ‣ (JU)VC1BHFTͷϝχϡʔ͔Βɺ"VUPNBUJDQBHFHFOFSBUPSΛ༗ޮʹ͢Δ
"VUPNBUJD1BHF(FOFSBUPS ‣ දࢴϖʔδΛɺ(JU)VC'MBWPSFE.BSLEPXOͰهड़͢Δ
"VUPNBUJD1BHF(FOFSBUPS ‣ .BSLEPXO ‣ จॻΛهड़͢ΔͨΊͷܰྔϚʔΫΞοϓݴޠ ‣ ؆қͳϓϨʔϯςΩετͱͯ͠هड़ͨ͠จॻΛ)5.-ʹมͰ͖Δ ! ‣ (JU)VC'MBWPSFE.BSLEPXO
('. ‣ (JU)VCʹΑΔ.BSLEPXOͷ֦ு ‣ IUUQTIFMQHJUIVCDPNBSUJDMFTHJUIVCqBWPSFENBSLEPXO
"VUPNBUJD1BHF(FOFSBUPS ‣ .BSLEPXOͷྫ ݟग़͠(h1) ======= ! தݟग़͠ ----------- # େݟग़͠(h1)
## தݟग़͠(h2) ### খݟग़͠(h3) ! ஈམۭߦͰ۠ΔͱҰͭͷஈམͱ ೝࣝ͞ΕΔɻ ! ## ϦϯΫͱը૾ [ϦϯΫςΩετ](http://example.com).  ## Ϧετ ! ฒྻྻڍϦετ: * Ϧϯΰ * ΦϨϯδ * όφφ ൪߸͖ͭϦετ: 1. Ϧϯΰ 2. ΦϨϯδ 3. όφφ
"VUPNBUJD1BHF(FOFSBUPS ‣ ͜ͷ.BSLEPXOΛ)5.-ʹม͢Δͱʜ
"VUPNBUJD1BHF(FOFSBUPS ‣ $POUJOVFUPMBZPVUϘλϯΛԡͯ࣍͠ˠϨΠΞτબը໘
"VUPNBUJD1BHF(FOFSBUPS ‣ 1VCMJTIϘλϯΛԡͯ֬͠ఆ ‣ IUUQVTFSOBNFHJUIVCJPʹΞΫηεͯ͠ΈΔ
"VUPNBUJD1BHF(FOFSBUPS ‣ ඒ͘͠ϑΥʔϚοτ͞Εͨϖʔδ͕ࣗಈੜ͞Ε͍ͯΔͣʂ
"VUPNBUJD1BHF(FOFSBUPSϖʔδΛฤू
"VUPNBUJD1BHF(FOFSBUPSϖʔδΛฤू ‣ "VUPNBUJD1BHF(FOFSBUPSͰੜͨ͠ϖʔδʹɺ1SPDFTTJOHͷ࡞Λܝࡌ͢Δ ‣ ؆୯ͳํ๏ผϑΥϧμʹ8FCॻ͖ग़ͯ͠͠ɺϦϯΫ͢Δ ‣ ͬͯΈΔʂ
"VUPNBUJD1BHF(FOFSBUPSϖʔδΛฤू ‣ ·ͣɺεέονΛ8FC&YQPSU
"VUPNBUJD1BHF(FOFSBUPSϖʔδΛฤू ‣ ੜ͞ΕͨɺXFCFYQPSUϑΥϧμ͝ͱɺϦϙδτϦʹҠಈ
"VUPNBUJD1BHF(FOFSBUPSϖʔδΛฤू ‣ มߋΛ$PNNJUͯ͠4ZOD
"VUPNBUJD1BHF(FOFSBUPSϖʔδΛฤू ‣ "VUPNBUJD1BHF(FOFSBUPSͷ.BSLEPXOʹϦϯΫՃ ### Processing.jsͷϦϯΫ ! Processing.jsͰ࡞ͨ͠࡞ͷϖʔδϔϦϯΫΛషΔ͜ͱ͕Ͱ͖Δ͔ͷ࣮ݧɻ ! * [Processingͷϖʔδͪ͜Β](web-export/index.html)
"VUPNBUJD1BHF(FOFSBUPSϖʔδΛฤू ‣ ςʔϚΛ࠶બ͠1VCMJTI͢ΔͱɺϖʔδʹϦϯΫ͕Ճ͞Ε͍ͯΔͣʂ
ࠓ͜͜·Ͱʂ