デブサミまとめ_2011

デブサミまとめサイトを作った時の資料 (2011年)

Transcript

1. σϒαϛ·ͱΊαΠτΛͭͬͯ͘Έͯ Miu Kobayashi..! http://www.miukoba.net/
2. ͲΜͳαΠτʁ !2 • σϒαϛ·ͱΊ·ͱΊ:2011! – http://devsummary.miukoba.net/ ! • ηογϣϯεϥΠυͱײ૝ϒϩά΍TogetterΛฒ΂ ͯදࣔ͢Δ͚ͩʢλμͷϦϯΫूʣ! – ࢀՃऀ! • ଞͷࢀՃऀ͕Ͳ͏ࢥ͔ͬͨ෼͔Δʂ! – εϐʔΧʔ! • ࣗ෼ͷηογϣϯͷײ૝͕·ͱ·͍ͬͯΔʂ! – ະࢀՃηογϣϯ! • ϒϩάͰิ଍͞Ε͍ͯΔ಺༰Λ֬ೝ͠ͳ͕Β
 ηογϣϯͷ಺༰΍งғؾΛڞ༗Ͱ͖Δʂ
3. σϒαϛ·ͱΊ·ͱΊ:2011
 ྺ࢙ !3 • ͜ΜͳΜˠ! • 2/18໷! – αΠτެ։! • 2/22໷! – ̍̌̌͸ͯͳϒοΫϚʔΫ֫ಘ! • 2/24ன࣌఺Ͱ! – PVɿ8701 – UUɿ2357
4. σΟϨΫτϦߏ੒ |-- devsummary! | |-- css! | | |-- ie.css! | | |-- print.css! | | |-- screen.css! | | `-- style.css! | |-- images! | | `-- devsummary.png! | |-- index.php! | `-- sitemap.xml! `-- devsummarySettings.php ←ެ։σΟϨΫτϦ! ← Blueprint CSS Frameworkʢޙड़ʣ! ! ! ! ! ←ϩΰը૾! ! ←ίʔυॻ͍ͨͷ͸͚ͩ͜͜! ←SitemapʢGoogle༻ʣ! ← DB઀ଓ৘ใʢඇެ։ʣ !4
5. ٕज़ཁૉ঺հɿ001-1
 Bluetrip CSS Framework !5 • ελΠϧγʔτϑϨʔϜϫʔΫ! – CSSάϦουγεςϜͷ̍छ! • YUI Grids CSSɺBlueprint CSSɺ960 Grid System౳͕༗໊! • ͦΕͬͯͳʹͯ͘͠ΕΔͷʁ! – ϒϥ΢βຖͷࠩҟΛٵऩͯ͘͠ΕΔ! – 24ΧϥϜάϦουΛݩʹ؆୯ʹϨΠΞ΢τ͕ ࡞ΕΔ! – αΫͬͱ͓͠ΌΕͳαΠτ͕࡞ΕΔ
6. ٕज़ཁૉ঺հɿ001-2
 BluetripͷάϦουϨΠΞ΢τ !6 <hr>! <div class="span-24">! <h2 class="fancy">σϒαϛ2001શൠ</h2>! </div>! <div class="span-11 colborder">! εϥΠυΛຒΊࠐΉλά! </div>! <div class="span-12 last ">! ϒϩάΛදࣔ͢Δλά! </div> • ํ؟ࢴʹWebσβΠϯΛ͢ΔΑ͏ͳ Πϝʔδ
 ʢςʔϒϧϨΠΞ΢τʹ͍͔ۙ΋ʣ! • HTMLʹσβΠϯཁૉ͕ೖΔͷΛݏ ͏ਓ΋͍Δ
7. ٕज़ཁૉ঺հɿ002
 HeartRails Capture !7 • αϜωΠϧը૾ʗPDFϑΝΠϧ࡞੒API! – αΠζ΍࿮ઢελΠϧΛࢦఆ͢Δ͚ͩͰ
 αϜωΠϧը૾͕࡞੒͞ΕΔ! • http://capture.heartrails.com/150x150/border/round?http://d.hatena.ne.jp/ miukoba/
 
 ɹɹɹɹɹ͏ͪͷͿΖ͙ˠ! ! ! – ྨࣅαʔϏεͷSimpleAPI͕༗໊ʁ! • ը૾͕࡞੒͞ΕΔ·Ͱ͕͔͔࣌ؒΔΒ͍͠ͷͰ
 ࠓճ͸ʮ HeartRails CaptureʯΛબ୒
8. ٕज़ཁૉ঺հɿ003
 Slideshare HTML/JS embed !8 • Slideshareͱ͸! – ύϫʔϙΠϯτ൛YouTubeʢεϥΠυڞ༗ʣ! – ඪ४Ͱ͸FlashຒΊࠐΈʹͳΔ͍! • εϥΠυ਺͕ଟ͍ͱ̍ϖʔδ͕ॏ͍! • iPhoneɺiPad౳ͰӾཡͰ͖ͳ͍! • Slideshare HTML/JS embedͱ͸! – ϞόΠϧ޲͚ʹ༻ҙ͞ΕͨඇFlashεϥΠυΛ
 ϞόΠϧҎ֎Ͱද͍ࣔͯ͠Δ͚ͩ! – Flash൛ʹൺ΂ͯϖʔδભҠ౳ͷػೳ͸ଟগྼΔ
9. Α͔ͬͨ͜ͱ !9 • ٕज़͕͍͔ͭ͘෼͔ͬͨ! • ͸ͯϒͷ͋Γ͕͍ͨݴ༿! • TwitterͰԿਓ͔ʹϑΥϩʔ͠ ͯ΋Βͬͨʢൃදऀ͔Β΋ʂʣ • ͱΓ͋͑ͣʮ࡞ͬͨʯͱ͍͏ ࣗ৴
10. 
 ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ !10