shimbaco

「Annict (アニクト)」というアニメ視聴記録サービスを作っています。趣のあるアニメの聖地を訪れるのが好き。 https://annict.jp/@shimbaco

https://stella-app.jp/user?id=F2FhnXtY8uVVopWoD0gjDfvkdO83

Write.as はあまり日報を書くのに向いていないかな…と思ったのでStellaで書き始めることにした。このブログはもう少し込み入った話題について書くときとかに利用しよう。(と思いつつあまり書くこともなさそう…)

このブログ、ブログエンジンを移行したみたいな内容の記事がほとんどで、割りとまじめに書かれた記事も今年の1月のものしかなく、全く更新してこなかった。もうちょっと日々の活動を記録しようと思い、日報を書こうかなと思い始めた。当初は Stella という日報サービスを利用しようかと思ったが、このブログのことを思い出したのでこちらに書くことにした。たぶん不定期になるけどちょっとずつ更新していこう。

Annict

相変わらず作品ページのリニューアル作業をしている。少なくとも3, 4ヶ月くらいはやっている。

作品ページのリニューアル by shimbaco · Pull Request #2197 · annict/annict

取り組み始めたときはStimulusを使っていて、サーバサイドでデータを取得してページを表示していた。結構良いところまで実装したんだけど、クライアントサイドJSが関わるところを実装しているときに「もういっそ全部クライアントサイドJSで実装したほうが良いのでは?」と思い、Vue.jsで実装し直した。head要素内はSEOとかのためにサーバサイドでレンダリングし、body要素内は全てVue.jsでレンダリングするようにした。ページ内にいろいろな要素があり思ったよりも実装がしんどかったけど、もう少しで公開できる状態まで持っていけそう。今日は細かいバグの修正をいくつかした。

Softbank –> IIJmio

固定費を減らそうと思い、重い腰を上げてIIJmioにMNP転入を試みている。すでにIIJmioのSIMを1枚持っているので、もう1枚追加で注文した。早く届いてくれー!

kizaki.jpg

(この湖は軸がぶれてない。素敵。)

2019年に入ってから一週間くらい経つけど去年の思い出話を書く。

去年の後半はAnnictに対して表立った改修がほとんどできなかった。下の画像は2019年1月6日現在のお知らせ一覧だけど、6月に更新を行ってから12月末になるまで更新が途絶えている。(7月のお知らせは機能停止のお知らせなのでノーカンとしている)

Annict 2019-01-06 06-36-37.png

github.com/annict/annict も6月くらいから低迷している。

annict 2019-01-06 06-29-50.png

