エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
GatsbyでCytoscape.jsを使って記事関連マップを作った | Takumon Blog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
GatsbyでCytoscape.jsを使って記事関連マップを作った | Takumon Blog
なにこれ 以前の記事で紹介したタグとキーワードから関連記事を算出するロジックと、Cytoscape.jsを用い... なにこれ 以前の記事で紹介したタグとキーワードから関連記事を算出するロジックと、Cytoscape.jsを用いて記事の関連情報を視覚的に確認できるマップを作りました。 今回はそのマップの紹介とCytoscape.jsを使ってみた感想です。 記事関連マップ 使い方 URL: https://takumon.com/map 遷移方法: 一覧ページのCytoscapleアイコンから遷移できます。 記事のサムネイル画像が、タグ・キーワードの関連線でつながっています。 記事はドラッグ&ドロップでグリグリ動かせます。 関連線はタグよりもキーワードのほうが太くなっています。 記事にマウスカーソルを合わせると拡大され、関連線が青にハイライトされたり... 記事関連マップをフルスクリーン表示できたり... 記事クリックで記事ページに遷移できたりします。 過去記事を視覚的に俯瞰できるのでとても良い 以前から関