blog_image_120424.png

シナップの柿内です。

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

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

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

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

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

seminarInfo04.jpg

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

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

IMG_8691.JPG

こんにちは。SINAPの鈴木です。SINAP近辺、渋谷・原宿界隈で気になる広告をピックアップしています。昨日、ついに渋谷に複合大型ビル「ヒカリエ」が開業しました。2012年度から東急東横線とメトロ副都心線の相互直通運転が予定されており、渋谷への人の流れを意識した東急電鉄というインフラ企業による総合的なプロジェクトになっています。


この「ヒカリエ」とは何なのか、簡単にご紹介します。フロア構成を見てみましょう。

DSC_0098.JPG

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

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

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


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


120324_lp22_0317.JPG撮影:飯田昌之


3月24日「CSS Nite LP, Disk 22「Webデザインで使うPhotoshop」」に弊社デザイナーの守谷が登壇しました。CSS Nite LPは、回ごとにテーマを設け、土日などに開催するCSS Niteの有料版です。今回は、その第22弾で、Webデザインで使うPhotoshopをテーマに開催されました。(CSS Nite LP, Disk 22「Webデザインで使うPhotoshop」

今回は14時から19時までの5時間のセッションで9名の方が登壇しました。守谷のパートでは基礎編として、PhotoshopをWebデザインに利用する際に利用頻度の高い「マスク」をテーマに、基本操作を軸にした画像加工時のテクニックの紹介や汎用パーツの作成・登録方法などを紹介させていただきました。

当日の様子はこちらでまとめられています。

LP22:Photoshop for Web - Togetter
CSS Nite LP, Disk 22「Webデザインで使うPhotoshop」が終了しました|CSS Nite


seminarInfo04.jpg

こんにちは、野原です。

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

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

IMG_7771.JPG

こんにちは。SINAPの鈴木です。SINAP近辺、渋谷・原宿界隈で気になる広告をピックアップしています。突然ですが、皆さんは今年の3/11はどのように過ごされたでしょうか。今回はナイキによる2012年2月27日〜3月11日の間、被災地支援キャンペーン「RUN TOGETHER MARCH 11」について書いてみました。




六本木のメルセデス・ベンツショールームの「メルセデス・ベンツ コネクション」の壁面スクリーンに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

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

Web Designing 2012年4月号

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

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

レッドドラゴン』は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時間/数億人の視点|フジテレビ

JapanInADay.png

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