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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Atsushi Tadokoro
June 12, 2014
Technology
1.6k
0
Share
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
460
Processing.jsによるデータの可視化と生成的表現
tado
1
1.9k
Tumblrを使う2 - テーマをカスタマイズする
tado
0
380
Touchéの仕組みを理解 - ProcessingとArduinoの連携
tado
0
2.4k
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
最新技術を"今は選ばない"という技術選定
leveragestech
PRO
0
340
ルール・ロール・ツールを創る / Creating Rules, Roles and Tools
ks91
PRO
0
140
いつの間にかデータエンジニア以外の業務も増えていたけど、意外と経験が役に立ってる
zozotech
PRO
0
740
その英語学習、AWSで代替できませんか?
suzutatsu
1
170
SpeechTranscriber + AIによる文字起こし機能
kazuki1220
0
120
Databricks 月刊サービスアップデートまとめ 2026年04月号
tyosi1212
0
140
Pythonでベイズモデリング
soogie
0
160
Terragrunt x Snowflake + dbt で作るマルチテナントなデータ基盤構築プラットフォーム
gak_t12
0
510
AIAgentと取り組むKaggle
508shuto
2
470
How to learn AWS Well-Architected with AWS BuilderCards: Security Edition
coosuke
PRO
0
190
AWS運用におけるAI Agent活用術 / JAWS-UG 神戸 #11 LT大会
genda
1
320
TypeScriptとAngular Signal で実現する保守性の高いアプリケーション設計 - 3層アーキテクチャによる責務分離の実践(たつかわ) https://2026.tskaigi.org/talks/10
nealle
1
120
Featured
See All Featured
Balancing Empowerment & Direction
lara
6
1.1k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
220
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The SEO identity crisis: Don't let AI make you average
varn
0
460
What's in a price? How to price your products and services
michaelherold
247
13k
How Software Deployment tools have changed in the past 20 years
geshan
0
33k
Test your architecture with Archunit
thirion
1
2.2k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
140
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
54k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
910
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͢ΔͱɺϖʔδʹϦϯΫ͕Ճ͞Ε͍ͯΔͣʂ
ࠓ͜͜·Ͱʂ