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へ
スポンサード リンク
 おすすめフリーソフト
 CCCP

定番のコーデックパック

 Classic Shell

スタートメニューを、クラシックスタイルに

 Free Download Manager

高機能かつ使いやすいダウンローダー

 avast! Free Antivirus

豊富な機能を備えた常駐監視型のアンチウイルス

 Avidemux

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

 MiniTool Partition Wizard Free

パーティションをあれこれ操作できるソフト

 Bulk Resize Photos

大量の画像ファイルを、高速に一括リサイズしてくれるウェブサービス

 Twitter as a Sidebar

Firefox のサイドバー内に、Twitter を表示できるようにするアドオン

 Imagine

ドラッグ&ドロップで放り込んだ JPEG / PNG ファイルを、画質劣化なしに圧縮してくれるソフト

 バックアップと同期

PC 内のファイルを、Google ドライブ / Google フォト に自動でバックアップできるようにするソフト

 White Noise

豊富な自然環境音を利用可能な、リラックスミュージック専用の音楽プレイヤー

 WordPress Theme Detector

指定した WordPress サイトで使われているテーマとプラグインを、一発調査してくれるウェブサービス

 おすすめフリーソフト
 XnConvert

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

 エクセルde2ch画像収集

2 ちゃんねる等の特定スレッド内に貼られている画像を、全自動でダウンロード

 Speccy

シンプルで使いやすいシステムインフォメーションツール

 dhIMG Twitter

特定のTwitter ユーザーによりアップロードされた画像を、一括してダウンロード

スポンサードリンク

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