Crieitの開発

2019-01-05に作成

Crieitの開発ログ。

pablo.png

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

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

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

さっそくCrieitのリポジトリをGitHubのプライベートに移動した。草も移動してるっぽい。


ボードのfeed作った。


ボード投稿のコードハイライトが抜けてたので対応した。てかVue.jsの単一コンポーネント、template書かなくてもいいからロジックだけのこんなんでも良いんだな。

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'
import highlight from 'highlight.js'

@Component
export default class Highlight extends Vue {
  mounted() {
    highlight.initHighlightingOnLoad()
  }
}
</script>

html側

<highlight />

できた。まあ、return nullしてたところにボードの画像取得メソッド入れるだけだけど。

    public function getImage(): ?string
    {
        if (!preg_match_all('/!\[[^\]]*\]\(([^ \)]+)[^\)]*\)/', $this->body, $matches)) {
            return $this->board->getImage();
        }

        foreach ($matches[1] as $url) {
            $host = parse_url($url, PHP_URL_HOST);
            if ($host == 'storage.googleapis.com') {
                return $url;
            }
        }

        return $this->board->getImage();
    }

ボードページの横幅がやけに広かったので狭めた。


シェア文の省略のしかたもとりあえずはおおよそ問題なさそうかな。

だら 技術系投稿サービス運営中  dala00 さん   Twitter.png


ボード機能を100αバージョンでこっそリリースした。進捗は進捗ノートから引っ越して今後このボードで書き進めていく。また時間ある時に記事書こう…。

ボード作成するリンクは無いけどLaravel分かる人ならすぐわかりそう。