6月くらいから何をしていたかと言うと、Annictのシステムを一新する作業を始めていた。今思えば「V3作り始めます宣言」をDiscordに投下してから軸がぶれ始めたと思う…。 (AnnictのDiscordサーバはこちらです: https://discord.gg/PVJRUKP)

当初は下記のような構想を考えていた。

  • Railsで作られている現行システムをElixir/Phoenixで書き直す
  • フロント部分を github.com/annict/annict とは別のリポジトリにして、バックエンドとフロントエンドを完全に分ける
  • フロントエンドとバックエンドとのやり取りには外部にも公開するGraphQL APIを使用してドッグフーディングする

その後Elixirよりしっくり来る言語は無いかなと思い始めてReasonとかCrystalを触ったものの、Annictを作り直すにはどの言語も色々な車輪を再発明する必要があることがわかり、やっぱりRailsが一番!みたいな気持ちになったりとフラフラしていた。フロント側もTypeScriptを導入するしないを考えたり、Reasonを触り始めたこともあってVue.jsからReactに乗り換えようかなみたいなことを考えたりしてフラフラしていた。インフラ周りではApp EngineやAWSに移行できないかの調査を始めたり、やっぱりPaaSとかIaaSは値段が高いなと思い始めてDigitalOceanで運用しようとしたりしていた。どれも道半ばで挫折している。

Annictをどう作り直すかでフラフラしている中、はてなブックマーク (以下はてブ) の代替を目指すソーシャルブックマークサービスを作り始めたりもしていた。はてブを使い続けるのが厳しくなったというのもあるけど、Annictをどう作り直すかを悶々と考えるうちに別のことがしたくなったというのが本音だと思う。

こんな感じで軸がブレブレになっていたんだけど、秋アニメが豊作だったからか目立った更新をしていない期間も利用者が増加したり (更新 = 利用者増加とは思っていないけど) Annictの可能性を再認識する機会があったりで、低迷していたモチベーションが12月頃からぐーんと上がった。再び考えた結果以下のようにやっていくことにした。

Railsを使い続ける。 以前から触っていて使い慣れているし、エコシステムが成熟しているから現状Railsが一番楽に作れる。

Herokuを使い続ける。 時間はお金より大切、なので。

一気に書き直そうとせず、ページやコンポーネントごとに少しずつ書き直していく。 昔は機能やページが少なかったから一気に書き直すこともできたけど、その後いろいろと追加された今では難しいことがわかった…。

はてブでブックマークする習慣を断つ。 もともと厳しさを感じる箇所がブックマーク周りだったので、「ブックマークしなければ新しくソーシャルブックマークを作らなくて済むじゃん」という考えに至り習慣を断つことにした。はてブを利用しているときは何でもかんでもブックマークしていたけど、今はあとから見返すことがありそうなページだけPocketに保存するようにしている。Swarmのチェックインみたいなノリでブックマークを楽しんでいたから今の運用だと物足りないんだけど、きっと慣れる…はず。

GraphQL APIを内部でも使用してドッグフーディングしたい気持ちは今も変わっていないので、ページごとにAPIを充実させて少しずつ作り直していこうと思っている。

ここまでが去年の終わり頃にぼんやりと考えていたことで、その後年末に「Annict Developers」を公開したりPC版のナビゲーションメニューに改修を入れるなどした。今は人物や団体、キャラクターなどの情報が取得できるAPIエンドポイントを作っている。今年の冬アニメの期間にやることをGItHub Projectsで公開し始めたので、今後はこれに沿って開発を進めていく。

約5年前から「俺が考える最強のアニメ視聴記録サービス」を求めて作り続けてきたけど、まだまだ完成には程遠い。今年もなるべくそこに近づけるよう無理せず開発を続けていきたい。

shimba.co というドメインで自分のホームページを公開していたんだけど、それをSvbtleで運用することにした。一年くらい前にJekyllで運用するようにしたんだけど、メンテが地味に面倒になったのでSaaS (と言って良いのかな?) を利用することにした。Jekyll時代のページもブログと数個の外部リンク (TwitterとかGitHubとかへのリンク) くらいしかコンテンツが無かったので、サイト全体をSvbtleに変えても特に問題なかった。

Svbtleは有料のブログプラットフォームで、有料なところとシンプルなデザインが気に入った。無料で提供しているところはどうしても広告みたいなもので収益化しようとするので、広告とかPV増幅装置みたいなものでページがワチャワチャしがちで厳しい。Svbtleは広告が表示されないしシェアボタンなどの設置も任意に設定できるのでページがすっきりして良い。ほとんど更新しないサイトに月数ドル払うのはどうなんだろ…とも思ったけど、こういうプラットフォームは持続してほしいし、払ったからには何かしら更新しないと…という意識が芽生えると良いなということでお布施した。

たまに更新できたら良いな。

追記 (2019年1月6日 15時18分): HTTPSでアクセスするようにするには管理者にメールを送る必要があるということで、この記事を書いたあとHTTPSでアクセスできるようにしてというメールを送ったけど返事が来ない。管理者ー!早く来てくれー!

追記 (2019年1月6日 19時36分): 全然返事が来ないのでCloudFrontをかまして無理やりHTTPS化した。RSSフィードのURLとか canonical タグのURLがHTTPのままなのが気になるけど、一時的な対応ということで。😏

追記 (2019年2月2日 12時54分): 相変わらず返事が無いので「Write.as」に乗り換えることにした。

前回の記事「個人サイトを作り直した」から3年近く経っても1本も記事を書いていないのでもはや存在理由がわからない感じですが、また作り直しました。

今回は「Jekyll」を使いました。最初「Hugo」を使おうとしたんですが、設定方法がよくわからなくて挫折…。ファイルをどう配置すれば良いのかがちょっとわかりにくかったです。Jekyllは以前使っていたのでスムーズに設定できました。

コンテンツの配信に「Netlify」を使い始めました。個人利用なら無料だしGitHubと連携してPushすればすぐ反映されるし「Let's Encrypt」によるHTTPS対応もできるしリダイレクトの設定も簡単にできるしで最高です。

せっかく作り直したんだし、これから思うことがあったら更新していきたい…けど更新しないんだろうなあw

最近、2008年ごろから使っていた「bojovs」というハンドルネームをやめて 「shimbaco」という名前に切り替えました。 前の個人サイトはbojovs.com というドメインで運用していたので、 今回からshimba.co というドメインでやっていくことにしました。

それと、前は「Middleman」という静的サイトジェネレータを使ってましたが、 今回から「Metalsmith」というものを使い始めました。 すごくシンプルで、細かいことも調整しやすいので良い気がします。

Metalsmithを使ったブログ作成話はまた今度ブログに書きたいです。 やりたいことをゴリ押ししたところなんかも少しあるので、その辺も含めて…。 モノ自体はGitHubで公開しています

Metalsmithによって生成されたHTMLはAmazon S3に置いて運用しています。 今のところS3へのアップロードはマネジメントコンソールから手でガッと ドラッグアンドドロップしてる感じなので、Gulpか何かで自動化できたらなと思います。

三日三晩寝ながら作ったこのサイトをよろしくお願いします。 僕はアニメ「のだめカンタービレ」の視聴に戻ります。