タグ

ブックマーク / atmarkit.itmedia.co.jp (22)

  • jQuery逆引きリファレンス - @IT

    children([exp])、next([exp])、nextAll([exp])、parent([exp])、parents([exp])、prev([exp])、prevAll([exp])、siblings([exp])

  • ブラウザキャッシュでパフォーマンス向上

    キャッシュ制御の方法 サーバサイドからキャッシュを制御するには、以下の2つの方法がある。 HTTPヘッダによる制御 METAタグによる制御 まずは、これらがどのようなものか、軽くおさらいしておく。 ■HTTPヘッダによる制御 HTTPプロトコルでは、HTTPヘッダにさまざまな情報を格納することができる。そのうちいくつかの情報は、キャッシュ制御のためのヘッダである。リクエスト(クライアント→サーバ)用のものと、レスポンス(サーバ→クライアント)用、リクエスト/レスポンス共通のものが存在する。 ■リクエスト用 If-Modified-Since 日時を指定する。指定した日時より新しいコンテンツの場合のみデータを返却するようにサーバに指示する。ローカルキャッシュの最新確認に使用される If-None-Match 指定したエンティティタグに一致しない場合のみコンテンツを返却するようにサーバに指示す

    ブラウザキャッシュでパフォーマンス向上
  • ケータイFlashでさくさく動く Illustratorデータの作り方

    ケータイFlashでさくさく動く Illustratorデータの作り方:一撃デザインの種明かし(2)(2/2 ページ) 重要!Illustratorはこう使え! ケータイFlashで動かすケータイペットのアイテム作りはすべてIllustratorで行います。そのルールをいくつかご紹介します。 ◎まずは準備をしよう! アイテムは素体が身に付けるものなので、素体に沿って作らなければなりません。 より正確に素体の位置、形を把握するために、まず「表示」メニューの中の「スマートガイド」にチェックを入れましょう。これによりアンカーポイント、パス、ハンドルなど正確な位置が表示されます。 では、スピーディに大量のアイテムを作るための秘策をお教えしましょう。少しの無駄も積もり積もって大きなロスになります。よく使うツールは、マウスを持たない左手周辺にショートカットキーとして集めておきましょう。「編集」メニュー

    ケータイFlashでさくさく動く Illustratorデータの作り方
  • HTML5のVideoとCanvasを使って神速でランディングページに動きを付ける

    HTML5のVideoとCanvasを使って神速でランディングページに動きを付ける:ブラック案件駆逐法(2)(2/2 ページ) HTML5のCanvasアニメーション制作はFlash Proのモーションエディターで 「アニメーション制作ソフトの元祖」といってもいい存在の「Adobe Flash Profesional CC」(以下、Flash Pro)。「Flashはオワコンでしょ?」と思われがちだが、Flashには「CreateJS」という強力なタッグを組んだツールがあり、Flashで作成したアニメーションをインタラクティブ機能も含めてJavaScriptで動作する形で書き出すことができる。 スクリプト自体をJavaScriptで書く必要があったり、一部のエフェクトの利用に制限があったりするものの、非常に自由度の高いアニメーションを作成できる。 Edge Animateで作れるアニメーシ

    HTML5のVideoとCanvasを使って神速でランディングページに動きを付ける
    homihoo
    homihoo 2014/07/30
  • 「Vagrant」って何ぞ?(・o・)

    「Vagrant」って何ぞ?(・o・):Vagrant開発者 Mitchell Hashimoto氏に聞いた 仮想の開発環境作成ツールとして人気が高まっている「Vagrant(ベイグラント)」。その開発者であるMitchell Hashimoto(ミッチェル ハシモト)氏が来日するとの情報を聞き、2013年7月12日、VOYAGE GROUPで行われたミートアップに駆け付けた。 「Vagrant」とは Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。「ほんの数行書くだけで開発用の仮想マシンを構築できる」という優れものだ。 Vagrantのビジョンは、「開発者とシステム管理者にとって最高の『開発フロー』を提供すること」。Vagrantをダウンロードして「vagrant up」と入力し、実行するだけでそれが可能となる。 システム管理

    「Vagrant」って何ぞ?(・o・)
    homihoo
    homihoo 2014/02/17
  • CMS選定の9のポイントと、いま話題の3つのCMS

    CMS選定の9のポイントと、いま話題の3つのCMS:独断と偏見のCMS比較(3)(1/3 ページ) CMSは「数多くの製品があり、とてもじゃないが選べない」のが普通だ。選定のポイントと代表的なSOY CMS、Drupal、Concrete5を紹介しよう 「情報発信サイト」のためのCMSとは 連載も第3回になって、いよいよお待ちかねのWebサイトを管理するためのCMSのお話です。現代では「Webサイト」という言葉が指す範囲が広過ぎるので、ここでは企業や製品のWebサイトやイベントの告知サイトなど、何らかの情報を発信するためのサイト全般を「情報発信サイト」と呼ぶことにします。 連載第1回の「いまさら聞けない「CMS」超入門」の定義に従えば、編集者より読者の方が圧倒的に多いタイプのWebサイトです。これはCMSの王道ともいえる分野ですから、「数多くの製品があり、とてもじゃないが選べない」というの

    CMS選定の9のポイントと、いま話題の3つのCMS
  • そのWebサービスで“対価”をもらえますか?

    Java News.jp(Javaに関する最新ニュース)」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」(駆け足の要点説明)でお届けします(編集部) インターネットは無料が当たり前? インターネットを利用するための料金は、十数年前と比べると大変安価になりました。無線LANのホットスポットなど、限りなく「無料」に近い形で利用できる場合も多くなってきています。 そして日々、皆さんが1人の利用者として使うWebサービスには、どんなものがあるでしょうか? ほとんどのサービスは無料、もしくは広告が入ることによって無料で使えるものが多いでしょう。その一方、企業向けの比較的高価なWebサービスを専門的に利用している人もいるでしょう。 またWebサービスを提供する側としては、「無料で提供されるのが当たり前のようになっているWebサービスを、いかにユ

    そのWebサービスで“対価”をもらえますか?
  • 「CGなんて社会貢献になるか」と言われ、奮い立った少年

    連載では、Life is Tech ! が主催するイベント「Edu×Tech Fes 2013 U-18~驚異のプレゼンテーション~」をレポートする。Edu×Tech Fes 2013 U-18は、テクノロジーから教育を考え、教育からテクノロジーを考えるイベント。天才中高生が語るゾクゾクする3時間を、全7回の連載でお届けする。 山氏は、3~4歳のころからCGに興味があり、Pixarの映画が大好き、将来は「Pixarでアニメーション映画を作りたい。そして、夢の大切さを世界に発信したい」と語る。千葉県立千葉中学校に入学後、中学のゼミでCGの研究を始めた。ゼミでは、デジタルハリウッドや日のPixarを目指すマーザ・アニメーションプラネットで働く人の話を聞き、研究発表を行った。すると、ある先生が全校生徒の前でこんなことを言ったという。――「CGなんかの研究をして、何の社会貢献になるんだ」――

    「CGなんて社会貢献になるか」と言われ、奮い立った少年
    homihoo
    homihoo 2013/03/23
    彼の姿勢と行動力に尊敬
  • https://atmarkit.itmedia.co.jp/fwin2k/win2ktips/1363streams/streams.html

    homihoo
    homihoo 2013/03/22
    ダウンロードファイルに付与される「ゾーン情報」を削除する方法
  • OAuth 2.0でWebサービスの利用方法はどう変わるか(1/3)- @IT

    OAuth 2.0で Webサービスの利用方法はどう変わるか ソーシャルAPI活用に必須の“OAuth”の基礎知識 株式会社ビーコンIT 木村篤彦 2011/2/2 TwitterがOAuth 1.0を採用したのを皮切りに、今では多くのサービスがOAuth 1.0に対応しています。国内でも、例えば、マイクロブログ型コラボツール「youRoom」、小規模グループ向けグループウェア「サイボウズLive」、「はてな」のいくつかのサービス、「Yahoo!オークション」、リアルタイムドローツール「Cacoo」などがOAuth 1.0に対応したAPIを公開しています。 ここ数年でOAuthはさまざまなWebサービスのリソースを利用する際の認証方式として普及してきました。これは大きなプレーヤーがサポートしたことも一因ですが、OAuthの持つ以下の2つの特徴によって、「OAuthを使うと、サービスプロバイ

  • 開発者が知らないと残念過ぎるAndroid 4.1の新機能36選

    もはやメジャーアップデートAndroid 4.1が登場 2012年6月27日、グーグルAndroidのバージョン4.1、コードネーム「Jelly Bean」を発表しました。7月10日には、ソースコードも公開されています。

    開発者が知らないと残念過ぎるAndroid 4.1の新機能36選
  • いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!

    面白法人カヤックがサイトリニューアル! いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVGScalable Vector Graphics)画像で置き換えたり(SVGはベクトル形式の画像のため、拡大してもボケない)、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授! 稿では、サイトリニ

    いますぐ使えるCSS3テクニック集! コピペ用サンプル付き!
  • Dreamweaver+PhoneGapでjQuery Mobileアプリのネイティブ化

    Dreamweaver+PhoneGapでjQuery Mobileアプリのネイティブ化:PhoneGapで始めるWeb→スマホアプリ制作入門(2)(1/3 ページ) 連載第1回の「PhoneGapでAndroidアプリを作るための基礎知識」では、PhoneGapの開発環境のセットアップから、「Hello World!」アプリの制作までを紹介しました。前回紹介したときのPhoneGapのバージョンは、0.96でしたが、その後7月29日に、正式版としてPhoneGap 1.0がリリースされました。 詳細は、記事「HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表 ? Publickey」をご参照ください。 今回は、Dreamweaver+PhoneGap+jQuery Mobileを使って、スマートフォンで動く簡単なネイティ

    Dreamweaver+PhoneGapでjQuery Mobileアプリのネイティブ化
  • Wake On LANでコンピュータを起動する ― @IT

    対象OS:Windows 2000/Windows XP/Windows Server 2003/Windows 7/Windows Server 2008 R2 TIPSの情報は、記事公開時点(2012年03月09日)のものです。最新のPCでは、記事の通りの操作でWake On LANによるコンピュータ起動が行えない場合があります。また、記事中で紹介しているフレンドコンピューターのツール「WOL Controller」は、配布が終了しています。 また、最新の状況を反映したWindows 10向けのWake On LAN(WoL)に関する記事を公開しました。Windows 10でWoLを行いたい場合は、以下の記事を参照してください。 解説 リモート・デスクトップでログオンしたいコンピュータや自動更新を有効にしていて[更新をインストールしてシャットダウン]を実行してしまったコンピュータなど

    Wake On LANでコンピュータを起動する ― @IT
  • 連載インデックス「一撃デザインの種明かし」 - @IT

    連載インデックス 「一撃デザインの種明かし」 Webサービスのアイデアをデザインとして形にするためのハウツー連載です。 いますぐ使えるCSS3テクニック集 コピペ用サンプル付 一撃デザインの種明かし(16) HTML5時代のWeb制作で必須となる「CSS3」を使いこなそう! カヤック・コーポレートサイトの実例とサンプルを交えながら解説します

  • Webの3つの問題を解決する「HTML5」とは何なのか

    最近よく目にする「HTML5」という言葉。JavaScriptAPICSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします どっからどこまでが「HTML5」なの? 最近、「HTML5」という単語を目にする機会が驚くほど増えました。ニュースやブログで取り上げられない日はほとんどありませんし、筆者が主催している勉強会を含め、開発者同士の勉強会でもHTML5がテーマになることが少なくありません。 しかし一方で、「『HTML5』といわれているものは範囲が広すぎて、とても学ぶ時間がとれない」という声もよく聞きます。それもそのはず、HTML5は現在世界でも最もホットなテーマといってもよく、世界中の名だたる開発者や企業が日々仕様を提案したり、改善

    Webの3つの問題を解決する「HTML5」とは何なのか
  • 標準化と実装が進む次世代Web規格「HTML5(HyperText Markup Language 5)」とは? − @IT

    ChromeやOperaなどのWebブラウザへの実装が始まっているHTML5。何が新しくなるのか? HTML歴史を振り返りながら、その目的や特徴を解説する。 連載目次 HTML5は、標準化団体のW3C(World Wide Web Consortium)がコミュニティのWHATWG(Web Hypertext Application Technology Working Group)と共同で策定中のHTMLの最新版である。HTML5はWebアプリケーションを開発するためのプラットフォームとなるべく仕様が策定されていることが最大の特徴だ。 HTML5へ至る経緯 HTMLは1993年に、当時スイスのCERN(欧州原子核研究機構)に在籍していたティム・バーナーズ=リー氏がHTTPなどとともに開発した技術だ。 バーナーズ=リー氏がHTMLを考案したのは、CERNなどに在籍する研究者同士が効率よく

    標準化と実装が進む次世代Web規格「HTML5(HyperText Markup Language 5)」とは? − @IT
  • Windows Update/Microsoft Updateのトラブルを解消する(SoftwareDistributionフォルダを修復する方法)

    Windows Update/Microsoft Updateのトラブルを解消する(SoftwareDistributionフォルダを修復する方法):Tech TIPS Windows Update(WU)やMicrosoft Update(MU)において、エラーが発生して修正プログラムの検出・適用ができないことがある。その原因の1つとして、WU/MUが利用する%SystemRoot%\SoftwareDistributionフォルダのファイル破損が挙げられる。このフォルダを修復するには、フォルダ名を変更してからWU/MU用のサービスを再起動する。 解説 マイクロソフトが提供するWindows Update(WU)やMicrosoft Update(MU)は、Windows OSや同社製アプリケーションに修正プログラムを適用するには非常に便利なサービスである。自動更新も含めると、多くのWi

    Windows Update/Microsoft Updateのトラブルを解消する(SoftwareDistributionフォルダを修復する方法)
  • クリエイターであるためにFlash待ち受けを出し続ける

    PCのWebサイト制作が主な仕事のダーヤマ氏にとって、Flash待ち受けを作ることは趣味に近い。1つのケータイ待ち受けコンテンツ制作に費やす時間は2時間程度という。 Flash Liteを使ってケータイ向けコンテンツの制作を始めた理由は「動画を作って流せる媒体が欲しかったから」(ダーヤマ氏)だという。ダーヤマ氏には、映画制作に携わりたいという夢がある。どうやったら世の中に作品を出せるかと試行錯誤した結果、取っ掛かりとして「Web」と「ケータイ用Flash待ち受け」という方法に行き着いた。 「Webは反応が早いから面白い。ダウンロード数がすぐに結果となる」というダーヤマ氏は、Webの特性を生かしてユーザーの好みを分析しながら自分の作品を世に出している。 つらい時期から価値観を構築 もちろん、最初から上手くいっていたわけではない。某大手トイレメーカーを退職した後に務めたデザイン会社では、下請け

    クリエイターであるためにFlash待ち受けを出し続ける
  • @IT:Webアプリケーションのユーザーインターフェイス[1]-1

    Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス(特にGUI)デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが