シナップの柿内です。

FacebookやTwitter等、ソーシャルを絡めたサイトを作る事がシナップでは多くなってきました。
このブログをご覧頂いてるWeb制作者の皆様も同じ様な状況だと思います。

FaceBookで、「いいね！」されたり、ユーザーがそのページをシェアした場合、ページに埋め込まれたOGPタグの内容によって各ユーザーのウォールでの表示がかわります。
そこでサイト全ページにわたってこのOGPタグをいれるのですが、それが地味に大変なんです。

全ページに入れるのはCMSを使ってサイトを構築してる場合はそれほどでもないんですが、、、、

大変なのはそのタグがあっているかを確認する事。公開前のサイトを「いいね」するわけにはいかないですし、アクセス制限されているサイトでは試しにウォールでシェアしようと思ってもエラーになってしまいます。
結局はソースをみてタグを確認するしかないのですが、画像のリンクもあったりして確認作業はかなり煩雑です。

そこで、ブックマークレットでそのページに埋め込まれているOGPタグを視覚的に確認できるツールを作成してみました！

待ちに待ったGWもあっという間でした。楽しい時間ほど過ぎ去るのは早いものですね。
リフレッシュした後は、吸収力も抜群なはずです。
休みぼけした頭を切り替えるためにも、積極的にセミナー・イベントに参加されてはいかがでしょうか。

さて、今月も5月に行われるセミナーの中から、「マーケター、ウェブディレクター向け」と「クリエイター向け」のものでいくつか面白そうなものをご紹介します。

シナップの柿内です。
最近は気温もかなり上がってきて、桜も満開になり、私のFacebookやTwitterのタイムラインでも、お花見の写真が多くなってきました。

春の訪れはもちろん喜ばしい事ですが、それとは別に、去年は震災直後で日本中の人々が不安な気持ちでいっぱいで花見どころでは無かったという事を思い出します。
そして、あの日から1年が経ったということを改めて認識させられます。きっとこの先も春の訪れとともに同じ様な気持ちになるのだと思います。

これまでシナップでは「なんとか復興の手助けをしたい」という思いから、震災で壊滅的な被害をうけた岩手県陸前高田市にある酒造メーカー「酔仙酒造」の復興支援行なってきました。

そして、昨年12月からもうひとつ、シナップの震災復興支援として「陸前高田未来商店街」のWebサイト制作もお手伝いさせていただいています。（サイトは現在製作中です！）

こんにちは、野原です。

桜の開花にはまだ時間がかかりそうですが、少しずつ春の訪れを感じられるようになってきました。
4月は入学、入社など新たな環境に飛びこむ方が多くいらっしゃるので、スタートを切るにはもってこいです。
フレッシュな気持ちで、新しいことにどんどんチャレンジしたいものですね。

さて、今月も4月に行われるセミナーの中から、「マーケター、ウェブディレクター向け」と「クリエイター向け」のものでいくつか面白そうなものをご紹介します。

六本木のメルセデス・ベンツショールームの「メルセデス・ベンツ コネクション」の壁面スクリーンにSINAPのディレクター鈴木の映像作品が展示されております。
ワクワクしながら買い物に出かける様子を信号をモチーフにライトアップした作品です。本作品は現在開催中のMercedes-Benz Fashion Week TOKYOの関連イベント「HUB vol.2 THE SHOP」期間中の展示となっております。

日時    2012年3月23日（金）～3月27日（火）10:00〜20:00
会場    メルセデス・ベンツ コネクション（http://www.mercedes-benz-connection.com/index.html）
主催    イー・エム・デザイン株式会社

HUB vol.2 THE SHOP（http://tokyo-mbfashionweek.com/jp/the14th/event/06_hub）
メルセデス・ベンツ コネクション（http://www.mercedes-benz-connection.com/index.html）

ぜひこの機会にご覧ください。

2012年3月18日発売の「Web Designing　2012年4月号」に弊社の松島が寄稿させて頂きました。

特集１「スクロール芸でサイトがもっと楽しくなる」にて、話題のオンライン・メディア『最前線』の新企画『レッドドラゴン』の様々な仕掛けについて解説しています。

『レッドドラゴン』はTRPG（Table-Talk Role PlayingGame）をベースとした、小説ともゲームとも異なるフィクションで、物語には音楽が添えられるという、まったく新しい手法で描き出されたコンテンツです。
サイトでは物語の世界観や魅力を十分に表現するため、スクロールに連動してスライドする背景や、場面に応じて切り替わるBGMなど、多様な仕掛けが数多く盛り込まれています。

今回『Web Designing　2012年4月号』の特集「スクロール芸でサイトがもっと楽しくなる」では、中でもスクロールによる表現が特徴的な「WORLD」カテゴリーのパララックス（視差）、実際の物語が展開する「ビューア」のBGM変化を解説しています。

種明かしされた多彩なスクロール芸、ぜひこの機会にご覧下さい。

Web Designing　2012年4月号
最前線
レッドドラゴン

東日本大震災のあった2011年3月11日から1年以上経ちました。
復興はまだまだこれからですが、今年の3月11日を震災のひとつの節目として、企業や団体が様々なイベントやキャンペーンを行いました。キャンドルナイトや寄付活動、追悼イベントをテレビやそれぞれの地域で目にされた方、参加された方は多くいらっしゃると思います。
今回のブログでは、その中からウェブ上で行われているものをいくつかご紹介したいと思います。

◆JAPAN IN A DAY　ジャパン イン ア デイ - ひとつの世界/3・11の24時間/数億人の視点｜フジテレビ

去年話題になったソーシャル・ネットワークムービー「LIFE IN A DAY」の日本版、「JAPAN IN A DAY」。あれから一年経った2012年3月11日、世界の人々はどのような一日を送ったのでしょうか。3月11日の私達の「日常」と被災地の映像をフジテレビが紡ぎあわせて、世界の「3・11」を作ります。現在は動画の応募を受け付けており、完成した映像は世界中の映画館で見られるようになるみたいです。

SINAPの柿内です。

Twitter等でも話題になりご存知の方も多いと思いますが、フォントメーカーの最王手である株式会社モリサワがWebフォントサービス 「TypeSquare」の提供を開始しました。
154もの日本語書体を「クラウドフォント」として提供し、ローカルのコンピューターにインストールされていない書体をWebサイト上で利用できます。

SINAPでは、Webサイト上でこのクラウドフォントを使った文字組を試す事ができる「クラウドフォント・シミュレーター」の制作をお手伝いしました。

今回はこのクラウドフォントの使い方を解説いたします。]]> http://blog.sinap.jp/2012/03/web-1.html http://blog.sinap.jp/2012/03/web-1.html SINAP SINAP ラボ ネットトレンド Thu, 15 Mar 2012 09:35:00 +0900

こんにちは、SINAPの小茅です。
時が経つのは早いもので、2012年が始まってから2ヶ月が過ぎ、３月に入りました。

さて、今回の名言はみなさんもよく耳にする言葉から。

こんにちは、内藤です。

この間2012年になったと思ったらもう3月ですね。
日本の3月といえば卒業シーズン。社会人になるとなかなか"卒業"という機会がありませんが、ひとつの節目として"今まで"と"これから"を一旦整理してみてはいかがでしょうか。

さて、今月も3月に行われるセミナーの中から、「マーケター、ウェブディレクター向け」と「クリエイター向け」のものでいくつか面白そうなものをご紹介します。

シナップ柿内です。

シナップでは毎年、社会貢献活動の一環として、毎年クリスマスの時期にスペシャルサイトを作成しています。
今年は「Twinkle☆Japan」と題し、スマートフォンを使って星を全国に届けるというサイトを作成しました。

このプロジェクトではスマートフォンのセンサーデバイスを利用して、体を動かして体験するサイトを目指しましたが、センサーの事を調べるうちにいろいろと課題があることがわかりました。
最終的にはそれらの課題を解決し（少し機能を削ったりしてw）リリースしたのですが、そのセンサー周りのお話を今回はしようと思います。