Googleが昨年発表した、Webアプリをネイティブアプリのように使えるようにするしくみ「PWA（Progressive Web Apps）」が話題です。既存サイトをPWA化する方法をサンプルコードをもとに解説します。 ここ最近はプログレッシブWebアプリ（Progressive Web Apps、PWA）の話題をよく耳にするとともに、これが未来のWebなのかどうかが議論の的になっています。ネイティブアプリ vs PWA論争に加わるつもりはありませんが、PWAがモバイルデバイス対応を強化し、ユーザーエクスペリエンスを向上することだけは確かです。2018年までにはモバイルからのアクセス数がほかのすべてのデバイスからのアクセス数を上回ると予測されるなかで、どうしてこの流れを無視できるのでしょうか。 良いニュースは、PWAの作成は難しくないということです。実際のところ既存のサイトをPWA化するこ

ここは東北某県にある小さな水産加工品メーカー、パラダイス水産。ひょんなことから、自社サイトをSSL対応にすることになった。その作業を任された（丸投げされた）カタクラ君は、果たして無事にSSLを導入できるのだろうか。 （※この物語はフィクションです。さくらインターネット以外の実在する団体・人物とは一切関係ありません） 「……というわけでカタクラ君、よろしく頼んだよ。あ、スタートは今月中ね！」 どよーん。また社長からの無茶振りだ。しかも今月中って。 ここはパラダイス水産の営業部。数人いる営業部メンバーの中で一番若いのが、「カタクラ君」こと僕である。 当社、パラダイス水産は水産加工品メーカーだ。具体的には「サバの水煮」や「サバの味噌煮」などの缶詰を自社工場で製造し、県内や近県の食品卸会社、スーパーなどに出荷している。“パラダイス印のサバ缶”といえばご当地の味であり、全国的な知名度はないけれど、地

『そういえば、あの業界のシェアは結局どこが一番多いんだっけ……？』 そんな疑問を抱いたことがあるすべてのビジネスマンに捧ぐ連載。仕事でも利用できる業界ランキングや業界地図を私、高橋暁子が手っ取り早く紹介します。＜連載目次＞ 日本はスマホゲーム売上高世界一 皆さんはスマホゲームやソーシャルゲームは利用しているだろうか。 ここ数年で、利用するゲームに変化はあっただろうか。今回は、スマホゲーム・ソーシャルゲームのシェア最新版をお送りする。 米調査会社アップアニーの2013年12月発表のレポートによると、アプリストアの売上げ世界一は日本であり、僅差で米国が続いた。 売上高の大半を占めるのはゲームアプリだ。App Store及びGooglePlayにおける2012年10月から2013年10月までのアプリの売上高を国別に比較すると、2012年10月時点では日本でのアプリ売上高は米国の約6割程度だった。

基本のドロップダウンメニュー メインメニューにマウスカーソルを重ねると、すぐ下にサブメニューを表示するドロップダウン型メニューから作りましょう。サブメニューの1回層目までの表示に対応したメニューです。 メニューバーのHTML／XHTML（以下、HTML）は以下のように記述します。メインメニューをul/li要素で記述し、メインメニューに対応するサブメニューをli要素の中にul/li要素で入れ子に記述していきます。メインメニューのul要素にはclass属性「menu」を、子カテゴリーのul要素にはclass属性「sub」を付けて親子関係を分かりやすくしておきます。 ▼サンプル01（HTML部分） <ul class="menu"> <li><a href="#">メニューA</a> <ul class="sub"> <li><a href="#">サブメニューA</a></li> <li><a