2015年10月09日

ソーシャルボタンの遅延表示

サイト「ququs | ククス」の次回更新分の動作確認をしていたところ、スマートフォンで予期しない問題が発生し解決に手間取ったので、備忘のためエントリーを書いておこうと思います。

問題は、各ページに設置したソーシャルボタンの表示に時間がかかることに引きずられ、レスポンシブデザインがうまく機能しないというもので、簡単なJavaScriptでボタンを遅延表示することで回避できた模様です。


調べると同様の問題はよくあることのようで、各SNSから提供されるスクリプトに手を入れて、非同期呼び出しを行う回避法などが示されていました。

しかし、手元の環境ではそれらでは状況が改善されず(具体的にはFacebookの「いいね!」ボタン)、また提供されたスクリプトに手を入れることへの抵抗感もあったため、アイディアだけ拝借した形です。


参考までに、用意したJavaScriptを提示します(jQuery を使用しています)。
$(function() {
$(".lazy").hide();
setTimeout(function() { $(".lazy").show(); }, 3000);
});

CSSクラス「lazy」を与えた要素を読み込み時に非表示とし、3秒後に表示しています。


現在公開中のサイト にもこの問題が存在するため、お見苦しい箇所があるかもしれません。
近々予定している更新での対応を予定しています。

次回は少し大きめの更新になる予定ですので、お楽しみに。



20151009.png



タグ:技術 web
posted by ququs at 10:25| Comment(0) | 日記

2015年09月01日

ハロウィン仕様

9月ですね。

実世界では、ハロウィンの飾り付けが目につくようになってきました。
カエルのククとカエルのキールの各SNSアカウントも、現在アイコンをハロウィン仕様でお届けしています。

この機会に、ぜひフォローしていただけたら嬉しいです。
posted by ququs at 10:18| Comment(0) | 日記

2015年08月28日

ququs.jp ロゴ案ができました

デザイナーから ququs のロゴ案があがってきました。

たくさん作ってもらったのですが、今回はその中から1点だけご紹介しようと思います。
現在 ququs.jp のトップページ に表示中の仮ロゴをリファインした感じの案ですね。

カエルのクク のキャッチコピー「心の雨に傘をさすカエル」の傘である葉っぱの中に、シルエットをあしらった図案です。
ロゴの色や他の案については、もう少し固まってからお知らせしたいと考えています。


logob2_blog.png



近々、サイトの仮オープンができればと考えています。

それまでは、アイウィーヴのサイト でお楽しみください。


posted by ququs at 09:57| Comment(0) | 日記

2015年08月26日

ququs.jp 準備が進んでいます

ququs.jp の構築にあたり、CMS(Contents Management System)の整備が整いつつあります。


アイウィーヴでは、Webサイトのメンテナンスに自社製のCMSを使用しています。
CMSは社内の非公開サーバーで動作し、公開サーバーには生成結果の静的なHTMLのみを配置します。

Webサイトのレスポンスを可能な限り高めるためと、セキュリティ面への配慮からこの方式を採用しています。


今回、ququs.jp のために、自社CMSのクローン(コピー)を作成し、カスタマイズを施しています。

これは技術的には、最適化とこれまでに獲得したノウハウ投入が目的ですが、根底にあるのはWebサイトを訪れてくださる皆様に、よりよいコンテンツをお届けしたいという気持ちです。



ququs.jp は2015年9月中に公開予定です。

それまでは アイウィーヴのサイト でお楽しみください。





ququs ロゴ(仮)








タグ:技術
posted by ququs at 11:05| Comment(0) | 日記

2015年08月24日

ququs.jp は9月公開予定です

新サイト ququs.jp は、2015年9月中の公開を目指し、現在準備を進めています。

ququs.jp は、オリジナルキャラクター「カエルのクク」をコンテンツの中心に据え、皆さんに楽しんでいただける内容にしたいと考えています。

進捗はこのブログで随時お知らせする予定です。


ququs.jp の公開までは「生活を少しだけ楽しくゆたかに」をお楽しみください。




20150826.png



posted by ququs at 14:00| Comment(0) | 日記