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

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

9a27dbd4cec6e2888f14c9d11eb4a528?s=128

Takuya YOSHIMURA

January 22, 2019
Tweet

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 知らない技術・サービスの単語 最新技術の詳しい使い方 一つの技術の深掘り どうぐ 1 よしたく 2

    とらあな
  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で取得
  19. None
  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と組み合わせて使うことが多い • デフォルトの設定を持っている

  39. None
  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. おつかれさまでした。 このまま でんげんを おきりください。