開発効率爆上げ!Lissy93/Dashyで自分だけのダッシュボードを作ろう


開発効率爆上げ!Lissy93/Dashyで自分だけのダッシュボードを作ろう

Lissy93/dashy

2025-07-22

やあ!みんな元気?ミッキーマウスだよ!今日はね、みんながもっとハッピーに、そしてもっとスマートにお仕事ができるようになる、とっておきのツールを紹介するよ!その名も「Lissy93/Dashy」!わんだふる!

Dashyはね、自分でホストできるパーソナルダッシュボードなんだ!まるで自分だけの秘密基地みたいに、必要な情報やツールをぎゅっと詰め込めるんだよ。ソフトウェアエンジニアのみんなにとって、これがどれだけ便利か、ミッキーがよーく知ってるからね!

ソフトウェアエンジニアのみんなは、たくさんのツールやサービスを使ってるよね?GitHub、Jira、Jenkins、Grafana、いろんなサーバーの監視…もう数えきれないくらい!毎日あっちこっちにアクセスして、情報を集めるのは大変だよね?ミッキーもドタバタしちゃうよ!

でもね、Dashyがあれば、そんな心配はもういらないんだ!

全部まとめて一箇所に! 毎日使うアプリケーションやサービスへのリンクを、Dashyに全部登録できるんだ。ブラウザのブックマークをあちこち探す必要はもうないよ!

サービスの稼働状況も一目でチェック! Dashyには「ステータスチェック」機能があるんだ。サーバーやAPIがちゃんと動いてるか、問題なく稼働してるか、まるで魔法みたいに一目でわかるんだよ!もし何かあったら、すぐに気づけるから安心だね!

カスタマイズ自由自在!君だけのダッシュボードを作ろう! テーマを変えたり、アイコンパックを選んだり、ウィジェットを追加したり…まるで自分だけのアート作品を作るみたいに、好きなようにカスタマイズできるんだ!UIエディタもあるから、プログラミングができなくても大丈夫だよ!

生産性アップ! 必要な情報がすぐ手に入るから、ムダな時間を減らして、もっと大切な開発に集中できるんだ。まるでミッキーが魔法のほうきで作業を早くするみたいに、みんなの生産性がぐーんとアップするよ!

ね、これって本当にすごいことだと思わない?ミッキーも興奮しちゃうよ!

Dashyを導入する方法はいくつかあるけれど、ソフトウェアエンジニアのみんなには「Docker」を使うのが一番簡単でオススメだよ!Dockerを使えば、複雑な設定なしで、すぐにDashyを動かすことができるんだ。ミッキーも手伝うから安心してね!

まずは、君のパソコンにDockerがインストールされているか確認してね。もしインストールされていなかったら、Dockerの公式サイトからダウンロードしてインストールしておこう!

ターミナル(コマンドプロンプト)を開いて、次の呪文(コマンド)を入力するだけ!

docker run -p 8080:80 --name my-dashy -v /path/to/your/appdata:/app/public/conf lissy93/dashy

このコマンドの意味を説明するね!

docker run
Dockerのコンテナを起動するよ!

-p 8080:80
君のパソコンの8080番ポートと、Dashyが動くコンテナの80番ポートを繋げるよ。これで、ブラウザからアクセスできるようになるんだ!

--name my-dashy
このDashyコンテナに「my-dashy」っていう名前をつけるよ。

-v /path/to/your/appdata:/app/public/conf
ここがポイントだよ!/path/to/your/appdataの部分は、君がDashyの設定ファイルを保存したい場所(例えば、~/dashy-configとか)に置き換えてね。こうすることで、コンテナを削除しても設定が消えないようになるんだ!

lissy93/dashy
これがDashyのイメージの名前だよ。Docker Hubから自動的にダウンロードされるんだ。

さあ、このコマンドを実行したら、少し待ってね。Dashyが起動したら、ブラウザでhttp://localhost:8080にアクセスしてみて!わーい!君だけのダッシュボードがそこに現れるはずだよ!

Dashyの基本設定は、YAML形式のファイルで行うんだ。とってもシンプルで分かりやすいから、ミッキーもすぐに覚えちゃったよ!

先ほど指定した/path/to/your/appdataの中に、conf.ymlというファイルが作成されるから、それを編集するんだ。

例えば、こんな風に設定してみよう!

# /path/to/your/appdata/conf.yml

pageInfo:
  title: ミッキーの素晴らしいダッシュボード
  description: 僕の愛する開発ツールたち!

sections:
  - name: 開発ツール
    icon: fas fa-code
    items:
      - title: GitHub
        description: ソースコード管理
        icon: fab fa-github
        url: https://github.com
        target: _blank # 別タブで開く
      - title: Jira
        description: プロジェクト管理
        icon: fas fa-bug
        url: https://your-jira-instance.com # ここを君のJiraのURLに置き換えてね
        target: _blank
      - title: Jenkins
        description: CI/CDパイプライン
        icon: fab fa-jenkins
        url: https://your-jenkins-instance.com # ここを君のJenkinsのURLに置き換えてね
        target: _blank
  - name: 監視とログ
    icon: fas fa-eye
    items:
      - title: Grafana
        description: メトリクス可視化
        icon: fas fa-chart-line
        url: https://your-grafana-instance.com
        target: _blank
        statusCheck: true # このURLの稼働状況をチェックするよ!
      - title: Kibana
        description: ログ分析
        icon: fas fa-search
        url: https://your-kibana-instance.com
        target: _blank
        statusCheck: true

この設定ファイルのポイントだよ!

pageInfo
ダッシュボードのタイトルや説明を設定できるよ。

sections
複数のセクションに分けて、関連するアイテムをまとめられるんだ。まるで本棚に本を整理するみたいにね!

