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
0
1.6k
Github Pagesで作品を公開、Automatic Page Generatorでサイトを生成
Atsushi Tadokoro
June 12, 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
430
Processing.jsによるデータの可視化と生成的表現
tado
1
1.8k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
350
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.3k
TumblrでWebサイトを作成
tado
0
700
bmaw14 第2回: Touchéセンサーを使う1 Touchéセンサーを作成する
tado
0
2.2k
Webサーバーの準備 - Github PagesでWebサイト開設
tado
0
1.5k
Other Decks in Technology
See All in Technology
Tokyo dbt Meetup #13 dbtと連携するBI製品&機能ざっくり紹介
sagara
0
430
AIと開発者の共創: エージェント時代におけるAIフレンドリーなDevOpsの実践
bicstone
1
240
Spring Bootで実装とインフラをこれでもかと分離するための試み
shintanimoto
4
370
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
190
Devinで模索する AIファースト開発〜ゼロベースから始めるDevOpsの進化〜
potix2
PRO
6
2.7k
10分でわかるfreeeのQA
freee
1
12k
こんなデータマートは嫌だ。どんな? / waiwai-data-meetup-202504
shuntak
6
1.7k
“パスワードレス認証への道" ユーザー認証の変遷とパスキーの関係
ritou
1
430
AIで進化するソフトウェアテスト:mablの最新生成AI機能でQAを加速!
mfunaki
0
120
Amazon CloudWatch Application Signals ではじめるバーンレートアラーム / Burn rate alarm with Amazon CloudWatch Application Signals
ymotongpoo
5
310
Would you THINK such a demonstration interesting ?
shumpei3
1
160
7,000名規模の 人材サービス企業における プロダクト戦略・戦術と課題 / Product strategy, tactics and challenges for a 7,000-employee staffing company
techtekt
0
260
Featured
See All Featured
Code Review Best Practice
trishagee
67
18k
Statistics for Hackers
jakevdp
798
220k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k
For a Future-Friendly Web
brad_frost
176
9.7k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Cult of Friendly URLs
andyhume
78
6.3k
Producing Creativity
orderedlist
PRO
344
40k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
Fireside Chat
paigeccino
37
3.4k
Designing for humans not robots
tammielis
252
25k
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͢ΔͱɺϖʔδʹϦϯΫ͕Ճ͞Ε͍ͯΔͣʂ
ࠓ͜͜·Ͱʂ