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へ
スポンサード リンク
 おすすめフリーソフト
 Windows 10 関連のフリーソフト

Windows 10 に入れたら役に立つかもしれないフリーソフト

 CCCP

定番のコーデックパック

 WinToFlash Lite

Windows のインストールディスク / イメージ を元に、ブートUSB を作成

 BunBackup

定番のファイルバックアップツール

 FastCopy

ファイルやフォルダを、高速にコピー / 移動

 IrfanView

多機能なマルチメディアビューア

 FastWindowSwitcher

アプリケーションウインドウを、キー操作のみで選択(アクティブ化)できるようにするソフト

 Windows Mixed Reality PC Check

現在使用しているパソコンが、「Windows Mixed Reality」に対応しているかどうかをチェックしてくれる

 SystemInfo

一画面完結型のシンプルなシステムインフォメーションツール

 CursorLock

特定のウインドウが前面にある時、マウスカーソルが別ディスプレイへ出て行けないようにするソフト

 Steam Mover

Steam でインストールしたゲームを、別のドライブ内に移せるようにするソフト

 Artweaver

アートな質感のブラシを多数揃えたペイント・お絵かきソフト

 おすすめフリーソフト
 TakeOwnershipPro

アクセスが拒否されて開けないフォルダを、開けるようにする

 Windows 10 DPI Fix

Windows 10 の “ 文字がぼやけて見える現象 ” を、解決してくれる

 Quick Startup

総合的なスタートアップアイテム管理ツール

 tsMuxeR

Blu-ray データを、作成 / 分解 / 編集 することができる

スポンサードリンク

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