Windows 10の最新情報を常にウォッチしている探偵・ヤナギヤが、Windows 10にまつわるギモンに答える本連載。 基本技から裏技・神技、最新ビルドのInsider Previewの情報まで、ドド～ンと紹介します。 調査依頼 Windows 10のプロダクトキーがわからない…… Windows 10のプロダクトキーは、メーカー製PCであればPCに付属している書類に記載されているし、パッケージ版を購入したならケースに記載されている。しかし、Windows 10のプロダクトキーを入力する機会はとても少ないので、いざ必要になったときに見つからない時もある。Windows 10が稼働しているなら、フリーソフトで調べられるので、メモしておくことをお勧めする。 RJL Softwareのウェブサイトから「Click here to download Windows Product Key Vi

sponsored 上位モデルは今後も増えるであろう四角いLCDディスプレーのCPUクーラーを採用！ 人気上昇中の液晶付きCPUクーラーを中心に映えBTOPCを構成！ そのコダワリを聞いた sponsored AI向けのワークステーションやサーバーもズラリ ほかにない特徴や魅力が多数！ COMPUTEXのSilverStoneブースをチェック sponsored クラウドストレージの使いやすさ、快適さのカギを握る「同期処理のスピード」 ファイルサーバーの「使い勝手」を変えずクラウドストレージへ引っ越すには？ sponsored ゲームのスクショ、プレイ動画の編集におすすめ AMD Radeon、AIバッチリ使えます：Adobe PhotoshopやPremiere Proで検証 sponsored G-Master Spear FX7をレビュー 「FFXIV: 黄金のレガシー」が4Kでも遊

選択肢豊富なSIMフリースマホを ぜひチェックしてほしい！ この年末年始にチェックしてほしいのがSIMフリースマホだ。2014年に急速に一般層に知名度が広がるとともに、サービス内容がさらに魅力的になってきた「格安SIM」と組み合わせることで、通信費はぐっとオトクになる。 さらにSIMフリースマホは、高いスペックで最新のAndroidがヌルヌル動くものもあれば、2万円台ながら普段使いには十分なものもある。メリット・デメリットを把握すれば自分に合った端末が選べるというわけで、格安SIMの選択肢も増えた今こそデビューチャンスなのだ。今回は、それぞれに個性のあるSIMフリースマホを5つ選んだので、購入の参考にしてほしい。 スペックと最新OSで選ぶならこの新Nexus グーグル「Nexus 6」 実売価格　7万5170円（Google Play価格） 満を持して登場した新Nexus。製造はモトローラ

スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ

本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 第3回ではHTMLを用意し、ブラウザーのCSSをリセットしました。今回は、レスポンシブWebデザインに必要な技術的な要素を追加して、基本的なレイアウトを整えていきます。 「フルードイメージ」による画像の伸縮 第3回で作成したサンプルを幅320pxにしたブラウザーで表示すると、画像が横にはみ出てスクロールバーが現れます。用意した枝豆の画像がブ

スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）

Facebookのニュースフィードに毎日のように現れる「○○診断」。せっかく試してみようと思ったのに、スマートフォンでは遊べなかった――そんな残念な経験をした方も多いはず。 Facebookアプリの多くはPC向けに作られているので、スマートフォンなどのモバイルデバイスでは利用できません。Facebookユーザーの7割がモバイルデバイスからアクセスしている※ので、どうせならモバイル対応のFacebookアプリを作りたい！ という開発者の方も少なくないでしょう。 この連載では、私たちが開発しているJavaScriptライブラリー「jAction」を使って、iPhoneやAndroidなどのスマートフォンで遊べるFacebookモバイルアプリを作る方法を解説します。第1回では、実際の制作に入る前に、Facebookモバイルアプリとは何か？　どんなことができるのか？　といった概要を紹介します。 ※

「カルーセルパネル」は、画像などのコンテンツを並べたパネルを左右にスライドさせて切り替えるUIです。Amazonの「この商品を買った人はこんな商品も買っています」で利用されているので、名前は知らなくてもご存じの方は多いでしょう。カルーセル（Carousel：回転木馬）は、メリーゴーラウンド（merry-go-round）のことで、パネルをスライドしていくと一周して元のスライドに戻ることから「カルーセルパネル」と呼ばれています。今回はjQueryでカルーセルパネルを作成する方法を解説します。 HTML/CSSでカルーセルのベースを作成する 今回作成するカルーセルパネルのHTML／XHTML（以下、HTML）は次のようになっています。カルーセル全体を囲むdiv要素を配置し、id属性に「carouselWrap」を設定します。div要素の内側にはパネルを左方向にスライドさせる「戻る」ボタン用のp

