Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ゆく技術_くる技術.pdf

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for IMANISHI TOSHIFUMI IMANISHI TOSHIFUMI
December 19, 2018
Technology
0
290

 ゆく技術_くる技術.pdf

Avatar for IMANISHI TOSHIFUMI

IMANISHI TOSHIFUMI

December 19, 2018
Tweet

More Decks by IMANISHI TOSHIFUMI

See All by IMANISHI TOSHIFUMI
Vue 3 超入門 ー ゆく Vue くる Vue
Avatar for IMANISHI TOSHIFUMI toshifumiimanishi
0
190
Form_design_from_Netflix.pdf
Avatar for IMANISHI TOSHIFUMI toshifumiimanishi
0
160
New_Sass_Module_System.pdf
Avatar for IMANISHI TOSHIFUMI toshifumiimanishi
2
890
JAMstack_kotohajime.pdf
Avatar for IMANISHI TOSHIFUMI toshifumiimanishi
0
120
mercurial_nyuumon.pdf
Avatar for IMANISHI TOSHIFUMI toshifumiimanishi
0
86
Web制作者のためのSassの参考書.pdf
Avatar for IMANISHI TOSHIFUMI toshifumiimanishi
3
2.8k
裏CSS.pdf
Avatar for IMANISHI TOSHIFUMI toshifumiimanishi
0
130

Other Decks in Technology

See All in Technology
マルチロールEMが実践する「組織のレジリエンス」を高めるための組織構造と人材配置戦略
Avatar for coconala_engineer coconala_engineer
3
680
ビズリーチにおける検索・推薦の取り組み / DEIM2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
140
Yahoo!ショッピングのレコメンデーション・システムにおけるML実践の一例 
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
180
DevOpsエージェントで実現する!！ AWS Well-Architected（W-A） を実現するシステム設計 / 20260307 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
450
Dr. Werner Vogelsの14年のキーノートから紐解くエンジニアリング組織への処方箋@JAWS DAYS 2026
Avatar for Hiroshi Hayakawa (p0n) p0n
1
120
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
11k
ナレッジワークのご紹介（第88回情報処理学会 ）
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
0
160
作りっぱなしで終わらせない！ 価値を出し続ける AI エージェントのための「信頼性」設計 / Designing Reliability for AI Agents that Deliver Continuous Value
Avatar for Kento Kimura aoto
PRO
2
260
マルチプレーンGPUネットワークを実現するシャッフルアーキテクチャの整理と考察
Avatar for Masayuki Kobayashi markunet
2
220
Syncでつながるアジャイル 部署の壁を越えて進化し続けるチームづくり / Agile practices connecting and syncing beyond departmental boundaries
Avatar for 三菱UFJインフォメーションテクノロジー株式会社 muit
0
110
IBM Bobを使って、PostgreSQLのToDoアプリをDb2へ変換してみよう/202603_Dojo_Bob
Avatar for Mayumi Hirano mayumihirano
1
300
OpenClawで回す組織運営
Avatar for Kazuto Kusama jacopen
3
670

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
220
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
380
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
9.8k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
69
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
250
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k

