目次

    はじめに

    なぜ連携したのか?

    デザインギャラリーサイトを見て回ることが多いのですが、どうにも非効率な気がして、どうにか効率化出来ないかな?と思っていました。

    ●必要になったときに見て回ると、気持ちが焦って上手く探せない
    ●毎日朝更新されていないか巡回するのも面倒(ギャラリーサイト多すぎ問題)

    ならば、サイトが更新されたときに通知があれば、そのときに一度見ておいて、気になったものはブックマークしておけばいいのでは?と思ったのです。
    (朝のニュース番組を流していて、気になったニュースに目を向けて見たりあとで調べて見返すようなイメージ)

    連携の手順

    やり方はとても簡単!
    1.RSSアプリの追加
    2.通知するチャンネルの作成
    3.RSSフィードを探す
    4.フィードの追加

    RSSアプリの追加

    SlackにRSSアプリを追加する必要があります
    202304_lab_rss.png Slack の App Directory (App ディレクトリ) の RSS ページ にアクセス
    →「Slack に追加」をクリック
    →次のページで「RSS インテグレーションを追加する」をクリック
    →連携完了
    ※アプリ追加権限がない方は権限のあるオーナーにお問い合わせください

    通知するチャンネルの作成

    ※すでに情報収集チャンネルがある場合や、自分のDMに送るだけでいい場合はスキップ※
    今回「#web-design-feed」というrss feedの通知チャンネルとわかりやすい名前にしました。
    鍵付き(プライベート)でも鍵なし(パブリック)でもOK
    202304_lab_cha.png

    RSSフィードを探す

    今回はRSS検索サイトを使いました。
    202304_lab_feed.png RSSを探したいWEBサイトのURLを入力するだけで取得出来ます。
    ※ない場合は取得できませんでしたと表示されます。
    ※ページのソースで[rss]や[feed]を検索するのも可能ですが、あるかどうかがわかりにくいので検索サイトが便利です。

    フィードの追加

    通知したいチャンネルでコマンドを入力して送信するだけ!

    /feed 【RSSフィードのURL】
    

    202304_lab_add.png ↓登録された状態
    202304_lab_add_2.png

    どんなふうに通知が来る?

    ギャラリーサイトをたくさん登録してみました。
    すると、こんな感じ↓で通知されるようになりました★ 202304_lab_notice.png

    連携してよかったこと

    鮮度のいい状態で見れる

    いつ更新されたかわからないURLではなく、最新情報として取得出来るので、鮮度のいいうちにサイトを見ることができる

    情報共有がしやすい

    このサイト良かったよね〜など共通認識が出来る
    最初は自分だけのプライベートチャンネルにしようと思っていましたが
    これってみんなが見れたらいいかも?と思い、パブリックチャンネルにしました。

    どのサイトが更新頻度が高いかわかる

    即時通知にしているので更新された通知がバンバンくるサイトとそうでないサイトが明白でした。
    更新頻度が高い=サイトがたくさん載っている
    ので、どれかのサイトに絞って再度参考を探すときに、どのサイトを検索すればいいか参考になるのではと思いました。

    補足:フィードの管理

    フィードに何を登録したか確認する場合や、登録したけど削除したい場合などの方法はこちら。

    チャンネルに追加されたRSSフィード一覧の表示

    /feed list

    202304_lab_command_list.png ↓こんなふうに表示されます
    202304_lab_command_list_2.png

    フィードの購読登録を解除

    /feed remove [ID number]

    /feed コマンドの使い方を確認

    /feed help

    ※追加や管理はApp ディレクトリの RSS ページでも可能です
    202304_lab_add_3.png

    おわりに

    いかがでしたでしょうか。
    情報収集は大事ですが、それに時間がかけすぎてもいけないかなと思っていました。
    普段やっていることを少しでも効率化出来るとメインの仕事に注力出来る時間が増えますよね。
    今後も効率化のちりつもをしていきたいと思います。
    最後まで読んでいただきありがとうございました!

    参考

    Slack に RSS フィードを追加する
    https://slack.com/intl/ja-jp/help/articles/218688467-Slack-に-RSS-フィードを追加する
    RSSフィード取得・検出ツール - BeRSS.com
    https://berss.com/feed/

    RSS feedを登録したギャラリーサイト一覧(順不同)

    MUUUUU.ORG
    https://muuuuu.org/feed
    I/O 3000I/O 3000
    https://io3000.com/feed/
    Web Design Clip [L]LP・ランディングページのクリップ集
    https://lp.webdesignclip.com/feed/
    S5-Style
    https://bm.s5-style.com/feed
    Web Design Clip | Webデザインギャラリー・クリップ集
    https://webdesignclip.com/feed/
    Kawaii DB
    https://kawaiie.taniweb.jp/feed/
    Siteinspire
    https://www.siteinspire.com/websites/feed
    AGT smartphone design gallery
    http://agtsmartphonedesign.com/feed/
    現代デザイン
    https://gendaidesign.com/feed/
    Tau Magazine
    https://www.tau-magazine.com/feed/
    SiteSee
    https://sitesee.co/feed
    Flat UI Design Trends
    https://flattrendz.com/feed/
    Siiimple
    https://siiimple.com/feed/

    PREV
    2023.04.10
    主役は誰?レイアウトで注意すべきこと
    NEXT
    2023.04.10
    モダンなJavaScript フレームワーク Vue.js