13
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【個人開発】LINEでURLを送るとNotionに保存してくれるLINEBot「記事のストックくん」を作りました。

Last updated at Posted at 2023-02-13
stock_title.png

「この記事、後で読み返したい!」
そんなとき、みなさんどうしてますか?

僕ははてぶやTwitter、Podcastをよく使うのですが
「今じっくり読める状態じゃないから、とりあえず保存しておきたい!」みたいなことが結構あります。

いや、ありました。このLINEBotを作るまでは…

今回は 「LINEBot 〇〇くん」第二弾「記事のストックくん」 のご紹介です。

↓第一弾はこちら
【個人開発】ごみのお知らせをしてくれるLINEBot「ごみのお知らせくん」を作りました。
https://qiita.com/wallkickers/items/7bf00de66f802503f957

出来たもの

stock_features.png

簡単に言うと「LINEでURLを送るとNotionに保存してくれるLINEBot」です。

機能

  • LINEでURLを送ると、記事の「タイトル」「URL」をNotion内の特定のDBに保存
  • メッセージ送信、共有に対応
  • 保存の成功、失敗をメッセージで返す

仕組み

stock_system.png

構成は「LINEBot×API Gateway×Lambda」です。ここは以前と同じです。
違う点としては、ごみのお知らせくんはpythonを使いましたが、今回はGoを使いました。

ソースコード

ソースはgithubに上げています。
Goは今回初めて書いたので改善点は正直めちゃめちゃあります。良ければコメントください!

https://github.com/wallkickers/lambda_notion_api_article_stock

なぜ作ったのか

発端はnoteの方で書いたのですが、Notionに記事の情報を保存するのが手間に感じたからです。

▼noteの記事
気づいたことメモしてる?下地 寛也著「考える人のメモの技術」を読んでインプット&アウトプット方法を見直す。

最初はNotionの中にDBを作って保存していました。
「考えたこともNotionに書けるから、めちゃめちゃ良いじゃん!」と最初は思っていたのですが…
このやり方だと「保存がめんどくさい」問題がありました。

▼前までの保存ステップ
1.気になる記事を見つける
2.URLをコピーする
3.Notionにデータを作ってURLを貼る
4.何の記事か分からないので、ブラウザに戻ってサイトのタイトルをコピーする
5.Notionのタイトル欄に貼る

初めはこの手順で保存していたのですが、途中でめんどうになり、
後でまとめて保存するためにURLだけ貼っておくようにした結果、こうなりました。

stock_system.png

メモ帳と変わらないッッッ!

だったら、ブラウザの拡張機能使えばいいのでは?と思い、調べたのですが、スマホだと拡張機能使えないらしいんですよね…
それなら作るか、で作りました。

NotionAPIで細かい条件でデータ保存できるし、LINEbotなら途中で処理も挟めるし、LINE使えばブラウザから共有も簡単だろうと考え、今回の構成となりました。
結果、以下のステップで保存できるようになりました。

▼保存ステップ
1.気になる記事を見つける
2.共有を押す
3.LINEに送る

僕にとってはタイトルも同時に保存できることが高評価です。

工夫した点

  • 手間を減らすことを追求
    これは先程書いた内容です。手間が増えると使わなくなるので、”可能な限りシンプルに” を心がけています。

  • とりあえず未読に入れる
    DB上は「活用したい記事」「面白い記事」の2種類ありますが、指定しようとすると保存するときの手間が増えるので全て未読に入れるようにしています。記事を読んで考えたことを書いたら、それぞれのDBに移動します。

  • URLやタイトルの改行、空白の削除
    LINEへの共有や<title>タグからのタイトルの取得は少しクセがありました。例えば以下のケースに遭遇しました。

    • ブラウザからLINEに転送すると改行が入る
    • サイトによってタグに要素がついている
    • 内に改行がある
    • ヘッダー内のContent-Typeにcharsetが設定されておらず文字化けする

    これらは改行・空白の削除や正規表現で<title>タグを判別することで対応しています。
    サイトによって異なるので随時改善していきます。

最後に

今回のLINEBotは個人用なので公開の予定はありませんが、反響があれば本LINEBotの構築手順を書きたいと思います。
(いいねやコメントいただけると嬉しいです!)

余談ですが、Twitterで「記事を後で読み返したいとき、どうしてる?」ことをツイートしたところ、友人のyudaiくんが「pocket」というアプリを教えてくれました。

pocketに保存しておくと、記事内の文字だけ抽出して保存してくれたり、保存した記事を音声で読み上げたりしてくれます。
なかなか良いですね...!同じく記事の保存方法に迷われている方は使ってみると良いと思います。

それでは!

参考記事

以下、開発の際に参考にしたサイトです。

13
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?