タグ

ブックマーク / www.buildinsider.net (8)

  • TypeScriptってどんなもの? プロ生ちゃんと始めてみよう!

    プロ生ちゃん、TypeScriptに興味を持つ きよくら(以下、き)  あれ、慧ちゃん、何やっているの? 暮井 慧(以下、慧)  実は、TypeScriptに興味があって、やってみようかと思って。 き  へー、急にどうしたの? 慧  前から気になってたんだけど、最近、「グーグルAngularJS 2をマイクロソフトのTypeScriptで開発」とかニュースでもよく見かけるようになって、やってみたいなーって。きよくらさんは、TypeScriptに詳しいの!? き  んー、詳しい……というにはちょっと気が引けるけど、TypeScriptは出てきたときからウォッチしていたし、今は仕事で普通に使っているかな。 慧  じゃあ、私に教えて! き  教える……っていうと、何だかおこがましいけど。せっかくだから、一緒にやってみよう!

  • 現在利用しているjQueryのバージョンを確認するには?

    現在利用しているjQueryライブラリのバージョンを、JavaScriptコードから実行中に確認する方法を説明する。また、ライブラリのバージョンの使い分けや、旧バージョンの入手方法も紹介。

  • Cordovaを用いた開発環境を構築する

    コーナーは、技術評論社発行の書籍『[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Cordovaは、開発者に最も利用されているハイブリッドアプリ開発フレームワークの1つです。この章では、このCordovaを用いて実際に簡単なiOSアプリとAndroidアプリを開発する手順を紹介します。 具体的には、以下のような順番で解説します。 開発環境を構築する プロジェクトを作成・管理する アプリを開発する Cordovaプラグインを利用する 既存のアプリにCordovaを組み込む 最初に、Cordovaを用いた開

  • Cordova:プラットフォームごとにカスタマイズする

    前回は「4.3 アプリの設定」を説明しました。稿はその続きです。 ■ 4.4 プラットフォームごとにカスタマイズする アプリをクロスプラットフォーム対応にする際に、プラットフォームごとに少し違った挙動をさせたい場合がしばしばあります。 特定のプラットフォームでしかサポートされていない機能を使いたい場合には、その処理の部分の挙動をプラットフォームごとに変更しなければ実装できません。また、モバイルプラットフォームごとにOSがユーザに提供するユーザインターフェイスが違うので、iOSやAndroidで見た目を変えなくてはならない場合があります。 cordovaコマンドで作成したプロジェクトは、Cordovaを用いたハイブリッドアプリにプラットフォーム特有の挙動をさせたい場合に利用するリソースを簡単に切り替えられるようになっています。ここでは、以下の2つの方法を紹介します。 HTML5側をプラット

  • JavaScriptからネイティブの機能を呼び出す方法 ― addJavascriptInterface方式(前編)

    Apache Cordova/Adobe PhoneGapによるハイブリッドアプリ内での、JavaScriptとネイティブとの通信の仕組みを解説する。書籍転載の7目(「Part 2《実践編》 第11章 JavaScriptとネイティブとのブリッジ」より)。

  • Web制作者は注意! Internet Explorer 11で変更された「互換性」

    Windows 8.1正式版がMSDNサブスクライバー向けに公開され、それに標準搭載される「IE11」も正式版となった。しかしこのIE11にはWeb制作者に大きな影響がある「互換性」に関する変更が含まれている。 2013年9月10日、MSDN Subscriptionの登録者は、Windows 8.1正式版がダウンロードできるようになった。Windows 8.1の標準ブラウザーであるInternet Explorer 11(以下、IE11)では、互換性に関する大きな変更が加えられている。 ご存じのとおり、IEは、現在も更新されているブラウザーの中では最古参のブラウザーである。ほかのブラウザーが新しく登場して、HTML5などモダンな機能を実装していく中、互換性の課題に引きずられているという問題があった。また、HTML5などのサポートが遅れたため、ほかのブラウザーと同様にモダンな機能を提供して

  • [Knockout]MVVMパターンでアプリケーションを構築する

    コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用[厳選111]』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用[厳選111]』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 KnockoutはModel-View-ViewModel(MVVM)パターンをサポートするライブラリです。Knockoutではデータバインドを用いて、宣言的にView(HTML)とViewModelを関連付けます。そうすると、Viewを変更すればViewModelが、ViewModelを変更すればViewがというように、一方の変更がもう一方に自動的に反映されるようになります。また、Viewのボタンクリックなどのアクションについても、データバインドを使ってViewM

  • Modernizrを使ってブラウザーの機能を調べるには

    ユーザー・エージェント文字列を使ってブラウザー単位で、使用可能なHTML5/CSS3機能を判定する方法は時代遅れだ。これからは機能単位で判別しよう。その方法を解説。 稿では、Webブラウザーで使用できる機能を調べるのに、ユーザー・エージェント文字列を使ってブラウザー単位で判定するのではなく、機能単位で使えるかどうかを判別する方法を紹介する。 Modernizrとは HTML5やCSS3では、HTMLで表現できることが大幅に強化された。そのため、HTML5&CSS3が普及するにつれ、きれいな見た目のサイトやリッチなレイアウトを持つサイトが増えてきている。 しかし、HTML5/CSS3機能の実装状況はブラウザーごとに異なるため、HTML5/CSS3の仕様として定義されているからといってそのまま使えるわけではない。この実装の差異に対応するために、これまでは、JavaScriptやサーバーサイド

    typista
    typista 2013/07/10
    Modernizrを使ってブラウザーの機能を調べるには
  • 1