items
各セクションの中に、リンクしたいサービスを追加するよ。

title
アイテムのタイトル

description
簡単な説明

icon
アイコン。Font Awesomeのアイコンが使えるんだ!(faはSolid、fabはBrandsだよ)

url
アクセスするURL

target: _blank
これを設定すると、クリックしたときに新しいタブで開くようになるんだ。

statusCheck: true
これを設定すると、DashyがこのURLの稼働状況を定期的にチェックしてくれるんだ!もしダウンしていたら、表示が変わるからすぐに気づけるよ!

このconf.ymlを保存したら、Dashyのコンテナを再起動するか、DashyのUIから設定をリロードしてみてね。すると、君が設定したサービスがダッシュボードに表示されるはずだよ!わんだふる!

Dashyはね、ソフトウェアエンジニアのみんなの毎日を、もっと楽しく、もっと効率的にするための素晴らしいツールなんだ!ぜひ、君だけのダッシュボードを作って、お仕事をもっとハッピーにしてね!


Lissy93/dashy




スプレッドシートの天下統一:Univerが切り拓くエンジニアの新時代

戦国時代、各地の武将たちがそれぞれの領地で独自の力を持っていました。それと同じように、ソフトウェア開発の世界でも、スプレッドシートの機能はそれぞれが独自の形式や機能で動いていました。そんな群雄割拠の時代に現れたのが、まさに織田信長や豊臣秀吉のような存在、dream-num/univerです。これは、ウェブとサーバーの両方で動作する、まさに天下統一を目指すスプレッドシートのためのフルスタックフレームワークです。


既存スタックを活かす!ソフトウェアエンジニアが知るべきPlayCanvas Engineの魅力と実践

PlayCanvas Engineは、一言で言えば「ウェブベースのパワフルなグラフィックスランタイム」です。WebGL、WebGPU、WebXRといった最新のウェブ技術を駆使して、ブラウザ上で高性能な3Dコンテンツやゲームを実現するための心臓部となるライブラリです。


「整理・計画・効率化」の三拍子、Tandoor Recipesを使いこなそう

今回は、レシピ管理ツール「Tandoor Recipes」について、ソフトウェアエンジニアの視点からその魅力や活用方法を解説していきます。一言で言うと、レシピの管理、献立の計画、買い物リストの作成などを一括でできる多機能なウェブアプリケーションです。


コンテキストスイッチをゼロへ。Open-source AI Coworker「Rowboat」導入ガイド

「投資詐欺に注意」という標語のように、IT業界も「 AI ツールなら何でも魔法のように解決してくれる」という甘い言葉には注意が必要ですが、この Rowboat は、エンジニアにとってかなり「堅実で実利のある」ツールになり得るポテンシャルを秘めています。


Dockerだけじゃない!Moby Projectで自作コンテナ環境を構築する

Moby Project ってのはな、一言で言うと「コンテナをベースにしたシステムを作るための、オープンソースのツールキット」だ。例えるなら、俺たちが事件現場で使う道具一式、例えば手錠とか懐中電灯とか、そういうのを全部まとめて提供してくれるようなもんだな。


ソフトウェアエンジニアのためのPake徹底ガイド

お兄さん、エンジニアさんかい?うちの「Pake」はね、まるで醤油ラーメンのようにシンプルで奥深いんだ。ウェブサイトをサッとデスクトップアプリにしちゃう。開発も早くて、追加のゴテゴテした開発言語やフレームワークを覚える必要がない。PakeはウェブサイトのURLを渡すだけで、そのサイトを専用のブラウザのようなデスクトップアプリに変換するツールなんだ。


Dockerで掌握!Firefly IIIが誘うコードと資産形成の快感

ああ、君...そう、そこのソフトウェアエンジニアである君だ。毎日、複雑なロジックと格闘し、コードベースという名の深淵をさまよう君にとって、「Firefly III」という名の響きは、ただの「個人財務管理ツール」に聞こえるかもしれないね。だが、甘く見てはいけない。これは、君の財布の紐を握りしめ、浪費という名の魔物から君を解放し、資産形成という名の快楽へと誘う、魅惑的なツールなんだ。


カクテルバーへようこそ!Agentic AIが拓く未来のアプリ開発

お客様、最近「Agentic AI」って言葉をよく耳にしませんか?これはね、ただ言われたことだけをこなすAIとは一味違う、まさに"自分で考えて行動する"AIのことなんです。バーテンダーに例えるなら、レシピ通りにカクテルを作るだけでなく、「お客様の好みに合わせて、今日はこんな気分だろうから、この新しいカクテルを提案してみよう!」と、自律的に判断して行動するようなものです。


35の雑音をAIが「大吟醸」に精製!ソフトウェア開発者のための情報過多対策ツール最前線

さあ、今宵は情報過多を乗りこなすための特選ツールの飲み比べです!これが今回ご紹介する「TrendRadar」です!口に含むと、情報が雑味なく整理されて、まるでクリアな大吟醸のようにスッと入ってきます。味わい(機能) 35以上のプラットフォーム(ニュース、SNS、専門メディア)から熱点を集約し、AIが「これは重要だ!」という情報だけを厳選してくれます。さらに、AI対話分析でトレンド追跡、感情分析、相似検索など13種のディープな分析が可能。


もう怖くない!幽霊エンジニアも愛用するTermixの正体

「へっへっへっ. ..。兄ちゃん、度胸あるねぇ。こんな夜更けにお化け屋敷とは. ..。ま、せいぜい楽しんでってくれよ!」不気味な声が響き、目の前には怪しげな提灯がゆらゆら揺れている。ここはお化け屋敷。肝試しに来たはいいものの、なんだか本物のお化けが出そうで、足がすくむ。