デジタルステージ - 開発ブログ

DIGITALSTAGE Official Blog 開発BLOG

デジタルステージ・メールマガジン

バックナンバーはこちら

ジタルステージが仕掛ける「素敵なコト」、お知らせします。

デジタルステージ代表・平野のコラムをはじめ、新製品情報からアップグレードなどの重要なお知らせ、またプレゼントキャンペーンなどのお得情報、ときには公開前の非公開情報まで、デジタルステージの情報のすべてを最初にここから発信していきます。さあ、今すぐご登録ください!

   メールアドレス:

 

開発中のSYNCの動作サンプル、お見せします!(動画あり)


2009年04月02日 [ BiND for WebLiFE* ]


みなさんこんにちは!デジタルステージ平野です。

さぁ今日は、いよいよSYNCの動作画面や、実際の操作方法、どこまでどういうことができるのか、などなどの全貌を『サンプルページ』を交えた『動画』でお伝えします!!

【最近のエントリー】
  • この春、SYNCが登場します!
  • 開発中のSYNCの画面、お見せします!
  • SYNCならデザインはBiNDで、更新はブラウザで!?

  • SYNCの操作や出来映えって、ものすごくシンプルで迷うことが少なくなっているのですが、それが故にサンプルページだけを見るとあまりに自然で「え?どこがSYNC?」ってなっちゃうと思うんです。
    でも、今回のビデオを見れば、きっとスッキリとSYNCが何であるのか、そして実はものすごーく使えそうなヤツなんじゃないかってことが、お分かりいただけると思います!

    ではでは、さっそく行ってみましょう!

    【BiND2.5がリリースされました!】
    (09.04.15追記) 「BiND2.5+SYNC」の無償アップデーターの提供を開始しました。BiND2をお持ちの方は、BiND2.5のリリース以降に自動アップデート機能にてバージョンアップすることで、SYNC機能がご利用いただけます。
    なお、BiND2.5は無償アップデーターによる提供のみとなっていますので、BiND2.5のパッケージ製品というものは存在いたしません。BiNDをお持ちでない方は、現在販売しているBiND2のパッケージ版をご購入ください。

    1:はじめに


    まず最初のビデオはこちら。
    今回のデモでは、まず最初にBiNDでごく普通のサイトを作成しました。そこに、SYNCを使ってブログやフォームなどを貼付けていって、サイトを完成させていく様子をすべてお見せします。
    でははじめに、まだ何もSYNCのパーツが貼られていない状態のサイトをご覧ください。


    2:ブログをつくる


    では実際にブログをつくってみましょう!
    SYNCはGoogleの"Blogger"というブログサービスを利用します。Bloggerでブログをつくれば、自動的にSYNCのアプリ上に表示されて、ペタっと貼るだけ。
    では、その様子をご覧ください。



    ポイント!


  • SYNCアプリの操作はウィザードなので操作に迷わない!
  • ブログをBiNDサイトにペタっと貼れる!
  • ブログを貼るには、あらかじめBloggerでブログをつくっておく!




    このビデオで実際に作成したサンプルページはこちら!

    3:ブログデザインのカスタマイズ


    続いて、ブログのデザインをカスタマイズしてみます。
    BiNDの操作をご存知ならば、今までの操作そのままでカスタマイズができます!
    では、その様子をご覧ください。



    ポイント!


  • ウェブサービスだからといって操作は今までと同じ!
  • だから工夫次第ではいろいろな応用テクニックがありそう!
  • とけ込んだデザインだから読みやすいブログになる!


    4:ブログの更新


    続いて、ブログを更新してみましょう。
    ブログを更新するのに、BiNDを起動する必要はありません。ブラウザでOK!
    では、その様子をご覧ください。



    ポイント!


  • Bloggerに投稿すれば、その瞬間からBiNDサイトにも反映される!
  • Bloggerで設定すれば、複数のスタッフでブログを更新できる!
  • Bloggerで設定すれば、ケータイや他の人のパソコンからも更新できる!


    5:Googleドキュメントを貼る


    続いて、BiNDのページの一部分(ブロック)に、Googleドキュメントを貼ってみます。
    Googleドキュメントは、Microsoft Officeのワードやパワーポイントなどと同じように、いろいろな書類をブラウザ上で作成できるサービス。
    SYNCでは、これらのGoogleドキュメントをブログと同じように透明にペタっと貼付けて、いつでも編集できます。
    では、その様子をご覧ください。


    ポイント!

  • オフィス書類を貼れる!
  • ページの一部分をブラウザ上から編集できる!
  • プレゼンテーションなども貼ることができる!


    6:テーブルの作成と共有編集


    続いて、Googleドキュメントの応用テクニックについて紹介します。
    従来は面倒だったテーブル(表組)の作り方と、Googleドキュメントの会社内での活用についてのデモです。
    では、その様子をご覧ください。


    ポイント!

  • 複雑なテーブルはワードのような感覚でつくってしまおう!
  • プレスリリースなどの書類を複数の社員で編集できる!
  • すべての人がBiNDを持っていなくても大丈夫!



    このビデオで実際に作成したサンプルページはこちら!

    7:フォームを貼る/カスタマイズする


    続いて、お待たせのフォーム作成機能です。
    フォームは難しいスクリプトは一切不要で、ブログやGoogleドキュメントと同じようにペタっと貼るだけで完成します。
    さらにそのデータはExcelと互換性のあるファイルに蓄積されて、ブラウザ上で見たり、メールに転送したりすることまでできます。
    では、その様子をご覧ください。


    ポイント!

  • 好きな質問項目をカスタマイズできる!
  • フォーム入力中に自動的にいろいろなチェックやアドバイス表示をしてくれるから親切!
  • 溜ったデータは汎用性が高いスプレッド形式!

    【お知らせ】
    2009年4月15日時点のSYNC1.0ではフォームの項目のカスタマイズ機能は搭載されていません。次の無償アップデートで搭載すべく開発を進めていますのでお待ちください。




    このビデオで実際に作成したサンプルページはこちら!


    8:まとめ


    では最後に、まとめです。
    もう一度ポイントをおさらいしてみましょう!


    ポイント!

  • これらの機能が『全部無料!!』
  • インタラクティブなウェブが今日から始められる!
  • 反応があるから、更新がみんなでできるから、運営が楽しくなる!



    BiND2ユーザーのみなさんは、
    4月中旬に無償アップグレードです!
    どうぞお楽しみに!
    是非、みなさんのブログでもBiNDとSYNCを紹介してください!
    コメントやトラバ(↓)もお待ちしてます!

    ワンクリック・アンケートにご協力ください
    今回のような情報を今後も欲しいですか?今後のこのブログの運営方針の参考にします。
    ぜひ投票をお願いします。

    [ 今後も是非!(5点) ] [ あるに超したことない(3点) ] [ 必要ない(1点) ]
    263人が投票/平均的なご意見:3点 (5点がとても興味ある情報で1点が必要ない情報)


    投稿者 : Tomoyasu Hirano

  • トラックバック ( 1 )


    この記事のトラックバックURL : http://www.digitalstage.jp/mt_tb/mt-tb.cgi/313


    BiND2で作ったサイトにMT4を埋め込んでみた

    DA[blog]:PhotoPierre
    トラックバック時刻: 2009年4月 3日 08:25

    BiNDのコンセプトからもMTのコンセプトからも道を踏み外した使い方。[続きを読む]



    コメント (30)

    2.5 デモ拝見しました。
    『拍手ものです』

    SYNC、私だけでなく仲間内でも利用させていただきます


    素晴らしいです。
    少しでも良いものができるように頑張ってください。

    こんな事が出来てしまうのですね!

    何か楽しいことが出来そうな気がしてきましたよ~

      よっしゃ~ 今からネタ集めダッセェ~!

    aqua

    素晴らしいの一言に尽きます。

    フォトシネマからずっといろんなもの使ってますが、これはまた秀逸ですね。使えるものはなんでもつかっちゃっていう発想が素敵です。

    kurikuriya

    さすがデジタルステージ。
    かゆいところに手が届きますね〜!
    SYNCと言うネーミングが実感できるデモでした。

    まぐま

    出来ればグーグル以外のブログを引っ張れたらベスト。
    今のままだと数年間の更新実績を活かせないです。
    グーグルとの繋がりもあるだろうし、無理かな。

    今やろうと思ってたのに~~~と、
    言い訳ができなくなりました。
    すごいことがカンタンにできることが、
    スゴイコトなんですよね。

    興奮してきました!
    もう平野クンのデジタルステージ最高ですね。
    最初っからずっとデジタルステージさんのソフトいろんなの使ってきて、感無量です。

    uchan

    すごい機能が入りましたね〜はやく試してみたいです。

    うっちぃ

    抜群です。今まで使っていたブログのサイトを捨ててでも、BiNDでやり直したいと思いましたよ。
    アップグレード楽しみにしています。
    その前にホームページの更新をしなくては・・・

    佐助

    デモビデオ拝見しました。
    非常に解りやすく、明快なデモで感心しています。

    SYNCは、今後Google以外のサービスにも対応していく計画は、あるのでしょうか?
    WordPressやBrogger以外のブログでも使えると良いのですが。

    sora

    デモ、拝見しました!
    すごいですね!
    早く使ってみたいです。
    すごく楽しみにしてます♪

    GENKI

    すばらしい!

    デモになくても、デモ自身の動画をみてわかりました。
    YouTubeもペタっと貼れるのですね!

    フォームの回答が、どこに届くのだろうと思っていた
    疑問も解消しました。それもすっきりと!!

    という事はフォームの回答のエクセルデータを
    ペタっと貼ってしまうということも・・・?

    ところで、GoogleSITEには、BiNDのHPを
    アップロードできますか???

    abo

    本格運用を楽しみにしています。
    でも、サーバーは「無料」より、安定運営が第一なので、多少の費用は払ってもずっと続けていただく方を望みます。
    あと、ブログはBrogger上とBiND作成サイトと二つ、同じ内容のものがネット上に存在してしまうのでしょうか?

    カゴジマ

    ビデオを拝見しました。
    一言で申しますと「作りながら楽しむ!」
    そう思いました。

    今までBiNDで6サイト以上、ホームページを作成しました。

    もうBiNDは手放せません。

    銀色イモムシ

    最近購入してみたのですが、確かに他のソフトより
    直感的に使えるソフトだ!…とは思いますが、
    自分のイメージ通りの表現が出来ず、少々
    悪戦苦闘してます。

    更に新しい機能は凄いと純粋に思うのですが、
    ブログなどは他の方も書いてましたが、
    Google以外の他社ブログ(アメブロなど)を
    利用している人はそちらを簡単に引き込めるように
    なっているとかなり嬉しいと思います。

    バインダー

    銀色イモムシさん同様、私も他社ブログにも対応してもらえるとありがたいです。

    nin

    ステップメール、メルマガ機能があればモンクなし・・・

    さすがBiND!
    楽しみです。
    やっと自前でHPを作りUPしたところです。
    ブログの貼付けやお問合せフォームをなんとかしたいと
    思っていました。
    FC2ブログの対応はどうでしょうか?

    高江洲 義二

    ”すごい”その一言。
    時代は、変わったと言ったらオーバーかな?、

    ナラン

    平野さんの努力に脱帽します。無償アップデートは助かります。有り難うございます。忙しくて寝てないんじゃないですか?
    さて、気になるのは、aboさんご指摘の件、
    >ブログはBrogger上とBiND作成サイトと二つ、同じ内容のものがネット上に存在してしまうのでしょうか?
    ということです。
    コメント見にBroggerへ強制的に行かせられるのは、なんとも・・・。
    自分好みのデザインをBiNDでせっかく作るのだから、全てBiND上で完結できるとよいのですが。

    平野よりご回答:
    ご指摘の通りブログは2つ存在することになります。Blogger側は検索エンジンにひっかかりますので、そちらに本サイトの誘導の情報を載せると良いかと思います。コメントが飛ぶ件は将来もう少し改善したいです。

    すばらしい開発を続けてくださっている平野さんを誇りに思います。私のサイトはコンテンツを中心にしていますが、今年度中にトップページのデザインを変えたいと思っていますので、これから学ばせていただきます。

    映画鑑賞のブログも加えたいのでとても参考になりそうです。
    プログラム作法を知らないので、平野さんのソフトだけを頼りにHPを作っています。
    デモを楽しみにして、参加させていただきます。

    フォーム機能,非常に助かります!

    ただ一点,気になるのが自動返信とかは出来ないんですよね?

    hidde

    素晴らしいです!

    ひとつ気になったのは、フォームの送信前に確認ページが表示されないこと。
    Javascriptで入力アシスタントが表示されるので入力ミスは防げるとは思うのですが、やはり送信前に一度確認ページが表示された方が安心感があると思います。

    ブログに限界を感じてHPスタイルにした私にはブログの作成自体は正直にあまり興味が沸きません。

    個人的には個々人にどの程度の容量が与えれれるのかに注目しています。たとえば2GBを越えるのも時間の問題になった自分のようなHPが果たして収まるだけのスペ-スはあるのでしょうか?

    早くSYNC使ってみたいです。明日ですよね。

    ワクワクです。

    ところで、今回の平野さんのデモムービーで使われている、画面キャプチャーや、左下にカメラ映像を入れるデモを行うソフト(サービス?)を知りたいのですが、何ていうソフトですか?

    初歩的なことで恐縮ですが、教えてください。


    平野より回答:
    キャプチャソフトはこちらです。使いやすいですよ!
    http://www.flashbackj.com/telestream/screenflow/
    Mac OS 10.5限定ですのでご注意を。

    昨日は、残念ながら横浜にいたために銀座にいけませんでした。
    当該ページのデモでだいたいわかりましたが、是非遣ってみたいですね。
    但し、どんなデモでもそうですが、なれた者には簡単に扱えているように見えても、はじめてさわる者には、やはり時間がかかるようにも思えます。
    それにしてもビジュアルな画面が簡単にできるというのは非常に面白いですね。

    yoshi

    開発中なのでしょうが、syncのフォームの内容自体は編集が出来ないのでしょうか?
    上の動画では編集しているのに実際は編集できない・・・。

    早く動画のようになると良いなー。

    ymd

    大至急メールフォームの編集機能を!
    このためにBind2を購入したといってもいい!
    非常にあせっております…( 一一)

    コメントを投稿

    ※ コメントの表示は弊社側で認証を行った後で、順次公開していく予定です。投稿いただいたコメントがすべて表示されるわけではございませんのであらかじめご了承ください。
    名前
    メールアドレス
    URL
    コメント
    (スタイル用のHTMLタグが使えます)

    デジタルステージ公式 Twitterアカウント

    Twitterボタン 代表・平野友康のつぶやきをリアルタイムでチェックできます。ぜひフォローください!


    プロフィール

    平野 友康株式会社デジタルステージ
    代表

    ひらの ともやす
    平野 友康


    デジタルステージ代表取締役。1974年生まれ。どこにもないソフトウェアを世に出すことを目指し10年。構想から開発まで自ら行っている。著書に、その独特な開発手法を綴った手記「旅する会社」(発行:アスキー)がある。また、オールナイトニッポン・金曜一部(ニッポン放送)のメインパーソナリティーの経験や、劇団第三舞台から独立した経歴から考えるに、デジタルよりはアナログの人。


    旅する会社旅する会社
    [発行元:アスキー]

    デジタルステージ代表 平野友康のすごいソフトウェア開発
    旅と合宿を通じてソフトウェアの開発をした4年間の軌跡を綴った一冊。

    → 詳しい情報               amazonで買う


    DIGITALSTAGE x iPhone

    僕らは近い将来、iPhoneやiPodTouch向けのアプリケーションの開発をするかもしれません。


    RSS で更新情報を配信中

    このページの更新情報はRSS で配信されています。お手持ちの RSS リーダに登録することで随時更新情報を取得できますので、ぜひご利用ください。

    RSS


    2010年9月
    Sun Mon Tue Wed Thu Fri Sat
          1 2 3 4
    5 6 7 8 9 10 11
    12 13 14 15 16 17 18
    19 20 21 22 23 24 25
    26 27 28 29 30    

    カテゴリー別で並び替える


    デジタルステージ・プロダクト

    BiND for WebLiFE* 3

    ID for WebLiFE* Plus

    LiFE* with PhotoCinema 2 Plus

    motion dive .tokyo


    BiND × Movable Type

    ご覧のページは試験的にBiNDとMovable Typeを組み合わせて作成・更新されています。カレンダーやRSS、トラックバック、アンケートを自動生成しています。

    Movable Typeについて検索する

    BiNDとMovable Typeの組み合わせ方法についてはBiNDの操作以外に高度な技術が必要となります。その為技術的な質問等には一切お答えできません。
    ご了承ください。