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

シンプル&高機能 なリモートデスクトップツール

 えこでこツール

各種動画ファイルから、音声を抽出する

 TrueCrypt

秘密のファイルを、徹底的に隠せるソフト

 IrfanView

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

 AG-デスクトップレコーダー

シンプルでありながらも高性能なデスクトップ録画ツール

 MDIE

スタンダードなインターフェースのタブ型ファイラー

 「プッシュ通知の許可を求めるポップアップ」が表示されないようにする方法

ChromeFirefox のアドレスバー上から、「プッシュ通知の許可を求めるポップアップ」が表示されないようにする方法

 Volume Control for HTML5 Video & Audio Tag

各タブの音量 / 再生状態 / 音質 等を、一元的に管理できるようにする Chrome 拡張& Firefox アドオン

 AVG AntiVirus Free 18

常駐監視型のウイルス&スパイウェア対策ソフト

 Avast Free Antivirus 18

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

 WebP Codec

WebP 形式の画像ファイルを、Windows 上で普通に表示できるようにするソフト

 Default Bookmark Folder

“ デフォルトのブックマーク先フォルダ ” を設定可能にする Firefox アドオン

 おすすめフリーソフト
 Rufus

各種OS のディスクイメージを元に、ブートUSB を高速作成

 Exact Audio Copy

高機能な音楽CD コピーツール

 LonelyScreen

iPhone / iPad の画面の内容を、パソコン上にミラーリング表示させるソフト

 Screenpresso

高度な画像編集機能を備えたスクリーンキャプチャーツール

スポンサードリンク

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