開発効率爆上げ!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




Node.js開発のデファクトスタンダード:Express.jsを用いたシンプルなAPIサーバー構築例

さて、今回ご紹介するのは. ..Aさん (新人エンジニア) 「先輩、Web APIを作りたいんですけど、Node. jsだけだと、URLのルーティングとか、リクエストの処理とか、イチから全部書くのが大変で. ..‍」Bさん (先輩エンジニア) 「おっ、頑張ってるな!でも、そうなんだよな。特に大規模になってくると、生のNode


脱・ブラウザChatGPT!fabricを使い倒してAIをコマンドラインから操るエンジニア向け究極インフラ

「『人間をアップグレードする』? そんな厨二病心をくすぐるパワーワード、エンジニアなら黙っていられないはず!さあ、このコードの海にダイブしていきましょう!」「解説しましょう!これは単なるツール集じゃない。『自分専用の AI 脳』を構築するための設計図(インフラ)なんです!」


DockerでWindowsを操る!dockur/windows が開く新境地と活用法

今回は、ちょっぴりスパイ映画のような響きを持つ「dockur/windows」について、その正体を暴き、どのように私たちの開発ライフを助けてくれるのか、秘密の情報をお届けします。「dockur/windows」は、その名の通り、Dockerコンテナの中でWindowsを動かすための、まるで秘密基地のようなツールです。


Go言語で構築されたTraefikの威力:Docker/Kubernetes環境におけるサービスディスカバリとTLS自動化

Traefikは、まさに「クラウドネイティブアプリケーションプロキシ」というキャッチフレーズの通り、設定が容易、自動化、動的という三拍子揃った、現代のマイクロサービスやコンテナ環境に最適なリバースプロキシ兼ロードバランサーです。吉野家さんの牛丼に例えるなら、Traefikは


ソフトウェアエンジニアが知っておきたい!OSSの「Immich」で実現するプライベートな写真管理術

Immichっていうのはね、自分で管理できる写真や動画のストレージサービスだよ。簡単に言うと、GoogleフォトとかiCloudみたいなサービスを、自分の家のサーバーで動かせるようにしたものなの。お兄ちゃんはソフトウェアエンジニアだから、このすごさがわかるよね?ただの写真管理アプリじゃないんだよ。


22世紀のチャット運用術:AstrBotによるマルチプラットフォーム抽象化とエージェント基盤

のび太「ドラえも〜ん!LINEとかDiscordとか、いろんなSNSで動く自分専用のAI秘書を作りたいんだけど、設定が難しすぎて頭がパンクしそうだよ〜!」ドラえもん「やれやれ、のび太くんは相変わらずだね。でも安心しなよ!そんなときのために……(四次元ポケットをガサゴソ)……『AstrBot(アストラ・ボット)』!!」


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

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


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

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


ブラウザで物語を紡ぐ、PlayCanvas Editorの魔法

このエディターは、まるでアニメ制作スタジオの司令塔。キャラクターの動き、背景の美術、カメラワークなど、全てを一つの場所でコントロールできるんです。まるで「魔法少女」が変身するシーンを想像してみてください。通常、変身には複雑な呪文(コード)が必要ですが、PlayCanvas Editorは、その面倒な部分を肩代わりしてくれます。


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

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