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
450
Processing.jsによるデータの可視化と生成的表現
tado
1
1.8k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
370
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.3k
TumblrでWebサイトを作成
tado
0
720
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
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
BtoBプロダクト開発の深層
16bitidol
0
140
Azure SynapseからAzure Databricksへ 移行してわかった新時代のコスト問題!?
databricksjapan
0
110
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
240
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
750
バイブコーディングと継続的デプロイメント
nwiizo
2
360
about #74462 go/token#FileSet
tomtwinkle
1
260
AI時代だからこそ考える、僕らが本当につくりたいスクラムチーム / A Scrum Team we really want to create in this AI era
takaking22
1
160
組織観点からIAM Identity CenterとIAMの設計を考える
nrinetcom
PRO
1
130
Sidekiq その前に:Webアプリケーションにおける非同期ジョブ設計原則
morihirok
17
6.4k
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
po3rin
2
210
Tomorrow graphlib, Let us use everybody
hayaosuzuki
0
150
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Statistics for Hackers
jakevdp
799
220k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Practical Orchestrator
shlominoach
190
11k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Language of Interfaces
destraynor
162
25k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Automating Front-end Workflow
addyosmani
1371
200k
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͢ΔͱɺϖʔδʹϦϯΫ͕Ճ͞Ε͍ͯΔͣʂ
ࠓ͜͜·Ͱʂ