Tomoruruキャンバスに、あなただけの知を配置する。
ミニマリズムと機能性が交差する、次世代のニュータブ・ダッシュボード。
TabPaletté（タブパレット） は、ブラウザを開くたびに美しさとインスピレーションを提供する Chrome 拡張機能です。 ブックマーク（グループ）と付箋（Sticky Notes）をタイルのように配置。ノイズを徹底的に排除したミニマルなUIが、情報へのアクセスをかつてなくスマートにします。
情報を美しいグリッドへ。直感的なドラッグ＆ドロップによる自由なレイアウト構築が可能です。 絶対的な位置を保持したい要素には「ピン留め」を。流動性と固定性が美しく共存するワークスペースを実現します。
ワンクリックで、カオスから完全な秩序へ。 「左側にブックマークグループ、右側に付箋」という洗練された配置へ、ドラマチックに自動整列します。ピン留めされた要素は周囲の動きに惑わされることなく、グリッドにスナップしたまま現在の定位置を死守します。
グループ、付箋、あらゆる要素の移動に滑らかなアニメーションを実装。思考を妨げない、シームレスで心地よいインタラクションを提供します。
ブラウザ標準の野暮ったいUI要素は一切排除。独自実装によるスタイリッシュなカスタムドロップダウン、視認性の高い洗練されたキャレットなど、1pxの妥協も許さないデザイン哲学が貫かれています。
あなたのデータは、あなただけのローカルな世界に。 外部サーバーとの通信は一切なく、chrome.storage.sync を用いてブラウザの同期ストレージ内に安全に保存されます。
無駄な依存を省き、純粋なWeb標準技術の力で組まれています。
HTML5 & CSS3 （モダンなスタイリングとアニメーション）
Vanilla JavaScript （ピュアで高速なロジック処理）
SortableJS （極上のドラッグ＆ドロップ体験）
Create & Paint
画面上のコントロールから、ブックマークを束ねる「グループ」や、手軽なメモを残す「付箋」を追加します。
Arrange (Bento Grid)
追加した要素をドラッグして、自分にとって最適なレイアウトを探求します。
Pin & Lock
常に特定の場所に置いておきたいコアな情報は「ピン留めアイコン」をクリックして位置をロックします。
Smart Tidy Up (高度な整理)
画面が雑然としてきたら、Tidy Up ボタンを実行。ピン留め要素の位置は死守したまま、残りの要素が「左側にグループ・右側に付箋」というルールの下で美しいBentoレイアウトへと再構築されます。
開発者モードを利用して、数ステップで導入可能です。
Zipファイルをダウンロードし、ディレクトリを展開します。
Google Chrome を開き、アドレスバーに chrome://extensions/ と入力して拡張機能管理ページへアクセスします。
画面右上の 「デベロッパーモード」 をオンに切り替えます。
画面左上の 「パッケージ化されていない拡張機能を読み込む」 をクリックし、展開した TabPaletté のディレクトリを選択します。
新しいタブを開き、あなただけのキャンバスを描き始めてください。
シェア！
初めまして。 Tomoruruです。 ハッカソン初参加です。 皆さまから刺激を受けながら、 アプリ公開まで頑張りたいと思います👋 Note: https://note.com/aimap_journey
