よりよいサイト運営のための情報をお届けします

このたび、アップルップルのお客様に、インターネット上のトレンドや、集客・運営の効率化など、よりよいサイト運営のための情報を掲載したメールマガジンをお送りすることとなりました。
日々の業務でお忙しい中、これは！　と思っていただける内容をお届けしたいと思いますので、今後ともよろしくお願いいたします。
(送付をご希望でない方は、お手数ですがご返信にてお知らせください)

スマートフォンって、どのくらい使われているの？

昨年ごろからでしょうか、各携帯キャリアがこぞってスマートフォンのCMを流しはじめ、気がつけば季節毎の新機種発表でもラインナップのほとんどがスマートフォン、という状況になってきました。
こうしたキャリア側の動きだけではなく、実際に街へ出るとスマートフォンを使っている方が多くなってきたように思います。みなさんの身近にもスマートフォンを使っている、という方がいるのではないでしょうか。
では、スマートフォンは実際にどのくらいの普及状況なのでしょうか？　2011年11月に発表された調査結果によると、その利用率は22.9%。また、利用を検討している層は66.6%にも達しているそうです。

株式会社インプレスR&D によるスマートフォン/フィーチャーフォン利用動向調査の結果

従来のウェブサイトでは、PC用と携帯用のサイトを用意することで、幅広い層や利用シーンに対応するという時代が長く続いていました。しかし2012年現在はそれに加えてスマートフォンやタブレット端末(iPad や各種android タブレット)についてもカバーすることが、より多くの方へ情報を届けることの近道となっています。

どう対応したらいいの？

アップルップルでのサイト制作でご提供している更新システム「a-blog cms」では、PC用の表示とスマートフォン用の表示テンプレートを分けて制作することができます。このようにスマートフォンのための専用ページを作る方法であれば、画面のサイズや独特の操作にあわせたデザインが可能です。
また、昨年後半ごろより話題となっている、PC・タブレット・スマートフォンなどの幅に合わせてデザインを変える手法（レスポンシブデザイン）もこれから多くなってくるのではないかと予想されています。
いずれの方法を選ぶとしても、現在のサイトの内容や対象者に合わせた使いやすいデザインにしていくことが重要です。
「どんなことができるのかな？」「こんな見せ方をしたい！」という疑問・要望がありましたら、ぜひアップルップルにご相談ください。

弊社のスマートフォン対応事例

今回は、スマートフォン用のデザイン・テンプレート、jQuery mobile、レスポンシブデザインの3つの事例をご紹介します。
※iPhone, android端末でご覧ください。

名古屋商科大学　

PCサイトのイメージを受け継ぎながら、タッチ操作がしやすいパーツデザインと見やすいレイアウトを重視したスマートフォン専用デザインとして作成しています。
情報量の多いコンテンツについては無理にスマートフォンの枠組みに押し込めず、PCサイトの表示を拡大して見ていただくものとするなど、ニーズに合わせた柔軟性のある運用をしています。

アップルップル

スマートフォン専用のデザインとして、モバイルフレームワーク「jQuery mobile」を使用しています。アニメーションを含む独特の画面の遷移やパーツデザインで、スマートフォン用のアプリケーションのような使い心地を実現しています。

kazumich.com

アップルップル代表、山本の個人ブログです。
「どう対応したらいいの？」でご紹介したレスポンシブデザインを採用して、スマートフォンでは狭い幅に対応した表示となり、PCやタブレットでもそれぞれの幅に合わせた表示を実現しています。
PCで表示してウィンドウの幅を狭めてみると、どのようなレイアウトの変化が起きるかわかります。お試しください。

まずはご相談ください！

アップルップルでは、スマートフォン(タブレット)端末に対応したウェブサイト制作についてもお請けしております。
皆様のご要望・ご予算などご希望に合わせたご提案を行っております。「これからはスマートフォンもなんとかしたい」と思ったら、是非アップルップルまでご相談ください。

