JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
いまさら聞けないiPhone/iPadアプリの作り方の基礎
【A】ツールバー 実装モード／デバッグモードの切り替えや、［ビルドと実行］などのアクションボタンがある。ここにあるボタンは、カスタマイズ可能 【B】［グループとファイル］ Xcodeプロジェクトが保持しているファイルを一覧表示。クラスファイルや設定ファイルなどの成果物は、すべてこのエリアに格納していく 【C】情報表示エリア 選択されているファイルの詳細情報や、プロジェクト内のファイル検索などが行える（頻繁に使うエリアではないので、実装時にはツールバーの［エディタ］ボタンで非表示にしてしまい、テキストエディタを広く使うのも1つの手） 【D】テキストエディタ ［グループとファイル］で選択したファイルを実際に編集するエリア。ソースコードや設定ファイルを記述するので、開発時はこの部分を常に見続けて作業をすることになる Xcodeプロジェクトとは これまでに作成したXcodeプロジェクトは、アプリを
「LESS＆専用エディター」でCSSをシンプルに書こう
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう 連載の3回目の今回は、ライブラリ初心者へ向けて、やさしい内容で書いています。そのため、内容は簡単でシンプルです。ぜひ、一度試してほしい！ 変数などのプログラミングの基礎的な考え方もCSSで学べるので、やってみてくださいね（一部サンプルコードはLESS公式サイトのコードを参考に使用しています）。 LESSとは LESSの特徴 LESSを使う準備 LESSを使ってみよう 「CSS」ファイルに変換するアプリ LESSを使ってみて…… 1．LESSとは LESSは英語で「少なく」といった意味です。CSSをシンプル（少なく）に効率よく書くためのもので、CSS拡張メタ言語の１つです。 では、CSS拡張メタ言語では何ができるのでしょうか？ 変数 ミックスイン 入れ子ルール
5分でわかるCSSグラフィック
知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 本連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基本技術の1つであるCSSで実現するグラフィック表現を取り上げます。 従来のCSSはWebページのフォントやレイアウトを整える機能がほとんどで、「グラフィック技術」というには物足りないものでした。しかし、CSS3と呼ばれる近年の拡張によって、アニメーションや3D表現を含む多彩な画面効果が実現できるものに進化しています。 この記事は、そうしたCSS3のグラフィック関連機能の基本的な使用方法をまとめて学習することを目的としています。 ベンダプレフィクスについて CSS3の多くの機能はまだ規格策定段階のも
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
Windows OSにインストールされているInternet Explorerのバージョンを確認する
対象ソフトウェア：Windows Vista／Windows 7／Windows 8／Windows 8.1／Windows 10／Windows Server 2008／Windows Server 2008 R2／Windows Server 2012／Windows Server 2012 R2、IE7／IE8／IE9／IE10／IE11 解説 Windows OSに付属している標準ブラウザ「Internet Explorer（IE）」は登場以来、バージョンアップを重ね、執筆時点では11代目のIE11までラインアップされている。 その一方で、IE10以前のバージョンは一部の例外を除いて延長サポートが終了し、新たなセキュリティパッチの無償提供が停止してしまっている。そのままでは新たな脆弱（ぜいじゃく）性が修正されず、セキュリティ面でひどく脆くなってしまう。 そのため、管理下のWindo
ペパボ社長・家入氏が語る、バカとまじめの振り子の関係
ユニークなデザインやサービスで注目されるペパボ。創業者の家入氏に、クリエータ兼経営者としてペパボが生み出す独創的なサービスへのこだわりを聞いた 自分にできるのはクリエータとビジネスの仲介人 ユニークなデザインやサービスで注目されるpaperboy&co.（以下、ペパボ）。創業者である家入一真氏は、デザイナ／Web開発者としてキャリアをスタートさせ、現在ではそれを支援する側に身を置く。2008年12月に上場を果たし経営者として成功。そんな家入氏に、クリエータとして独創的なサービスを生み出すこと、経営者として会社を成長させることのこだわりについて聞いた。 ――もともと自らもクリエータだったわけですが、それを支援する側になろうと思ったきっかけはなんでしょうか？ 高校を中退した後に油絵の学校に通っていたのですが、父親が交通事故に遭ってしまい、就職せざるを得なくなりました。その事故がなければ、三浪、
HTML5が持つ本当の意味 ― ＠IT
2008/01/25 ウェブ関連技術の標準化団体「W3C」（World Wide Web Consortium）が「HTML5」の策定に向けて活動を本格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。 普段からウェブ関連技術をウォッチしている方は別として、「なぜ今ごろ？」と、この突然のW3Cの動きに驚かれた方が多いのではないでしょうか。「そもそもW3Cがやる意味があるの？」という疑問の声も聞こえてきそうです。 標準化団体としてのW3Cのプレゼンスは、近年あまりに高いとは言えません。かつて1990年代後半から2000年ごろにかけて、誰もがW3Cの一挙手一投足に注目していた時期がありました。彼らの出してくる標準技術仕様こそが、インターネットを形成する共通言語だと、多くの人が信じていました。 ところが、現在広く使われて
AptanaでWebページ作成はここまでできる！（1/3） ― ＠IT
AptanaでWebページ作成はここまでできる！：どこまでできる？ 無料ツールでWebサイト作成（1）（1/3 ページ） 以前、無償版のWebオーサリング（サイト作成）ツールを特集でカタログ的に紹介したが、皆さまの興味は「業務レベルでどの程度使えるのか」という部分にあるのではないだろうか？ そこで、本連載では各ツールを使用したサイト開発を掘り下げていこう。 まずは第1弾として、2回にわたり「Aptana」の紹介を進めていく。第1回では静的なサイト構築を想定した開発、第2回ではプラグインの追加により可能となるAdobe AIRなどの動的コンテンツ開発を中心に紹介していこう。 無料Webサイト作成ツールの最有力候補「Aptana」 EclipseベースのIDE（統合開発環境）であるAptanaは、コード補完機能やリファレンス機能など、充実度の高さが売りのオーサリングツールである。 オープンソー
【特集】業務で使える！ 無料Webサイト作成ツール集（1/3） － ＠IT
上記ツールの詳細や、ほかのさまざまな無料Webサイト作成ツールについて知りたい読者は本稿に併せて、連載「どこまでできる？ 無料ツールでWebサイト作成」もぜひご参照ください。 Webサイト開発はテキストエディタだけで行えるのか？ ■ 今後もWebサイト開発にHTMLコーディングは必要なのか？ Web標準にのっとった制作、CSSによるレイアウト、Ajaxなど、HTMLとCSS、JavaScriptなどで実現可能なことは意外と多いものだ。その中でも、特にAjaxはこれまでシステム開発をしてきたプログラマが得意とする部分だろうし、世の中のデザイナーには、デザインだけではなくこれからはHTML制作に進もうと考えている人もいることだろう。 こういったことから、たとえ世の中がリッチなコンテンツ、Web 2.0、CMSという方向に進んでいったとしても、HTMLベースのWebサイト構築というものは、尽きる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WindowsXPの正体 実験／実証によって探るWindows XPの真実の姿 リモート デスクトップで遠隔操作する 2．リモート デスクトップ接続を使う - ＠IT