engineeringhugoblogこんにちは、@kz_moritaです。なるまで皆さんに読んでいただけるまでになりました。87.26%となかなか高かったのでここを改善するために、ブログ記事に関連する記事を表示してみました。使ってる方はぜひ入れてみてください。バージョンは以下になります。自分のサイトの例を下記に載せます。}}重要な部分は以下の部分です。}}この記述だけで、現在表示している記事の関連記事を取得できるようです。内部のロジックは正確に把握していないのですが、おそらくタグなどをみて関連づけているようです。以上で導入されたようです。}}</ul>レイアウトの部分に関しては上記の記述だけで良い感じに表示することができました。リストアイテムをコンポーネント化してたのでとても簡単でした。関連記事を出す方法について簡単に紹介しました。これでこの記事の下にも関連記事が表示されているはずです。バージョンアップに多少てこずりました。一気にあげたため色々変わっていて大変でした。こまめなアップデートは必須ですね。2019若干てこずりましたが無事関連記事が追加できたので、直帰率がどのように変化するのか見守ってみたいと思います。このブログの更新ですが、週一で更新をし続けて今日で丸1年間が経ちました。50記事になりました。あっという間でしたが1年続けられたことに自分でもかなり驚いてます。その中の皆様のおかげです。ありがとうございます。今回は特に技術的なネタではないのですが、このブログを週一で更新するという習慣がちょうど1年間経って未だ継続できているのでそのことについて振り返ってみます。週一でブログを書き始めたきっかけが以下のブログです。上記のブログにも記載してある通り、Output量を増やしたいというのとOutput駆動で深いInputを増やしたいということが週一でブログを書こうとしたことの目的でした。1年間続けることができましたが、どんな感じだったのか簡単に振り返ります。文章力には自信がないのですが、1年間書き続けたことで多少なりとも文章を書くことに対しての抵抗感などがなくなったと感じています。その結果かどうかはわかりませんが、技術書典7において会社の人と合同で本を出すことになりました。この一歩が踏み出せたのは、日頃のブログを書く習慣のおかげかなぁと思っています。知識として身につけているつもりでも、いざブログを書こうとするとかけなかったりすることがとても多かったです。自分の知識を筋道をつけてちゃんとブログとして書くということを通して、思考を整理できたのではないかなーと思っています。去年1年間でどのようなことを学んだのかが大まかに記録として残っているのが良いなぁと思っています。アドベントカレンダーに投稿していたり、どんなことをやっていたかがわかるのは後から振り返るのにとても良いと思いました。週一での記事公開を成し遂げるために、今知ってる知識をどうにかやりくりして記事にして公開するということが多かったです。考えるとあまり目的に向かった行動ではなかったのかなと思っています。ほとんどの週が週末のギリギリのタイミングで公開していました。余裕を持って書きたいです。これからももちろん続けていきたいわけなのですが、以下の点に意識して頑張りたいと思います。いえ、これからも継続的に続けることが最低ラインだと思っていますので、それをしっかりこなしつつ質をあげたり新しいことを学んだりできるように頑張っていきます。図形の描画にmermaidを導入したこんにちは、kz_moritaです。Hugoに導入してみました。以下のような図形が割と簡単にかけるので非常におすすめです。Hugoを使っていて、図形を描画してみたいといった方は参考にしていただけるかと思います。インストールは以下のコマンドでサクッと行いました。自分はwebpackとbabelでjsをビルドしているので、導入にあたっては以下のサイトを参考にしました。mermaidの初期化の処理を書きます。以上で導入は終わりです。Hugoで簡単に図形を書くために以下のようなshortcodeを作成しました。冒頭で紹介したグラフであれば、以下のように記述することができます。色々な図形がかけるみたいなので、いくつか抜粋して紹介します。2019年2月6日Hugoで外部リンクを開くためのshortcodeを作った話Hugoでマークダウンで記事を書くときに、リンクを外部リンクで開きたかったのでそれ専用のshortcodeを作りました。指定などを自動で入れてくれるものを作ろうと言った感じです。Hugoでshortcodeは以下の順番で探されます。以下にexlink.htmlという名前で作りました。自分を追い込んで行くために宣言します。週一でブログを更新するという強制的なOutputの習慣をつくり、InputとOutputのサイクルを回し、より深い知識を得ようとする試みのことです。私はエンジニアとして働かせてもらっていますが、周囲の優秀なエンジニアと自分を比較して劣等感に苛まれることが多々あります。いう疑問が生まれてきました。圧倒的に自分にはOutputの量が足りないなぁということ。Outputした瞬間であることであると考えました。Outputの習慣を作ること。Output駆動でより多く深いInputを得ることを目的として週一でブログを更新していこうと思い至りました。自分の中で以下のルールを定めました。4番目に関しては、内容は問いませんがあくまで「InputとOutputのサイクルを回す」「深い知識を得る」という目的に沿っていればOKという前提はあります。Apps)自体は以前から気にはなっていたのですが、最近iOS11.3のSafari11.1から対応されるとのことで周囲でちょっと盛り上がってたので自分のブログに対応させてみたくなってしまったので対応させました。今回説明するのはホームスクリーンにアイコンを設置できるようにするところまでです。公式サイトによるとバナーが出る条件は以下のようになっています。