Crieitの開発

2019-01-05に作成

Crieitの開発ログ。

pablo.png

Crieitの開発 | 進捗ノート からの続き。

Crieitの新しい ボード機能 のテストも兼ねて運用中。上部ナビから誰でも作成できます。

所有者限定モードのためこのボードには投稿できません ボードとは?

フロントの処理を調整した副産物で、ボードやその下の本文にもツイートとCodePenをすぐ埋め込めるように対応できた。ボード+CodePenはなんか色々面白いことができる可能性がありそう…?


フロントの不要になった処理を削除した。Vueコンポーネントが一つ削除できた!(そのかわり一つ増えた)


NowでCrieitのデータと連携させてOGP作るのをマイクロサービス的に作っとくかな。


記事は元々、簡易的にSSRしたあとフロント側のMarkdown Viewerで再描画してたんだけど、Viewer側の機能を削ってきた結果として再描画は不要になってきてるからSSRだけで簡潔させてフロントの処理は丸々削除しようと対応中。


遂にスマホ用の下部グローバルナビを追加した。スマホ操作が楽になった気がする。

でもレスポンス対応してるとはいえ、まだPC向けベースのUIになっててスマホだと使いづらい部分が多いからちょいちょいスマホで操作しつつ調整していく。これもスマホで書いてる。

Bootstrapのdrawerが上下にスクロールしちゃうやつだったからfixedになおしたけど細かい調整が多くかなり時間がかかった。記事にでもする。


ボードの開発が落ち着きつつあるので直近のロードマップ。

記事やボード内投稿後にシェアを促すダイアログを表示
→スマホUI対応
→2月になったらボード内投稿を月ごとに絞り込めるようにする
→ボードで色々投稿して試しつつ、必要な対応があれば修正。開発メインではなくなるので他のサービスの開発を再開する


おおよそ準備が進んできたのでナビにボード一覧のリンクを追加した。徐々に動線を強化したり、来週くらいから色々ボードを乱立させていく。


コメント通知思ったよりすぐにできた。記事側の処理をほとんど参考にできたし。ぼちぼちボードの動線随時強化していこう。


ユーザーのプロフィールにも作った連載一覧を表示するようにしました。


連載機能を作りました。できることは

  • 連載記事一覧ページ
  • feed
  • 記事から次の記事に行ける

等。タグの詳細ページに行き、そのタグに対して作成する形。また説明の記事は後日書く予定です。

微妙に削除機能とかユーザーの連載一覧とかが無かったりするので随時必要な機能を追加しながら進めていく予定です。

下記は以前たまたま書いていた連載を今回の連載機能を使ってまとめてみたものです。


自分の記事に関しては、記事一覧ページでもアクセス数を見ることができるようにしました。

accesscount.png


タグを利用するボードの場合、ブログのカテゴリ一覧のようにタグ一覧を表示して絞り込み表示をできるようにしました。

スマホ表示の場合はブログのように下の方に表示していますが、どういう形がベスト化は悩み中…。

投稿やタグに変動があった時に再計算して保存するようにしているため、表示時は単に表示するようにしています。負荷を抑えるためですが、ぶっちゃけ今の投稿数が少ない段階できっちりやる必要はなかったのかもしれません。ただ、どうも気になってやってしまいました…。

ボード内の投稿が増えて、ページ分けが始まったころにでも作ろうかと思っていましたが、なぜか作ってしまいました。本来コメント通知機能等のほうが優先だと思われるので引き続きそちらを進めていく…前に連載機能の方をちょっとやってみたいと思います。


突貫工事だけどiPhoneから投稿する場合は普通のtextareaにするようにした。

CodeMirrorの問題で文字を打ってる途中で勝手に変換が確定されてしまう問題があり、且つそれを直しても特定の操作でタブがクラッシュしてしまうため、一番安全なtextareaにすることにした。(iPhoneから投稿)


ボード内投稿のシェア本文が使いづらい感じだったので修正した。(ボード名+本文→本文+ボード名)


個人的にボードへの移動がすごく面倒だったのでグローバルナビにボード一覧を5件まで表示するようにした。