Crieitの開発

2019-01-05に作成

Crieitの開発ログ。

pablo.png

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

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

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

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

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


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


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


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


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

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

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

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

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


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

accesscount.png


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

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

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

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


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

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


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


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


ボード内投稿のいいね一覧を作成した。


動線は作ってないけどボード一覧を作ってみた。ボード増えて過疎感がなくなったら導線つけようかと思ったけどカードがでかいしもう問題なさそうかな?

ボード一覧   Crieit.png


記事入力画面で本文の文字数を表示するようにした。MarkdownではなくHTMLの状態でタグを削除した文字数をカウントしているので恐らく実際に表示する文字数に近いはず…。


投稿詳細にArticleの構造化マークアップを入れてみた。しかし実際にどうやって自分で検索結果で確認できる日が来るんだろう…。

よく分かってないけどこんなJSON

        return [
            '@context' => 'http://schema.org',
            '@type' => 'Article',
            'mainEntityOfPage' => [
                '@type' => 'WebPage',
                '@id' => config('app.url') . "/posts/{$this->unique_id}",
            ],
            'headline' => $this->name,
            'image' => $images,
            'datePublished' => $this->created_at->format('c'),
            'dateModified' => $this->updated_at->format('c'),
            'author' => [
                '@type' => 'Person',
                'name' => $this->user->name,
            ],
            'publisher' => [
                '@type' => 'Organization',
                'name' => 'Crieit',
                'logo' => [
                    '@type' => 'ImageObject',
                    'url' => config('app.url') . '/img/card.png',
                ],
            ],
            'description' => $this->getDescription(107),
        ];

ボード内の投稿にコメントできるようにした。コメントがあるとこんな感じでリンクが付く。引き続き通知機能を作らないとコメントに気づけないので困りそう…。

あとコメントフォーム周りの広告が非常に邪魔な感じになってるので調整する。

heading test   Laravel.png