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へ
スポンサード リンク
 おすすめフリーソフト
 お気に入りフリーソフト 2016

2016 年に紹介したフリーソフトを厳選して紹介

 Everything

超高速なファイル検索ソフト

 WinToFlash Lite

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

 Avidemux

多形式に対応した動画編集ソフト

 Microsoft Windows and Office ISO Download Tool

Windows & Office の ISO イメージファイル入手を支援

 Windows DVD メーカー

超簡単に使えるDVD 変換ソフト

 Tab Revolution

全画面表示の際に、マウスオーバーでタブバー&アドレスバー を表示できるようにする Chrome 拡張

 TC4Shell

アーカイブ / イメージファイル / 実行ファイル 等を、フォルダのような感覚で開けるようにする

 Twitter自動画像拡大フィルタ

Twitter の画像を、ブラウザの横幅や高さに合わせて拡大表示できるようにする Chrome & Firefox 拡張

 Video Clip QuickTool

各種動画ファイルを、カット / リサイズ / クロップ / 回転 / 反転 / 音量調整 することができる

 Paste As File

クリップボード内のテキストや画像を、右クリックメニューからファイルとして保存可能にする

 ImgDrive

イメージファイルを読み込み可能な “ 仮想ドライブ ” を、最大で 7 個まで作成できるようにする

 おすすめフリーソフト
 XnConvert

多形式に対応した画像変換&処理ソフト

 KillKeys

指定したキーを、無効化してくれるソフト

 Mp3 Volumer

各種音声ファイルの音量を、100% ~ 600% くらいまで上げてくれるソフト

 WOW64Menu

64 bit 版のエクスプローラ上で、32 bit 用の右クリックメニューを使えるようにする

スポンサードリンク

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