Posts /

Gridsomeを使用して@myuunewsの説明ページを作成しました

Twitter Facebook Google+ Mastodon
30 Apr 2020

この記事は 何か作るぞ!(GW Advent Calendar 2020) の 2日目の記事です。1日目は絵を途中まで描きました。

こんにちは!

こんにちは!ておりあです!声優 高木美佑さんの情報を集約するTwitter bot @myuunews というのをやっています。よろしくおねがいします。

さて

Gridsome というのを使って @myuunews の説明とかを書いておくページを作りました

Gridsome の選定理由

GatsbyJS というのがあります。

これはなんかReactで雑にサイトを作るときに便利なやつ(静的サイトジェネレーター)で、これで作られているサイトに yoppinews.github.io とかがあります。

べんりそ~と思ったものの、Reactなんもわからん。

そこで Gridsome です。 Vue.js です。

逆張りオタクなのでReactに触らずVueをやっていたためこっちの方がわかるやろとなって選択。Nuxtは?

やったこと

Gridsomeのデフォルトスターターを基に色々書きました。実物を見てください。

カレンダー

myuunewsの予定をGoogle Calendarで管理しているので、カレンダーを埋め込みました。

デフォルトの見た目が好きでないので(カスタマイズが難しい)、今回は FullCalendar を使いました。

便利ですね。

あとはTwitterタイムラインの埋め込みとか普通に。

終わりです。

そんな感じです。カレンダーを見たいときとかに開いてください。

記載漏れ等ありましたらご連絡いただけると幸いです。よろしくお願い致します。

何か作るぞ!(GW Advent Calendar 2020) の 2日目の記事でした。明日もなにか作るぞ!


Twitter Facebook Google+ Mastodon