スマホ変換ツール shutto の開発状況をお伝えします

3月より毎月行っております、shuttoの使い方や魅力をお伝えするセミナーを、今月も京都にて開催いたします！

スマートフォンサイトが作りたいけど、予算がない･･･
サイトを作る知識がないけど、キレイなサイトを作りたい･･･
そんなお悩みをshuttoで解決！

”関西エリア”にお住まいの方、ぜひぜひご参加ください！

 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
＊＊＊　5/24（木）『shutto』セミナー京都　開催！　＊＊＊
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

もっと『shutto』を知りたい方にオススメ！
『shutto』の便利な使い方や知られざる機能などを紹介する、セミナーを開催
いたします！

参加費は無料です。お気軽にお越しください♪

======================================================================
■このような方はぜひご参加ください。
======================================================================
・自社サイトのスマートフォン化をしたいけど、手がつけられてない！という方
・スマホサイトの制作にそれほど費用がかけられない！という方
・スマホサイトを作りたいけど、知識がない！という方
・『shutto』は使ってみたけど、イマイチ使い方がわからない方
・『shutto』を使いこなしたい方

======================================================================
■開催概要
======================================================================

＜京都会場＞
・開催日時：2012年5月24日（木）18：00～19：00（17:40受付開始）
・参加人数：10名様限定（先着申し込み順）
・会場　　：イー・エージェンシー京都事務所　1F会議室
・所在地　：京都市下京区中堂寺粟田町90 京都リサーチパーク8号館
・アクセス：JR山陰線「丹波口」駅より 徒歩10分
（地図→ http://www.e-agency.co.jp/company/map.html ）

======================================================================
■参加費
======================================================================
・無料

======================================================================
■持ち物
======================================================================
・当日はお名刺を頂戴しますのでご用意をお願いいたします。

======================================================================
■お申し込み
======================================================================

セミナー参加お申し込みの方は以下のフォームよりお願いします。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
https://ssl.form-mailer.jp/fms/e43c3238176708

======================================================================
■セミナーについてのお問い合わせ
======================================================================

・株式会社イー・エージェンシー shuttoセミナー
Email：shutto@dragon.jp

担当：森本（もりもと）
TEL ：075-326-0700

企業サイトをスマホ対応していくことが、いよいよ不可欠な状況になってきました。今回はワンゴジュウゴ様と共同でセミナーを開催し、企業の迅速なスマホ対応の手法とともに、スマートフォン最新動向、対応方法、プロモーション手法についてご説明をさせていただきます。

・いよいよ待ったなし！企業サイトのスマートフォン対応！！
　～スマートフォン最新動向、対応方法、プロモーション手法～
http://www.wan55.co.jp/company/news/201204000510.html

=========================================================
■開催概要
=========================================================
■開催日時:2012年5月23日（水） 10:00〜12:30（受付開始　9:40）
■開催場所:ちよだプラットフォームスクウェア 会議室401東京都千代田区神田錦町3-21
　 地図
■参加費:無料
■定員:20名（先着順） ※恐れ入りますが、定員になり次第締め切らせていただきます。
■対象者:企業のPR・宣伝・経営企画・Web担当部門の責任者

＜弊社カンファレンス内容＞
■内容　
『shutto』ドラッグ＆ドロップで誰でも簡単にスマートフォン対応サイトを作成

shutto | カンタンスマホ変換サービスとは
http://shutto.com/

参加費は無料となります。ぜひお気軽にお申し込みください。

お申込はこちら

最先端のメール配信ソリューションをはじめ、中国向けITビジネス進出事例、ビジネスシーンに特化したスマートフォンやタブレット対応の各種サービスをご紹介する本カンファレンスにて、現在多くの企業様よりご相談をいただいております、カンタンスマートフォン変換ツール「shutto」のご説明をさせていただきます。

・第5回『ニュークリアス・ビジネス・カンファレンス』
http://www.sendmagic.jp/modules/event/index.php?content_id=11

=========================================================
■開催概要
=========================================================

■開催日時：2012年5月18日 (金) 13：30～17：00（受付13:00～）
■会場名：山王健保会館２階会議室Ｂ室：東京都港区赤坂２－５－６（山王パークタワー向かい）
　会場地図
■参加費：無料 （事前登録制）※定員となり次第、受付を終了させていただきます
■締め切り：2012年5月14日(月)