Transcript

  1. Ώٕ͘ज़ɺ͘Δٕज़ Dec 19, 2018 / Toshifumi Imanishi

  2. ͳ͔ͳ͔୤ͤͳ͍K2VFSZ :PV%PO`U/FFEK2VFSZɺ୤K2VFSZ͕ۙ೥࿩୊ʹͳΔɻK2VFSZ͸ɺϒϥ΢βؒͷࠩҟΛ ٵऩ͢ΔɺωΠςΟϒ+BWB4DSJQUΑΓ؆୯ɾָνϯͱ͍͏ཧ༝Ͱଟ͘ͷ։ൃऀ͔Β਌͠ ·Ε͍ͯΔɻ ʲ୤K2VFSZͷओͳཧ༝ʳ w ϒϥ΢βͷਐԽɺ+4ͷ৽ػೳͷ௥Ճ w ػೳཁ݅Λຬͨ͢ͷʹྗྔෆ଍ ͔͠͠ɺK2VFSZΛࣺͯΔ͜ͱ͸Ͱ͖ͳ͍ɻ୹ظϓϩδΣΫτʹ͓͍ͯɺωΠςΟϒ

    +BWB4DSJQU΍7VFKTΑΓ࢖͍׳ΕͨK2VFSZͰ։ൃ͢Δ҆৺ײɻطଘίʔυΛK2VFSZ Ҏ֎Ͱॻ͖׵͑ΔֶशBOE࣌ؒతίετɻ

  3. 7VFKTͷબ୒ࢶ ͍͘ΒK2VFSZ͕༏लͰ΋ۜͷ஄ؙͰ͸ͳ͍ɻͨͱ͑͹ɺ͓໰͍߹ΘͤϑΥʔϜͷ6*Λ࣮૷͢ Δ৔߹ɺΠϕϯτͱ%0.ཁૉΛ௚઀ඥ͚ͮΔΑΓɺঢ়ଶʢTUBUFʣΛڬΜͩ΄͏͕εέʔϥϏ ϦςΟͰ͋Δɻ7VFKTͷϦΞΫςΟϏγεςϜ͸ɺΦϒβʔόʔύλʔϯΛϕʔεʹ࣮૷͞Ε ͍ͯΔͨΊɺʮঢ়ଶͷ؂ࢹʯɺʮมߋݕ஌ʯ΍ʮ%0.ͷࣗಈ൓өʯΛ։ൃऀ͕ҙࣝ͢Δ͜ͱͳ ͘ॲཧ͞ΕΔɻ event event event element

    element element element element element ঢ়ଶ event event event

  4. ঃʑʹ୤K2VFSZͷಓΛ୧Ζ͏ɻઌड़ͨ͠7VFKTΛ࢖༻͢Δ৔߹ɺK2VFSZΑΓωΠςΟϒ +BWB4DSJQUΛར༻࣮ͨ͠૷͕ଟ͘ͳΔͩΖ͏ɻK2VFSZͷϝιουΛωΠςΟϒ+BWB4DSJQUʹ ॻ͖׵͑Δʹ͸ɺͲ͏͢Ε͹Α͍͔ʁ ͦΜͳͱ͖͸ɺ:PV8PO`U/FFEK2VFSZ͕͓͢͢Ίʂ :PV8PO`U/FFEK2VFSZ $('.element').offset(); ? (JU)VCͰެ։தɿIUUQTHJUIVCDPNUPTIJGVNJJNBOJTIJ:PV8POU/FFEK2VFSZ

  5. 9"ͷςϯϓϨʔτΤϯδϯ͸ɺ&+4͕σϑΝΫτελϯμʔυͰ͋Δɻ&+4͸ɺ)5.-ϕʔε ͷߏจΏ͑Մಡੑ͕͋Γɺֶशίετ΋গͳ͘ಋೖෑډͷ௿͍ݴޠͰ͋Δɻ ͔͠͠ɺ&+4Ͱ͸ύϫʔෆ଍Λײ͡Δ͜ͱ͸͋Γ·ͤΜ͔ʁͨͱ͑͹ɺ&+4ʹςϯϓϨʔτܧঝ ͕ඪ४ͰඋΘͬͯ·ͤΜɻ͔ͱ͍ͬͯɺ1VH͸ΠϯσϯτߏจͷͨΊՄಡੑ͕ѱ͍ʢͳΜ͔ؾ࣋ ͪѱ͍ʣɻͰ͸ɺͲ͏͢Δ͔ʜ ৽ͨͳςϯϓϨʔτΤϯδϯͷՄೳੑ ❤ ❤

  6. /VOKVDLTͱ͸ɺ.P[JMMBۘ੡ͷςϯϓϨʔτΤϯδϯͰ͋Δɻ/VOKVDLT͸ɺ)5.-ϕʔε ͷߏจͰςϯϓϨʔτܧঝ͕ඪ४౥ࡌ͞Ε͍ͯΔڧྗͳݴޠͰ͋Δɻ ςϯϓϨʔτܧঝΛར༻͢Δ͜ͱͰɺςϯϓϨʔτͷ࠶ར༻Λ༰қʹ͢Δɻ͜Ε͸ɺ&+4Ͱ๊͑ Δ໰୊ʢ෼ׂ౷࣏ͷ໰୊ʣΛղܾ͢ΔͩΖ͏ɻ/VOKVDLTͷ༗༻ੑ͸ɺ2JJUBͷΞυϕϯτΧ ϨϯμʔͰެ։༧ఆɻ·ͨɺ෼ׂ౷࣏ͷ໰୊͸ྠಡձͷײ૝จʹެ։தɻ /VOKVDLTͷ͢͢Ί ❤

  7. HVMQͷਖ਼ࣜϦϦʔε

  8. HVMQͰԿ͕มΘͬͨͷʁ w+BWB4DSJQUؔ਺ͰλεΫΛFYQPSU wSVOTFRVFODF΍HVMQTPVSDFNBQTͷඪ४౥ࡌ wXBUDIػೳͷڧԽ wMBTU3VO ʹΑΔ࣮ߦ࣌ؒͷ୹ॖ ͍Ζ͍Ζศརʹͳͬͨ

  9. (SJEͷࣗಈ഑ஔΛ*&༻ʹαϙʔτ

  10. ΨϯΨϯ(SJE-BZPVUͰ͍͜͏ʂ *&Ͱࣗಈ഑ஔΛߦ͏৔߹ɺBVUPQSFpYFSͷΦϓγϣϯͰbBVUPQMBDF`ࢦఆ͢ΔPSίʔυ ্ʹ BVUPQSFpYFSHSJEBVUPQMBDF ͱ͍͏ίϝϯτΛهड़͢ΔɻHSJEUFNQMBUF BSFBͱࣗಈ഑ஔ͕*&Ͱ࢖༻Ͱ͖ΔΑ͏ʹͳͬͨࠓɺ$44(SJE-BZPVUΛ࢖Θͳ͍ཧ ༝͕ͳ͍ʂͪͳΈʹ4BGBSJʢݱࡏͷ࠷৽όʔδϣϯ͸ʣͰ͸ɺHBQϓϩύ ςΟ͕ޮ͔ͳ͍ͨΊɺHSJEHBQʢچϓϩύςΟʣͷ྆ํΛهड़͢Δඞཁ͕͋Δɻ˞ͨͩ͠ɺ "VUPQSFpYFSͰิ׬͞Εͳ͍৔߹ʹݶΔɻ

  11. 1SFUUJFSͷ)5.-αϙʔτ

  12. 1SFUUJFSͯԿʁ 1SFUUJFSͱ͸ɺ੔ܗπʔϧͰ͋ΔɻΑ͘-JOUπʔϧͱൺֱ͞ΕΔ͕ɺ-JOU͸ίʔσΟϯά ϧʔϧͷ੔߹ੑΛνΣοΫɺ1SFUUJFS͸Մಡੑͷ޲্Λ໨తͱͨ͠ίʔυ੔ܗΛͦΕͧΕ ୲͍ͬͯΔɻͳͷͰɺ1SFUUJFSͱ-JOUΛ߹Θͤͯ࢖༻͢Δέʔε͕ଟ͍ɻ߹Θͤͯ࢖͏ύλʔ ϯʹ͸ɺͭͷύλʔϯ͕͋ΔɻʢҎ߱ɺ&4-JOUΛྫʹઆ໌͢Δɻʣ 1SFUUJFSͷه๏ϧʔϧΛ&4-JOUͷϧʔϧͱͯ͠ఆٛ͢Δɻ 1SFUUJFSͰ੔ܗͨ͠ίʔυΛAFTMJOUpYAʹύΠϓͰܨ͍Ͱ౉͢ɻ طʹ&4-JOU͕։ൃςϯϓϨʔτʹ૊Έࠐ·Ε͍ͯΔ৔߹ɺΛਪ঑͢Δɻ

  13. )5.-੔ܗͷΧελϚΠζੑ ݱঢ়ɺΦϓγϣϯ͕গͳ͘ΧελϚΠζʹ͚ܽΔɻಛʹ1SJOU8JEUIͱ)5.-8IJUFTQBDF 4FOTJUJWJUZ͸ɺબ୒ͷ༨஍͋Γɻ1SJOU8JEUI͸ɺҰߦͷ࠷େจࣈ਺Λ੍ޚ͢ΔΦϓγϣϯͰ ͋Δɻ1SFUUJFS͸ɺจࣈҎ্ΛՄಡੑͷ͋Δίʔυͱͯ͠ਪ঑͢Δɻ)5.-8IJUFTQBDF 4FOTJUJWJUZ͸ɺΠϯϥΠϯͷෆཁͳۭനΛղܾ͢ΔͨΊͷΦϓγϣϯͰ͋ΔɻͲͪΒͷΦϓγϣ ϯ΋੔ܗޙʹվߦ͕ൃੜ͢ΔͩΖ͏ɻ <link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/notosansjp.css" />

    <span class="dolorum atque aspernatur" >Est molestiae sunt facilis qui rem.</span > Print Width ʹΑΔ੔ܗ HTML Whitespace Sensitivity ʹΑΔ੔ܗ

  14. HVMQ΍1SFUUJFSΛ࢖༻ͨ͠ ςϯϓϨʔτΛ(JU)VCʹͯެ։த https://github.com/toshifumiimanishi/website-boilerplate

  15. ·ͱΊ wঃʑʹ୤K2VFSZ͠Α͏ w/VOKVDLTΛ࢖͓͏ wHVMQʹҠߦ͠Α͏ w$44(SJE-BZPVUΛ࢖͓͏ w1SFUUJFSΛ࢖͓͏

  16. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