次回をお待ちいただけるように

最初のメールマガジンは「スマートフォン対応」のお話でした。
今後も「気になっているけどなかなか話を聞く機会が無い」という話題や「サイト運営に役立てたい」と感じていただけるような内容をお届けしたいと思います。また「こんなことが聞きたい」といったリクエストもお待ちしております。
2月1日、名古屋は雪の予報も出るような冷え込みです。皆様も風邪などお気をつけください。
それではまた次回。

(鈴木)

アップルップルは本日1月5日より営業を開始いたしました。
本年もよろしくお願いいたします。

弊社では2011年12月29日(木)から2012年1月4日(水)までを年末年始休業期間とし、期間中の通常サポート業務はお休みさせていただきます。

お客様にはご迷惑をおかけいたしますが、ご理解のほど、宜しくお願い申し上げます。

リリースして少し経っていますが、アップルップルからのリリースという事ではなく、私の個人プロジェクト的な位置づけでのリリースという事になりましたので、ブログで紹介しておきます。

「a-blog cms の iPhone アプリをリリース」の続きを読む

2011年12月10日、名古屋国際会議場にてWCAN 2011 Winterを開催しました。

今回も240名を超える大変多くの方にご参加いただきました。

今回は羽田野太巳さん、秋葉ちひろさん、八十住孝さんの三人にセッションをご担当いただいたのに加え、参加者有志による10つのライトニングトークが発表されました。

次回WCAN 2011 Winter2 Springは、2012年3月10日(土)に開催します。ぜひご参加ください。

11月17日〜18日、全国のa-blog cms利用者が集まって、1泊2日で勉強をする「a-blog cms Training Camp」の4回目が開催されました。

北は北海道、南は九州まで、幅広いエリアのa-blog cmsユーザーが一同に会して、普段は見ることのできない他のユーザーの制作の裏側や、開発元アップルップルからのa-blog cmsの今後について、パワーユーザーによるセッションなど、様々な内容で行われました。

愛知県名古屋市の名古屋国際中学校・高等学校のサイトをリニューアルさせていただきました。

基本的なデザイン・レイアウトについては、系列校である名古屋商科大学様のデザインテイストを踏襲し、名古屋国際中学校・高等学校のキーカラーに変更をしています。

ソーシャルサービスとの連携

ソーシャルサービスとの連携

各ページには、Twitterへのツイートボタン、Facebookと連携するための「いいね！」ボタンや、アクティビティを表示するボックスを配置しています。また、外部サービスとの連携としては、Googleカレンダーを使った行事予定の公開をしています。
外部の便利なサービスをうまく取り込んで、より使いやすいサイトを目指しています。

2011年12月3日に行われる「CSS Nite in TOYAMA, Vol.3」に、弊社代表山本が講師として登壇します。

2011年11月19日に行われる「CSS Nite in HIROSHIMA, Vol.4」に、弊社スタッフ佐藤が講師として登壇します。

名古屋商科大学様の「学生カルテ」「高校カルテ」という２つのカルテシステムを制作しました。

学生カルテ

制作の背景

名古屋商科大学様では、学生や高校の様々な情報をデータベースに持っていたのですが、データを引き出してエクセルで分析するなど手間がかかり、データを有効に活用しきれていない課題がありました。そこでそれらのデータをまとめ、細かな情報を網羅しつつ、地図や表・グラフなどを用いながら視覚的に理解しやすい形で２つのカルテシステムを用意しました。

学生カルテ

学生カルテでは、授業の成績、留学の有無、就職の情報などの学生個人の情報から、学年、学部、クラブなど全体像を把握するための情報も組み込んでいます。

学生カルテ学生ページ一部

学生カルテ全体把握のページ一部

高校カルテ

高校カルテでは、資料請求数や高校のレベルなどから名古屋商科大学様独自の計算によるランキングを算出し、全国の担当者がこの情報をもとに効率よく学校訪問することが可能です。

高校カルテ