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
440
Processing.jsによるデータの可視化と生成的表現
tado
1
1.8k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
360
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.3k
TumblrでWebサイトを作成
tado
0
710
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
DB 醬,嗨!哪泥嘎斯基?
line_developers_tw
PRO
0
150
kotlin-lsp を Emacs で使えるようにしてみた / use kotlin-lsp in Emacs
nabeo
0
150
In Praise of "Normal" Engineers (LDX3)
charity
1
770
ユーザーのプロフィールデータを活用した推薦精度向上の取り組み
yudai00
0
290
ゆるSRE #11 LT
okaru
1
590
基調講演: 生成AIを活用したアプリケーションの開発手法とは?
asei
1
130
doda開発 生成AI元年宣言!自家製AIエージェントから始める生産性改革 / doda Development Declaration of the First Year of Generated AI! Productivity Reforms Starting with Home-grown AI Agents
techtekt
0
130
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
2.1k
RubyOnRailsOnDevin+α / DevinMeetupJapan#2
ginkouno
0
310
評価の納得感を2段階高める「構造化フィードバック」
aloerina
1
160
AIエージェントの継続的改善のためオブザーバビリティ
pharma_x_tech
6
1.1k
AWS全冠したので振りかえってみる
tajimon
0
140
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
900
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
480
Making the Leap to Tech Lead
cromwellryan
134
9.3k
KATA
mclloyd
29
14k
Bash Introduction
62gerente
614
210k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Practical Orchestrator
shlominoach
188
11k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
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͢ΔͱɺϖʔδʹϦϯΫ͕Ճ͞Ε͍ͯΔͣʂ
ࠓ͜͜·Ͱʂ