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
都会生まれのクリエイターが海に興味をもったはなし
Search
アイ@旅するイルカちゃん
March 08, 2019
Design
0
2.1k
都会生まれのクリエイターが海に興味をもったはなし
2019年3月8日に開催された「海辺の環境教育フォーラム」のフリー分科会でお話したスライドです。
アイ@旅するイルカちゃん
March 08, 2019
Tweet
Share
More Decks by アイ@旅するイルカちゃん
See All by アイ@旅するイルカちゃん
「タブレットファーストになってない!」から始まったWebサイトのリニューアル・運用で伝えたいこと
bluefieldnet
3
1.9k
配色アイデアについて【BlueFieldnet】
bluefieldnet
0
970
ダイビング100本潜って 世界が変わったこと
bluefieldnet
1
1k
フリーランス海好きWebクリエイターによる 人生を本気で変えた水族館の魅力
bluefieldnet
1
820
Other Decks in Design
See All in Design
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
130
今日から意識できるアクセシビリティ
fumiko
0
240
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
160
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
710
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
460
AIで加速するアクセシビリティのこれから
magi1125
3
530
Crisp Code inc. ブランドガイドライン
so_kotani
1
180
Liquid Iron
mcduckyart
1
110
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.6k
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.8k
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Faster Mobile Websites
deanohume
307
31k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Writing Fast Ruby
sferik
628
61k
How STYLIGHT went responsive
nonsquared
100
5.6k
KATA
mclloyd
29
14k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Docker and Python
trallard
44
3.4k
Scaling GitHub
holman
459
140k
Designing for humans not robots
tammielis
253
25k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
790
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Transcript
ձੜ·ΕͷΫϦΤΠλʔ͕ ւʹڵຯΛͬͨͳ͠ ΦΩΰϯυ λΠτϧͱ༰͕େ͖͘มΘΓ·ͨ͠ʢসʣ
ࣗݾհʢ͓લ୭ͶΜʀসʣ ࣄۀհʢԿΛͬͯΔਓʁʣ ւลͷڥڭҭϑΥʔϥϜࢀՃಈػ ͋Δࢥ͍ɻɻɻ ؔͷւਫؗͷͳ͠ ւ༸ੜͷΠϥετάοζͷհ ͘͡ ձੜ·ΕͷΫϦΤΠλʔ͕ւʹڵຯΛͬͨͳ͠
ࣗݾհɾࣄۀհ
海洋生物(特にイルカ) 大好き♪ ੜଉେࡕɺՆʹϑϦʔϥϯεͰ ಠཱ͠ɺ8FCɾ%51σβΠϯϥΠςΟϯά ͳͲɺ*5Λ׆༻͓͠ࣄΛ͍ͯ͠·͢ɻ ΩλϜϥΞΠʢΩλϜϥˋʣ ւΛѪ͢ΔΫϦΤΠςΟϒσβΠφʔ ւ༸ੜઐΠϥετϨʔλʔ ࣗݾհ ژࠧեܳज़େֶͰΞʔτˍσβΠϯΛֶͼ
৭࠼ɾ৭ΞΠσΞͰσʔλੳɺັྗΛҾ ͖ग़͢͜ͱ͕ಘҙͰ͢ɻ
αʔϏεհ σβΠϯʢ8FCɾ%51ɾΠϥετʣ େࡕΛڌʹւํΛѪ͢Δશͯͷํ ະདྷΛܨ͗͢ΔΫϦΤΠςΟϒ ৭ΞΠσΞͱੳΛ׆͔ͨ͠σβΠϯΛఏڙ
αʔϏεհ ՄѪͯ͘Χϥϑϧͳւ༸ੜΛͬͱۙʹ ίϯηϓτʹͨܵ͠ྨʢΫδϥɾΠϧΧɾγϟνʣ ւ༸ੜʢδϯϕΤβϝͳͲʣͷΠϥετάοζհ ਫؗϨϙμΠϏϯάϩάͳͲهࡌ͍ͯ͠·͢ɻ
ΫϦΤΠλʔͷଞʹ େࡕͰΫϦΤΠλʔΪϧυʹॴଐ͠ɺΫϦΤΠλʔϑϦʔϥϯε͚ͷ ΠϕϯτɺަྲྀձܥͷΠϕϯτΛଟ͘։࠵ɺӡӦ͍ͯ͠·͢ɻ ଞʹ৭ʑӡӦʹؔΘ͍ͬͯΔٕज़ܥͷΠϕϯτ͋Γ·͢ ʢւؔͰ͋Γ·ͤΜʀʣ
׆ಈཧ೦ʹ͍ͭͯ ΧϥϑϧͳະདྷΛ͢Δ ݩʑҾͬࠐΈࢥҊͩͬͨʢʣ ΠϯλʔωοτΛ௨ͯࣗ͠ͷ͜ͱΛൃ৴͢Δ ͜ͱΛֶͼɺಓʹൃ৴͍ͯ͘͜͠ͱͰ ʮੈք͍ʯͱؾ͖ͮ ࣍ୈʹΓ͍ͨ͜ͱ͍ͨ͜͠ͱʹܨ͕ͬͨ ະདྷΛඳ͘ΩϟϯόεΛ৭͢Δ ֆΛඳ͘͜ͱ͕େ͖ͩͬͨɻ ಛʹ৭Λͬͨදݱํ๏͕ಘҙͰධ͋Γ
ʮ৭ΞΠσΞʯͰΠϝʔδΛཱ͖ͨͤΔ͜ͱͰ ૬खʹҹΛ͑Δ͜ͱ͕Ͱ͖Δ
ւลͷڥڭҭϑΥʔϥϜͷ ࢀՃతʹ͍ͭͯ
ւ͕͖͔ͩΒ
Ͱ͕͢ɻɻɻ
ւͱશ͘ԑͷͳ͍ ॴɾڥͰੜ·Ε·ͨ͠ʂ
ւ͕͖ͳ͖͔͚ͬͨͬ ւɾւ༸ੜ͕ ͖ʹͳ͖͔͚ͬͨͬ
ւ͕͖ͳ͖͔͚ͬͨͬ ͖͔͚ͬീܠౡγʔύϥμΠεʢਆಸݝʣͷυϧϑΟϯϑΝϯλδʔ લɺԣͰ։࠵͞ΕΔϮλΫΠϕϯτΛ͖͔͚ͬʹਆಸݝʢࡩொʣʹ๚ΕΔ͜ͱ͕ଟ͘ ح৺͚ͩͰീܠౡγʔύϥμΠεʹߦ͖·ͨ͠ɻ υϧϑΟϯϑΝϯλδʔͷߏͱΠϧΧΛݟͯʮΛ͏ΠϧΧʯʹ ײಈΛ͠·ͨ͠ɻ ീܠౡγʔύϥμΠεʹ ճ๚Ε͍ͯ·͢ɻ
͜͜·Ͱͨͩͷ ΠϧΧ͕ՄѪ͍͚ͩͷώτ
ւ͕͖ͳ͖͔͚ͬͨͬ ւ͕Γͨ͘ͳͬͨ
ւ͕͖ͳ͖͔͚ͬͨͬ ւ͖࡞Ո͞ΜʹקΊΒΕɺμΠϏϯάΛ࢝Ί·ͨ͠ʂ ݄ʹ/"6*ͰϥΠηϯεΛऔಘ͠ɺՎࢁߴɺԭೄɺϑΟϦϐϯͳͲͰજΓ·ͨ͠ɻ ݱࡏຊજͬͯ·͢ʢݱࡏఀதʀʣ μΠϏϯάʹؔ͢Δهࣄʮ,JOLBEFTJHOʯͷ ϒϩάهࣄʹ৭ʑॻ͍͍ͯ·͢ͰΑ͔ͬͨΒ ͝ཡ͍ͩ͘͞ˠ ϒϩάهࣄͷΞΫηε ্͕ͬͯ·̇͢
Ͱϫλγͬͺւ͕ ͖͢ͳ͚ͩɻɻɻ
ւ͕͖ͳ͖͔͚ͬͨͬ ւ༸ੜͷੜଶʹڵຯΛ࣋ͬͨ
ւ͕͖ͳ͖͔͚ͬͨͬ ΠϧΧ͕ՄѪ͍̇ ϩέJOਢຏւਫԂʢฌݿݝʣ ΄Μ·͔Θ͍͍Θ͊ʙ
ւ͕͖ͳ͖͔͚ͬͨͬ ͍ͬͺ͍छྨ͓ΔΜʂ ϩέJOଠொ͘͡ΒͷതؗʢՎࢁݝʣ ͑ͬʂ͜Μͳʹ छྨ͍ΔΜΜ
ւ͕͖ͳ͖͔͚ͬͨͬ ͖͔͚ͬܵྨʢΠϧΧɾΫδϥྨʣ͕͖ͳਓͨͪͷΦϑձʹࢀՃ 4/4Ͱւ͕ͳਓ͔Βւ༸ੜ͕͖ͳਓͷͭͳ͕ΓΛ࡞ΓɺΦϑձΛΓࢀՃ͠·ͨ͠ɻ ͖͗ͯ͢ಘΒΕΔใ͕ੜଶࠎ֨ΖΖɻɻɻ Φϑձ͖͔͚ͬͰΓ߹ͬͨํͱಈؔ࿈ͷΠϕϯτࢀՃ ϘϥϯςΟΞʹࢀՃͯ͠͞Βʹੜଶʹ͍ͭͯͬͱΓͨ͘ͳΓ·ͨ͠ ෆఆظͰ͕͢ϘϥϯςΟΞͰ ւͷ׆ಈ͍ͯ͠·͢
͋Δࢥ͍ɻɻɻ
͋Δࢥ͍ɻɻɻ
͋Δࢥ͍ɻɻɻ ͖͔͚ͬՎࢁݝͷ͢͞Έொͷं͔Βݟͨޫܠͩͬͨ ं͔Βݟͨޫܠഇؗͨ͠ݐγϟολʔ͕ด·͓ͬͨళͳͲͰͨ͠ɻ ͳΜͰ͜Μͳͯ͘ւ͕ݟ͑Δॴͳͷʹਓ͕དྷͳ͍ΜͩΖ͏ɻɻɻͱࢥͬͨ࣌ͷ͕͍ࣗ·ͨ͠ɻ ͔͢͠͠͞Έொͱͯૉఢͳॴͩͱ͍͏͜ͱΛ μΠϏϯά͖͔͚ͬͰΓ·ͨ͠ɻ μΠϏϯά͚ͩ͡Όͳ͘ ொ͕ͱ͖ͯͯ͢Ͱ͠ ͨʂ
͋Δࢥ͍ɻɻɻ ͬͱΓͨ͘ͳͬͯҠॅମݧπΞʔʹࢀՃ͠·ͨ͠ʢҠॅͯ͠·ͤΜ͕ʣ ݄ʹ։࠵͞ΕͨʮനɾपࢀݟҠॅମݧπΞʔʯʹࢀՃͯ͠ɺݱͷਓҠॅͨ͠ਓͨͪͱ ަྲྀ͢Δ͜ͱͰɺ΄Μͱ͏ʹେࣄͳͷʹ͖͖ͮ·ͨ͠ɻ ɾձʹͳ͍ίϛϡχςΟਓͷஆ͔͞ ɾͦͯ͠ԿΑΓඒຯ͍͠৯৽͍͠ମݧ ɾࣗવจԽͳͲ͕৭ʑͱڭ͑ͯ͘ΕΔ μΠϏϯά͚ͩ͡Όͳ͘ ொ͕ͱ͖ͯͯ͢Ͱ͠ ͨʂ
ҠॅମݧπΞʔؔ͢Δهࣄ ʮ#MVF'JFMEOFUʯͷϒϩάهࣄʹ৭ʑ ॻ͍͍ͯ·͢ͰΑ͔ͬͨΒ͝ཡ͍ͩ͘͞ˠ
ࢀՃత·ͱΊ ւ͕͖ͳਓͨͪͱͷͭͳ͕Γ ւΛѪ͢ΔํͷͨΊʹ ͳʹ͔Ͱ͖ͳ͍͔ͱ୳͠ʹ͖·ͨ͠
ؔͷւਫؗͷͳ͠
େࡕձ͔Βւͱ͔ ਫؗͬͯͲΜͳΜʁʁ
େࡕͷւਫؗͱ͍͑ େࡕͱ͍͏ϕΠΤϦΞձͷೆࠃɺ͋ͷ64+ສതձ͍ۙ େࡕͷւԊ͍ʹଳͷଞʹɺന͍࠭ʢۭؔۙʣೆࠃΛඬ͏ॴ͋Γ·͢ɻ ͦͯ͜͠ͷେࡕʹεφϝϦ͕ੜଉ͍ͯ͠Δͱ͍͏ɻ େࡕ͕͋Δ ϕΠΤϦΞۙͷ ࣸਅͰ͢
େࡕͷւਫؗͱ͍͑ ւ༡ؗʂ
େࡕͷւਫؗͱ͍͑ δϯϕΤβϝ
େࡕͷւਫؗͱ͍͑ ϫϞϯΞβϥγ
େࡕͷւਫؗͱ͍͑ ւ݄ʢ͘Β͛ʣۜՏ
ؔͷւਫؗͷͳ͠ େࡕʹདྷͨࡍͥͻʂ ΩλϜϥ͕Ҋ͠·͢ʢཁ࿈བྷʣ
ւ༸ੜʢ͏Έͷ͍͖ͷʣ Πϥετࡶ՟ʹ͍ͭͯ
৽࡞ͷհ ৽࡞ ΠϧΧͱΫδϥͷେ͖͞ N
࣮ࡍʹͲ͍ͨͷͰ5XJUUFSͰൃ৴ τʔτόοΫΛ ࡞Γ·ͨ̇͠
͜ΜͳάοζΛ࡞͍ͬͯ·͢ ւ༸ੜͷ ՄѪͯ͘Χϥϑϧͳ ΠϥετάοζͰ͢
ΦϯϥΠϯγϣοϓͷհ ΦϯϥΠϯγϣοϓͰ ൢചத̇ ɾ5γϟπτϦχςΟ ɾ46;63* ɾ#"4& ɾ#005) औΓѻ͍αΠτ
ΞʔτΠϕϯτ׆ಈ ͍ͨͩ·։࠵த ·Ͱ
άοζ੍࡞ͷత
࠷ޙʹ
࠷ޙʹ େࡕਓͷΘΓʹ͓ͱͳ͍͠ํͰ͕͢ ΑΖ͓͘͠ئ͍͍ͨ͠·̇͢
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