■申込URL：http://www.sendmagic.jp/modules/event/index.php?content_id=11

＜弊社カンファレンス内容＞
■内容　
『shutto』ドラッグ＆ドロップで誰でも簡単にスマートフォン対応サイトを作成
SaaSプロダクト・サービス部　部長　熊谷伸志
■登壇予定時間
16:10-16:35　※セッション6に登壇します。

shutto | カンタンスマホ変換サービスとは
http://shutto.com/
ご興味を頂きました方はぜひお気軽にお申し込みください。

お申込はこちら

今まで東京・京都でshuttoセミナーを実施してきましたが、今回はじめて九州地方・福岡にて開催することとなりました。
今回はセミナー後に懇親会も行います！

セミナーのお申込はこちら


shutto（シュット）とは
スマホ対応ページが欲しい！けれど予算がない…

もっとキレイにスマホ対応ページを作りたい…

そんなお客様の声に応え、PCサイトを簡単にスマートフォン対応サイトに変換するサービス『shutto（シュット）』は誕生しました。


スマートフォン対応サイトを作るサービスは増えてきていますが、
『shutto』の注目度はNo.1。
Facebookいいね！は1,800、Tweet数は3,000、はてブ数700(2012年4月現在)を超え、多くの方から注目していただいております。

・shuttoサービスサイト
http://shutto.com/
（無料でお試しいただけます）


セミナーの参加費は無料です。お気軽にお越しください。

=========================================================
■このような方はぜひご参加ください。
=========================================================

・自社サイトのスマートフォン化をしたいけど、手がつけられてない！という方
・スマホサイトの制作にそれほど費用がかけられない！という方
・スマホサイトを作りたいけど、知識がない！という方
・『shutto』は使ってみたけど、イマイチ使い方がわからない方
・『shutto』を使いこなしたい方
・『shutto』制作パートナーに興味のある方

=========================================================
■開催概要
=========================================================

＜福岡会場＞

・開催日時：2012年5月11日（金）16：30～18：00（16:10受付開始）
・参加人数：30名様（先着申し込み順）
・会場　　：天神イムズ11F　デジタルハリウッド福岡校内セミナールーム
・所在地　：〒810-0001　福岡市中央区天神1-7-11　天神MMビル11F
・アクセス：地下鉄「天神」駅　徒歩3分
（地図→ こちら）


セミナー終了後、18:30から懇親会を行います。
弊社代表の甲斐をはじめ、東京・九州スタッフ一同、皆様のご参加をお待ちしております！
会場：天神イムズB1F　「BASEMENT SEA GARDEN ONO」
会費：3,500円

=========================================================
■参加費
=========================================================
・無料

※懇親会にご参加いただける方は、当日会費として3,500円ご準備
をお願いいたします。（下記フォームから事前申込制です）

=========================================================
■持ち物
=========================================================
・当日はお名刺を頂戴しますのでご用意をお願いいたします。

=========================================================
■お申し込み
=========================================================
セミナー参加お申し込みの方は以下のフォームよりお願いします。
セミナーのお申込はこちら

YouTubeの動画をスマホ変換ページに設置することができるようになりました。

ドラッグ＆ドロップには対応しておりませんので、下記手順で設定をお願いします。
※Google map対応と同じ手順となります。

1.Youtube動画のリンクURLを取得する。

http://www.youtube.com/のアップしたい動画URLにアクセスして埋め込みコードを取得します。

1. 「共有」をクリック
2. 「埋め込みコード」をクリック
3. 「カスタム」でwidthを設定。280px推奨。
4. 「<iframe ～」で始まる埋め込みコードをコピー

2.shutto変換画面にHTMLを貼り付ける
HTML入力を行うため、「header」か「text」を挿入します。

挿入したhtml入力枠にコピーしたYouTubeの埋め込みコードを貼り付けます。

・見え方例
http://shutto.com/view/WZYEeZB

埋め込みコードのwidthを少し小さめにしても、スマートフォンではYouTube動画を画面サイズで見ることができます。
Google map対応と同じく、デバイスの表示横幅を超えたwidth設定がされている場合、iphoneでは端末幅に合わせて100％表示となりますが、Androidでは横幅をはみ出してしまいますのでご注意ください。

shutto開発ブログのサイトマップです。

