ブログ更新を通して 最新技術を学ぶ / learn the latest technology through what you like

Transcript

1. ブログ更新を通して 最新技術を学ぶ 2019/1/22 @とらラボ オタクが最新技術を追うライトニングトークイベント2回目
2. ▶　ぷれぜんをする 　　ぷれぜんをつくる 　　ぷれぜんをけす
3. よしたく ----------- H　?? M　?? Lv: ?? 　はなす　　しゅみ 　どうぐ　　ぐぐる ▶つよさ　　まとめ
4. SES せいべつ：おとこ レベル：？？ HP：？？ MP：？？ よしたく E 指し棒 E MacBookAir ID: yoshitaku_jp アイコン:
5. よしたく ----------- H　?? M　?? Lv: ?? 　はなす　　しゅみ ▶どうぐ　　ぐぐる 　つよさ　　まとめ
6. E 小さなことから学ぶ気持ち E 知らない技術・サービスの単語 最新技術の詳しい使い方 一つの技術の深掘り どうぐ １ よしたく ２ とらあな
7. ▶はなす　　しゅみ 　どうぐ　　ぐぐる 　つよさ　　まとめ よしたく ----------- H　?? M　?? Lv: ??
8. 年間100記事達成 ＼2018年／
9. 2018年はブログ 頑張った！！！
10. 2018ねんは　メダパニをとなえた 2018年はブログ 頑張った？？？
11. やってみた系記事が 多くなってしまった つうこんの　いちげき！
12. 実戦投入力！！！ ＼2019年は／ かいしんの　いちげき！
13. ...までいかなくても、 実際に動いているものを 作れたら楽しそう
14. というわけで、 さっそく挑戦！！！
15. 挑戦したこと！！！ • write-blog-every-weekのサイト作り • ブログに関する情報を取得
16. 挑戦したこと！！！ • write-blog-every-weekのサイト作り • ✝ブログに関する情報を取得
17. write-blog-every-weekとは？ • 週1で記事をあげるSlackコミュニティ • あげられなかったら翌週は2記事 • 3記事分溜まったら強制退会
18. write-blog-every-weekのサイト作り • ホスティング先に • Vue.jsと Firebaseで実装 • ブログの更新情報は Google Apps Scriptで取得
20. 　　　　　 のいいところ • プライベートリポジトリにも対応 • ビルドコマンドが使える ◦ ローカルでビルドする必要なし ◦ CIサービス挟む必要なし
21. 　　　　　 .tomlの中身
22. ブログの更新情報はGoogle Apps Scriptで取得 • Firebaseライブラリをインポート • 各ブログを巡回 ◦ タイトル、URL等を取得 • Google Apps Scriptから、 RealtimeDatabaseにインサート
23. ブログの更新情報はGoogle Apps Scriptで取得 https://yoshitaku-jp.hatenablog.com/entry/2018/12/27/022733
24. write-blog-every-weekのサイト作りの課題 • Realtime Databaseから 　Firestoreに移行 • Cloud Functions for Firebaseで 　新規入会希望者への通知
25. 挑戦したこと！！！ • ✝write-blog-every-weekのサイト作り • ブログに関する情報を取得
26. ブログに関する情報を取得 • はてなブログ週間PV数 • はてなブログ読者数 • はてなブックマーク累計数 • Twitterフォロワー数 • シェアされたことを　　　　　に通知 • 新しいフォロワーを　　　　　に通知
27. ブログに関する情報を取得 • ✝はてなブログ週間PV数 • ✝はてなブログ読者数 • ✝はてなブックマーク累計数 • ✝Twitterフォロワー数 • シェアされたことを　　　　　に通知 • 新しいフォロワーを　　　　　に通知
28. ブログに関する情報を取得 まもののむれが　あらわれた • シェアされたことを　　　　　に通知 • 新しいフォロワーを　　　　　に通知
29. ブログに関する情報を取得 • はてなブログ週間PV数 • はてなブログ読者数 • はてなブックマーク累計数 • Twitterフォロワー数 • ✝シェアされたことを　　　　　に通知 • ✝新しいフォロワーを　　　　　に通知
30. ブログに関する情報を取得 • はてなブログ週間PV数 • はてなブログ読者数 • はてなブックマーク累計数 • Twitterフォロワー数 Google Apps Scriptで実装
31. はてなブログ週間PV数 • はてなブログにログイン • https://blog.hatena.ne.jp/yoshitaku_jp/ yoshitaku-jp.hatenablog.com/accesslog • スクレイピングで取得
32. はてなブログ読者数
33. はてなブログ読者数 https://yoshitaku-jp.hatenablog.com/entry/2019/01/06/220000
34. はてなブックマーク累計数
35. はてなブックマーク累計数 https://yoshitaku-jp.hatenablog.com/entry/2019/01/12/210000
36. はてなブックマーク累計数 • Twitterの自分のアカウントにアクセス • フォロワー数を地道にスクレイピング…
37. ブログに関する情報を取得の課題 clasp なんと　TypeScript、ESLint、Prettier、 claspが　たちあがり　なかまになりたそうに　 こちらを　みている
38. Prettier？？？ • 2017年に登場した • コードフォーマッター ◦ ESLintと組み合わせて使うことが多い • デフォルトの設定を持っている
40. clasp？？？ Google Apps Script をローカルで 開発できるCLIツール • Google公式からリリース • お気に入りのエディタで書ける • （ローカルで開発できる=）gitで管理できる
41. ブログに関する情報を取得の課題 取得した情報をGoogle Data Studioで可視化
42. ブログに関する情報を取得の課題
43. よしたく ----------- H　?? M　?? Lv: ?? 　はなす　　しゅみ 　どうぐ　　ぐぐる 　つよさ　▶まとめ
44. まとめ • ブログ更新を通して最新技術を学べた！ • 改善点を常に探す姿勢が大切！ ◦ それを最新技術で実装できたら最高！ • やったことはアウトプットしよう！ ◦ どんどん情報が入ってくる！
45. ぼうけんのしょ • よしたくTwitter ◦ https://twitter.com/yoshitaku_jp • よしたくBlog ◦ https://yoshitaku-jp.hatenablog.com/ • write-blog-every-week ◦ https://write-blog-every-week.netlify.com/ • Netlify ◦ https://www.netlify.com/ • Vue.js ◦ https://jp.vuejs.org/index.html • Firebase ◦ https://firebase.google.com/ • Prettier ◦ https://prettier.io/ • clasp ◦ https://github.com/google/clasp
46. おお　よしたく！ LTがおわってしまうとは　なさけない…。
47. 感想のじゅもん
48. おつかれさまでした。 このまま でんげんを おきりください。