Juicebox

Juicebox の概要や使い方を紹介しています

Juicebox を紹介しているページです
 はてなブックマークに追加  Twitter でつぶやく  Facebook でシェア  mixi でつぶやく  google+ で共有  Pocket に登録

HTML5 で動作するフォトギャラリーを一発生成!「Juicebox」。

Juicebox
制作者 Juicebox
対応 XP/Vista/7/8

Download (Lite )

● Juicebox

Flash 未使用の HTML5 なフォトギャラリーを作成することができるソフト。
ドラッグ&ドロップで放り込んだ画像ファイルを元に、HTML5 で動作する美しいフォトギャラリーを一発生成できるようにしてくれます。
難しい設定を全く必要とせずに使えるシンプルなソフトです。

「Juicebox」は、HTML5 なフォトギャラリーを作成することができるソフトです。
ドラッグ&ドロップで登録した画像ファイルを元にして、モダンでスタイリッシュなフォトギャラリーを作成することができる... というシンプルなギャラリービルダーです。
デモギャラリー  デモギャラリー 2  デモギャラリー 3
操作は、基本的に

  1. 素材画像をドラッグ&ドロップ
  2. ギャラリーのタイトルを決める
だけなので超簡単。
(もちろん、ある程度オプション設定を行うこともできる)
作成されたギャラリーはFlash なしで動作するため、Flash に対応していないデバイス上でも見れるようになっています。
尚、フリー版 (Juicebox Lite ) には、
  • 1 つのギャラリー内で使用できる画像は、50 枚まで
  • ギャラリーの右下隅に、Juicebox のロゴ&リンク が表示される
という制限があるので注意。

使い方は以下のとおりです。
このソフトを使用するには、「Adobe AIR」 をインストールしている必要があります。
(「Adobe AIR」をインストールしてから、「JuiceboxBuilder-Lite.air」をインストールする)

  1. 「JuiceboxBuilder-Lite.exe」を実行します。
  2. 画面中央の「New Gallery」ボタンをクリック※1
    ※1 「Open Gallery」ボタンを押すことで、既存のギャラリーを開く(再編集)することもできる。
    (「フォルダの参照」ダイアログが表示されるので、ギャラリーが入っているフォルダを選択する)

  3. 素材画像の設定
  4. 画面左の「DROP IMAGE HERE」という部分に、素材画像をドラッグ&ドロップします。
  5. 必要に応じて、左下の「Image Size」欄で
    • Resize Images - (大きい画像を) リサイズする
      • Crop To Fit - 必要であれば、画像をクロップする
      • Max Image Size - 画像の最大サイズ※2
    といったオプションを設定しておきます。
    ※2 オリジナル画像の横 / 縦 辺のうち、長い方がここで指定したサイズにリサイズされる。
    (もう一方の値は、自動的に決定される)
  6. 画面右側に、素材画像がリスト表示されています。
    このままでもOK ですが、画像のタイトル / キャプション を設定しておいてもよいでしょう※3
    ※3 画像のタイトルは、ファイル名の部分を編集することで設定できる
    キャプションは、「Caption」という行で編集することができる。

  7. ギャラリーの設定
  8. 画面上部の「Customize」というリンクをクリック。
  9. ここで、
    • Gallery Title - ギャラリーのタイトル
    • Gallery Width - ギャラリーの横幅
    • Gallery Height - ギャラリーの高さ
    • Background Color - 背景色
    • Opacity - 背景の透明度※4
    • Show Open Buttom - 「画像を、新しいタブで開く」ボタン( Open )を表示する
    • Show Expand Button - 「フルスクリーンで表示」ボタン( Expand )を表示する※5
    • Show Thumbs Button - 「サムネイルの表示 / 非表示」ボタン( Thumbs )を表示する
    といったオプションを設定しておきます。
    ※4 0 ~ 10 の間で指定する?模様。
    数値が小さくなるほど、透明度が高くなる。

    ※5 このボタンは、ギャラリーサイズを 100% 未満にした場合に表示される。
    ( 100% の時は表示されない)

  10. ギャラリーを出力
  11. 画面上部の「Publish」というリンクをクリック。
  12. ここでは、
    • Gallery Folder - ギャラリーの出力先フォルダ
    • Index Page Name - インデックスページのファイル名
    • View in Browser - 完成したギャラリーを、ブラウザで開く
    といったオプションを設定して「Save」ボタンをクリックします。
  13. すると、指定しておいたフォルダ内にイメージギャラリーが出力されます。
    あとは、このフォルダごとサーバーにアップロードすればOK です。

 はてなブックマークに追加  Twitter でつぶやく  Facebook でシェア  mixi でつぶやく  google+ で共有  Pocket に登録
Juicebox TOPへ
スポンサード リンク
 おすすめフリーソフト
 AviUtl

高機能かつ使いやすい動画編集ソフト

 GeekUninstaller

アプリケーションを徹底的にアンインストール

 Explzh

高機能な圧縮 ・解凍ソフト

 Recuva

高機能なファイル復元ソフト

 VidCutter

各種動画ファイルを、無劣化で高速にカット編集

 Caesium

画像を綺麗に圧縮できるソフト

 QuickLook

エクスプローラで選択中のファイルを、スペースキー押しでプレビュー表示できるようにするソフト

 Snapdrop

同一の LAN 内に存在するデバイスに、ファイルやメッセージを一発送信することができる Web アプリ

 Media URL Timestamper

YouTube 等の動画サイト上にて、" 指定した場面から再生可能なURL " を一発取得できるようにする(Firefox

 PDF Anti-Copy

指定した PDF ファイルを、コピー&変換 できない仕様にコンバートしてくれるソフト

 Taskplay

各種メディアプレイヤーの動作を、タスクトレイ上から制御できるようにするソフト

 Windows 10 の ISO イメージを、MS のサイトから直接ダウンロードする方法

ブラウザの「開発者ツール」や拡張機能を使うことで、ISO イメージファイルを直接ダウンロード

 おすすめフリーソフト
 AnyDesk

シンプルかつ高速なリモートデスクトップツール

 Leeyes

画像の “ 見開き表示 ” にも対応したエクスプローラ風画像ビューア

 Clean Uninstall

アドオンを完全にアンインストールできるようにするFirefox アドオン

 ポップアップブロッカー

“ ブロックできないポップ ” をブロック可能にする Chrome 拡張

スポンサードリンク

Juicebox を紹介しているページです