UhiyamaLAB個人開発者の創作備忘録

ドラッグ&ドロップで即見開き!フォルダ内画像を雑誌感覚で閲覧できる「TwoPage Viewer」を作ってみた

2024/12/072024/12/07Web開発ツール開発


※表示されている画像は2024年8月に管理人が描いた練習イラストです。

今回作成したTwoPage Viewerは、指定した画像フォルダ内の画像を「見開き形式」で表示するシンプルな画像ビューアです。漫画や雑誌を閲覧するような感覚で、左右ページを同時に楽しむことができます。ドラッグ&ドロップ操作、右綴じ/左綴じ切り替え、ファイル名透かし表示など、さまざまな機能を備えています。

Githubレポジトリからソースコードを閲覧できるのでお好きにカスタマイズしてください。

主な特徴

  • ドラッグ&ドロップ対応:フォルダをウィンドウへ直接ドロップするだけで表示開始
  • 見開き表示:2ページ同時表示で雑誌・漫画感覚の閲覧
  • 右綴じ・左綴じ切り替え:日本の漫画(右綴じ)でも、洋書(左綴じ)でも直感的操作
  • ファイル名の透かし表示:必要に応じてファイル名を画像上部に表示可能
  • ページ送りがスムーズ:マウスホイールやキーボード操作でページを自在にめくれる
  • プログレスバー表示:現在ページ/総ページ数を一目瞭然

  1. 導入方法
  2. 使い方
  3. ソースコード全文
  4. ライセンス

導入方法

1. 必要な環境

TwoPage ViewerはPythonで実装されています。以下が必要です:

  • Python 3.7以上
  • ttkbootstrap:洗練されたGUIテーマ
  • Pillow:画像表示・処理用ライブラリ
  • tkinterdnd2(任意):D&Dに対応。未インストールでもフォルダ選択ダイアログで対応可能

インストールコマンド例:

  pip install ttkbootstrap pillow tkinterdnd2 

※tkinterは通常Pythonに同梱されていますが、一部環境では別途インストールが必要となる場合があります。


使い方

  1. ツールを起動すると、ドラッグ&ドロップまたは「フォルダを開く」ボタンで画像フォルダを指定できます。
  2. フォルダを読み込むと、表示領域に見開き表示されます。
  3. 左右キーやマウスホイールでページめくりが可能です。
    右綴じ/左綴じ切り替えボタンをクリックすると表示順を変更できます。
  4. 「ファイル名表示」を有効にすれば、各画像の上部にファイル名が透けて表示されます。
  5. 「最初に戻る」ボタンで1ページ目へジャンプできます。
  6. 「戻る」ボタンでメインメニューに戻り、別のフォルダを再選択することも可能です。

ソースコード

下記からTwoPage Viewerのソースコードが確認できます。必要なパッケージをインストール後、Pythonで実行するだけで動作します。

Githubレポジトリ


まとめ

今回は効率的な画像閲覧をするために「TwoPage Viewer」を作成してみました。フォルダごとウィンドウにD&Dするだけですぐに表示が切り替わるので便利だと思います。今後も新しい機能を思いついたら実装していくつもりです。

この記事をシェアする