• shutto開発ブログ
• サイトマップ
  • サイトマップ
• セミナー情報
  • 5/24（木）『shutto』セミナー（京都）を開催します
  • 5/23(水)東京　ワンゴジュウゴ社共催でスマートフォン対応セミナーを開催します
  • 5/18(金)東京　『ニュークリアス・ビジネス・カンファレンス』に登壇します
  • 5/11(金)福岡でshuttoセミナーを開催します
• メンテナンス告知
  • 11月25日 15:00-15:30 にメンテナンスを行います。
• 不具合修正
  • Macで画像をアップロードできない問題の修正、他
  • 複製したページ保存時の不具合を修正しました
  • androidでformが機能しない不具合を修正しました。
  • shuttoの埋め込みコードをbodyタグ内に書くとCSSが適用されないことがある不具合を修正しました。
  • HTML入力で、電話番号リンクが使えない不具合を修正しました
  • プレビューで「最新の状態に更新」を押すと表示が崩れる不具合を修正しました
  • リンクを指定すると設定の再読み込みができなくなることがある不具合を修正しました
• 仕様変更
  • indexページのURL適用ルールが変わりました。
  • SSLに対応しました。
  • shutto用、CSS編集ができるようになりました
  • 操作の取り消し他機能追加
  • 変換されたページで横スクロールが出ないようにしました。
• 機能追加
  • YouTubeの動画を挿入できるようになりました
  • マウスオーバーで「静的なコンテンツ」を判別可能に。
  • Basic認証がついたサイトの変換もできるようになりました。
  • viewport(可視領域)の設定ができるようになりました。
  • Googleマップが使えるようになりました
  • shuttoで変換されたページを変換前のPC向け表示に切り替える機能がつきました。
  • 変換設定をページ毎に無効化できるようになりました。
  • SSLに対応しました。
  • Facebookボタンに対応しました
  • Tweetボタンに対応しました（Twitter対応）
  • 変換設定したページの複製（コピー）機能追加
  • Formタグに対応しました。
  • HTMLを挿入できるようになりました
  • shutto用、CSS編集ができるようになりました
  • 複数のページを変換できる設定を作成できるようになりました
  • 操作の取り消し他機能追加
  • 変換設定の管理機能を強化しました
  • 元ページに変更があった場合、手動でキャッシュを更新できるようになりました。

抽出した要素かどうかを判別しやすくして欲しいという要望に応え、shutto編集画面のスマートフォンレイアウト部分でマウスを動かすと、「静的なコンテンツ」のときに右上にピンマークのアイコンが出るようにしました。

「静的なコンテンツ」…PCビューからドラッグしていない、shutto独自に追加したコンテンツ。具体的には、shutto挿入メニューの「header」「text」「image」「tab」。

下記ページでは、ナビゲーション部分を「text」のHTML入力で表示しているのですが、静的なコンテンツのためピンマークが表示されています。

ピンマークが表示されるコンテンツはPCページのコンテンツと連動しないため、自動で更新されません。
運用時には注意して編集をお願いします。

以下の不具合を修正しました。

• Mac版Firefox/Safari/Chromeで画像のアップロードに失敗する
• 抽出した画像要素に対して手動で画像URLを設定し直した場合、編集画面では反映されるものの、プレビューや本番では元の画像が表示される
• PC向け表示への切り替え機能（http://blog.shutto.com/?p=291）が、ボタンを押したページでしか機能せず、同一サイト内の他ページを見た際には再びshuttoで変換された内容が表示される
• HTML入力および抽出要素の構造を保持した時にfontタグが除去される

Basic認証（サイトにアクセスしようとすると、IDとパスワードの入力を求められるページ）がかかったページもshuttoで変換できるようになりました。

ページ設定（要素を何も選択していない時のプロパティの一番左のボタン）にviewport設定を追加しました。

これによって、表示する縮尺や、ズームが可能かどうかなどを設定できます。

■管理画面のviewport設定箇所

viewportの設定

・デフォルト設定
常に縮尺は等倍、ズームなどは不可、という設定になっています。

・設定変更例
例: ピンチによるズームを可能にする　「maximum-scale」の値を5.0、「user-scalable」をyesに変更しています。

■viewportプロパティ

■対応ブラウザ
iOS
※AndroidOSは端末によります。