見出し画像

【イベントレポ】「STUDIO×note勉強会」に参加してきました!

2019年9月2日に開催された「STUDIO×note勉強会」に参加してきました!

とても学びが多く、事例も色々知れてイメージが膨らみました。STUDIOに関する情報をたくさん吸収できたので、忘れないようにメモします。

当日の勉強会で紹介されたリンクをバンバン貼っておきます。

▼勉強会の詳細

▼当日の流れ

・STUDIOの説明(STUDIO代表取締役・石井穣)
・noteの説明(noteデザイナー・佐賀野 宇宙)
・両社を連携させた個人の活用事例の紹介(デザイナー・かみそるさん)
・両社を連携させた法人の活用事例の紹介(Goodpatch)
・STUDIOへの埋め込み方を実演

▼今回のきっかけ

▼ハルカナさんのポートフォリオ

▼かみそるさんのポートフォリオ

noteのRSS連携もバッチリ。とても見やすい!

▼かみそるさんが手がけたWebサイト

▼Goodpatchのランディングページ

▼ReDesignerのページ

▼「STUDIO」公式マガジン

▼noteのRSS、STUDIOへの連携方法

noteのRSSをSTUDIOへ埋め込む方法。まとめている方がいたので掲載させていただきます。

▼当日のメモ(箇条書き)

・noteのRSSだけでなく、InstagramのRSSもSTUDIOに埋め込める!

・noteでは、ハッシュタグごとにRSSが付いている!(下記の画像、右上のボタン)

画像1

→だから、これを利用して、指定のハッシュタグを付けたnoteだけを、STUDIOのWebサイトに表示させるという運用も可能に!

Googleタグマネージャーとの連携で様々なカスタマイズが可能!

→ページをスクロールするとヘッダーの色を変えたりできる!(かみそるさんはこの方法で実装されたとのこと。)Javascriptの埋め込みの話。

・note内にヘルプページを作って、それをWebサイトに埋め込んでいる事例も!(Goodpatchさんの事例)

「フロントエンドエンジニアは、今後仕事がなくなるのでは?(笑)」(Goodpatchさんの事例紹介で登壇されていたエンジニアさんの言葉)

レスポンシブデザインの設定が簡単!

レスポンシブデザイン=PCやスマホなどデバイスのサイズに合わせた設定のこと。ex.) PCでは横並びに写真が3つ、スマホは横に2つにするなど。

・noteのRSS埋め込んだ後、日付表示のフォントや種類を横のボタンから変更可能。

・note以外でもRSSが使えるサイトはSTUDIOで連携可能。ex. ) PR timesなど

※ヘッダー画像はnote公式からお借りしました


Twitterはこちら。


この記事が参加している募集

また読みにきてもらえたらうれしいです。