![見出し画像](https://assets.st-note.com/production/uploads/images/14110411/rectangle_large_type_2_0713c449fbef168ec84d7c55bda2b85d.png?width=1200)
【イベントレポ】「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が付いている!(下記の画像、右上のボタン)
→だから、これを利用して、指定のハッシュタグを付けたnoteだけを、STUDIOのWebサイトに表示させるという運用も可能に!
・Googleタグマネージャーとの連携で様々なカスタマイズが可能!
→ページをスクロールするとヘッダーの色を変えたりできる!(かみそるさんはこの方法で実装されたとのこと。)Javascriptの埋め込みの話。
・note内にヘルプページを作って、それをWebサイトに埋め込んでいる事例も!(Goodpatchさんの事例)
・「フロントエンドエンジニアは、今後仕事がなくなるのでは?(笑)」(Goodpatchさんの事例紹介で登壇されていたエンジニアさんの言葉)
・レスポンシブデザインの設定が簡単!
→レスポンシブデザイン=PCやスマホなどデバイスのサイズに合わせた設定のこと。ex.) PCでは横並びに写真が3つ、スマホは横に2つにするなど。
・noteのRSS埋め込んだ後、日付表示のフォントや種類を横のボタンから変更可能。
・note以外でもRSSが使えるサイトはSTUDIOで連携可能。ex. ) PR timesなど
※ヘッダー画像はnote公式からお借りしました
▼Twitterはこちら。
この記事が参加している募集
また読みにきてもらえたらうれしいです。