スマートフォンサイトの制作でいま注目を浴びているのが「jQuery Mobile」です。jQuery Mobileを利用すると、CSSやJavaScriptの知識がない人でも簡単に本格的なスマートフォンサイトを作成できます。そんな“jQuery Mobileのキホン”が10分でわかるように、要点をギュッと絞って解説しましょう。 ※本記事は、jQuery Mobile 1.0をもとに執筆しています。 0分目： jQuery Mobileのダウンロードと利用方法 jQuery Mobileは、HTMLのhead要素で、（1）jQueryのスクリプトファイル、（2）jQuery Mobileのスクリプトファイル、（3）jQuery MobileのCSSファイルを読み込むだけで利用できます。 それぞれのファイルはjQueryのサーバーから呼び出せるようになっているので、わざわざ手元にダウンロードし

おとそ気分で社内を暇そうにウロウロしていたら「HTML5の常識、わかっていますよね」と怖い怖い一回り年下の編集長から叱られてしまいました。この後、HTML5関係の仕事がくることは間違いがありません。 しかし、ワタクシは50代。困ったことに、この編集長の「わかる」とワタクシの「わかる」とは程度が違います。これは困りました。正月早々、首筋がすーっと寒くなってしまったので、優しいけど仕事に関しては編集長よりも厳しい二回り年下のデスクに相談。 「HTML 4と比較しながらHTML5の違いをまとめて記事にするところから、始めてみてはどうですか」と先手必勝のようなお題を与えてくれました。どこまでこのお題をこなせるのか。65歳定年になれば、あたりまえの日本企業の縮図のなかで、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。 DOCTYPE宣言が超簡単に DOCTYPE宣言が超簡単になったのは

【阿南六男●あなん・ろく（左）】地デジ対策に悩める、50代ビジネスマン。妻と子ども2人（高校生の長女、中学生の長男）を抱える。学費も気になる今、アナログテレビの買い換えに躊躇しているが……。【地出路進●ちでじ・すすむ（右）】「どっぴー家電」店長。テレビ売り場ひと筋で20年。地デジのことならなんでもおまかせ！ 自宅のアナログテレビには「多機能地デジチューナー」設置済み

作成したいFacebookページのカテゴリー、サブカテゴリーを選択して、希望のFacebookページ名を入力します。Facebookページ名は「いいね！」を100人集めるまでは変更できます（100名を超えると変更できません）。 これでFacebookページを作成できました。作成直後の画面は以下のようになっています。 次に、基本的な設定として、上図の赤枠で囲っている項目を順番に設定していきましょう。 （1）プロフィール画像 最初にFacebookページの「顔」となるプロフィール画像を設定します。「画像を追加」→「画像をアップロード」をクリックするとアップロード画面が表示されますので、「参照」ボタンを押して画像を選択します。プロフィールとして使用できる画像のサイズは、最大で幅180×高さ540pxです。今回は少し縦長の180×360pxの画像を用意しました。

スマートフォンとPCの振り分け ここまでできたらいよいよサイトの公開です。今回は、スマートフォンサイト用に「iphone」というサブドメインを割り当てました。 作成したファイルをWebサーバーにアップロードすれば一応完成ですが、スマートフォンサイトのURLをユーザーに入力してもらうのは現実的ではないので、iPhone/AndoridからPCサイトにアクセスしたときには自動的にスマートフォン専用サイトに振り分けるようにしましょう。 iPhone/Androidからのアクセスを判別して専用サイトに振り分けるには、JavaScriptやPHPなどのプログラム言語か、Webサーバーの設定を利用します。今回はもっとも手軽なJavaScriptを使って振り分ける方法を紹介します。まず、端末の振り分けのときに利用するのが、「ユーザーエージェント」と呼ばれる情報です。 ユーザーエージェントとは ユーザーエ

「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規

いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

JavaScriptライブラリでリッチなUIを手軽に作れるようになったのはいいけど、最近ではそれもすっかりマンネリ気味。そろそろ、ほかのWebデザイナーとは違うデザインを取り込んで何とか差をつけたい――。そんなときは、国内のデザイン誌やブログではなく、海外サイトに目を向けてみてはどうでしょうか。たとえば、優れたWebサイトを紹介している「dzineblog」というブログなら、海外のWebデザインのトレンドをいち早くチェックできます。 そのdzineblogの膨大なコンテンツの中から、今回注目するのが、「10 Websites That use JavaScript Animation Effectively!!」という少し前のエントリー。JavaScriptによるアニメーションエフェクトを上手に使っているサイトを取り上げており、その中から、「Playground Blues」をピックアップ