Tips とは 意味/解説/説明

全 26 記事中 1 ~ 26 を表示中

ガラリと変わる!UI入門 見やすい・読みやすいサイトを作る

Webサイトの文字は読みにくい? 前回お話したように、本連載ではユーザビリティを「見せ方」と「使い方」の2つの側面から考えます。今回は、その中から情報を得るフェーズ、すなわち「見せ方」からユーザビリティを改善する方法を探っていきます。

三宅 涼

2008年9月9日 20:00

  • Web開発
  • システム運用
  • 技術解説

ガラリと変わる!UI入門 フォームのユーザビリティを改善する

フォームの重要性 今回はWebサイトの「使い方」からユーザビリティを改善する方法を探っていきます。

三宅 涼

2008年9月16日 20:00

  • Web開発
  • システム運用
  • 技術解説

5分でわかる!Flash最新TIPS 「Box2DFlashAS3」を試す!

Box2DFlashAS3とは? Box2DFlashAS3は、Erin Catto氏の作ったC++用の物理シミュレーションエンジンのライブラリ「Box2D(http://www.box2d.org/)」をAS3に移植したものです。オープンソースで提供されています。このデモ(http://box2d

林 俊之

2008年6月14日 20:00

  • Web開発
  • 技術解説

5分でわかる!Flash最新TIPS 物理エンジンライブラリ「APE」を試す!

AS3.0用物理エンジンライブラリ「APE」とは? APE(Actionscript Physics Engine)は、ニューヨークを拠点として活動しているAlec Covaという方によって作られたもので、MITライセンスの下、誰でも無償で利用することができるAS3.0用の2D物理エンジンライブラリ

喜安 亮介

2008年6月7日 20:00

  • 開発ツール
  • 開発言語
  • 技術解説

5分でわかる!Flash最新TIPS 「Papervision3D」を試す!

Papervision3Dの現在と今後 最近ではさまざまな3Dライブラリが登場し、Flashでもリアルな3D表現が少しずつ可能になってきました。その1つとして今もっとも知名度が高く、注目を集めているのがPapervision3Dです。Papervision3Dとは、ActionScript2.0およ

代島 昌幸

2008年6月21日 20:00

  • 開発言語
  • 技術解説

5分でわかる!Flash最新TIPS 外部API(Flickr)を試す!

ActionScript3.0とAPI 2年前辺りから、APIを使ったサイトがたくさん出現しました。「マッシュアップ」なんて言葉も流行り、APIはWeb業界にとって身近な存在となりました。よく知られるものとして、Google、Yahoo!、Amazon、そして今回使用するFlickrなどがあります。

林 豊

2008年6月28日 20:00

  • Web開発
  • 技術解説

Silverlight 4 いろいろTips集 画像の裏を表示する

今回は、今まで解説してきたSilverlight 4のサンプルで紹介しきれなかったものを、10回に亘ってTipsという形で紹介します。いろいろな表現方法を紹介していますので、きっと表現豊かなページ作成に役立つと思います。第1回では、画像の“裏”を表示するプログラムを紹介します。今回の筆者の開発環境

PROJECT KySS

2011年5月9日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 マウスクリックによるRippleEffect特殊効果

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。RippleEffectは、画像に波紋をシミュレートする効果です。画面に表示されている画像やタイトルをマウスでクリックすると、クリックした点を中心に波紋が広がる効果を得られます(図1)。

PROJECT KySS

2011年5月10日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 特殊効果(Radial Blur)を伴った画像の切り替え

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面上の[]ボタンをクリックすると、Radial Blur特殊効果を伴って、画像が前の画像、次の画像に切り替わります。クリックしたボタンには、現在の画像の順番が表示されます。Radial Blurは、放射状に伸びる光線のよう

PROJECT KySS

2011年5月16日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 カードがめくられるように数値を表示する

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面が表示されると、カードが折りたたまれ、加算された数値が表示されます。背面のカードに加算された数値が表示されており、折りたたまれると加算された数値が前面に表示されます(図1)。数値は60まで加算され、60に達する、とまた1

PROJECT KySS

2011年5月17日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 画像のドラッグ&ドロップによるRippleEffect特殊効果

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。上段に少し大きめの画像が、下段には複数の小さめの画像が配置されています(図1)。上段の画像を下段の画像の集団にドラッグ&ドロップすると、画像のサイズが、RippleEffect効果を伴って、下段内の画像のサイズと同じになりま

PROJECT KySS

2011年5月18日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 スライドによるページナビゲーション

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面左上方に表示された、「平家物語」と「方丈記」のリンクをクリックすると、フレーム内が左から右に向かってスライドして(図1)、作成しておいた該当ページにナビゲートし、クリックした物語の冒頭の文言が表示されます(図2)。

PROJECT KySS

2011年5月23日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 ListBoxのスタイル変更と選択された項目データの表示

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面には、スタイルの変更されたListBox内に、項目名が表示されています(図1左)。ListBoxのスクロールサムは両端が丸められ、スクロールアローは円で表示されています。スクロールサムをクリックすると、背景色が変わります

PROJECT KySS

2011年5月24日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 ボタンが開閉するアコーディオンメニュー

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面には、画像とタイトルの表示されたボタンが5個並んでいます。ボタンの上にマウスカーソルを乗せると、ボタンの背景色が変化します(図1左)。ボタンをクリックすると、ボタンがアコーディオンのように展開されてテキストが表示されます

PROJECT KySS

2011年5月25日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 アニメーションを伴ったページナビゲーション

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面に表示された、「平家物語」と「方丈記」のリンクをクリックすると、先に表示されていたページが背後に倒れ、前面からクリックされたページが起き上がるように表示されます。ページには物語の冒頭の文言が表示されています(図1)。

PROJECT KySS

2011年5月30日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集 X軸を中心に画像が回転して入れ替わる

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面に表示された、3分割された画像の1枚をクリックすると、クリックされた画像がX軸を中心に回転し、全てクリックすると、最初の画像とは異なった1枚の画像になります(図1)。

PROJECT KySS

2011年5月31日 20:00

  • 開発ツール
  • 技術解説

Windows Phone Tips集 Bing APIを使ってWeb検索とImage検索を実装する

今回より12回にわたってWindows Phone 7.1をメインとした、Windows Phone Tipsサンプルプログラムの紹介をいたします。実機(IS12T)を使ったサンプルも何点か掲載していますので、ぜひ実機でお試しください。では、お付き合いのほどよろしくお願いいたします。筆者の環境は、

PROJECT KySS

2011年10月17日 20:00

  • 開発ツール
  • モバイル
  • 技術解説

HTML5の便利なTips100選 スマホアプリ開発にも便利な位置情報API - Geolocation API -

HTML5は、Webページを作成するための基本的なマークアップ言語HTMLの最新版です。もっとも、HTML5では、単なるマークアップ言語としての機能だけではなく、JavaScriptで利用できるAPIが大幅に拡充され、アプリケーション開発がより簡単になっているのが特徴です(HTML5について、より

山田 祥寛(YAMADA, Yoshihiro...

2012年5月18日 20:00

  • Web開発
  • 技術解説

HTML5の便利なTips100選 HTML+JavaScriptだけでブラウザに図形描画 - Canvas API -

Canvas APIは、HTML+JavaScriptだけで図形を描画するための機能です。従来、ブラウザ上で動的に図形を描画するには、Flashのようなプラグインを利用しなければなりませんでした。しかし、Canvas APIを利用することで、ブラウザ標準の機能だけで同じようなことが実現できます。今

山田 祥寛(YAMADA, Yoshihiro...

2012年6月26日 20:00

  • Web開発
  • 技術解説

HTML5の便利なTips100選 HTML+JavaScriptだけでブラウザに図形描画(2) - Canvas API -

今回は、前回の記事に続いてCanvas APIに関するAPIをまとめます。[第3回目次]

山田 祥寛(YAMADA, Yoshihiro...

2012年8月6日 20:00

  • Web開発
  • 技術解説

HTML5の便利なTips100選 HTML+JavaScriptだけでブラウザに図形描画(3) - Canvas API -

第2回、第3回と続いてきたCanvas API編も、今回が最後。本稿では、キャンバスの設定を保存する方法やキャンバスの内容をデータ化する方法、ユーザーのマウス操作に応じて図形を描画する方法などなどについて紹介します。[第4回目次]

山田 祥寛(YAMADA, Yoshihiro...

2012年10月11日 20:00

  • Web開発
  • 技術解説

HTML5の便利なTips100選 クッキーより便利になったブラウザ標準ストレージ - Web Storage

Web Storage(以降、ストレージ)とは、ブラウザ標準で用意されたデータストアの一種です。データを特定するための名前(キー)と値との組み合わせでデータを管理することから、Key-Value型データストアと呼ばれることもあります。あまりに複雑なデータ管理には不向きですが、ちょっとしたデータを管

山田 祥寛(YAMADA, Yoshihiro...

2012年10月18日 20:00

  • Web開発
  • 技術解説

Windows 8 Tips集 マウスポインター操作に関するWindows 8のカスタマイズ

1回のクリックでファイルやフォルダーを開くようにするWindows 8のエクスプローラーでファイルやフォルダーを開く際、デフォルトではマウスの左ボタンでアイコンや名前をダブルクリックする。こうしたダブルクリック操作を苦手とするユーザーや、Webブラウザーなどでリンクのシングルクリックに慣れているユ

正田 拓也

2013年1月8日 20:00

  • 技術解説

HTML5の便利なTips100選 プラグインは要らない!音声/動画対応したHTML5 - <audio>/<video>要素

HTML5では、新たに、要素(メディア要素)が追加されました。これらの要素と関連するAPIを利用することで、Flashなどのプラグインに頼らずとも、ブラウザ標準の機能だけで音声/動画ファイルを再生できるようになります。あとから述べるように、ブラウザによって対応する音声/ビデオ形式にバラツキがあるな

山田 祥寛(YAMADA, Yoshihiro...

2013年1月26日 1:00

  • Web開発
  • 技術解説

HTML5の便利なTips100選 JavaScriptでローカルファイルを自在に操る - File API

HTML5では、新たに追加されたFile APIを利用することで、ローカルのファイルやファイルシステムをJavaScriptのコードから操作できるようになりました。File APIを利用することで、(例えば)ローカルのファイルを読み込み、Ajax経由でサーバサイドに引き渡すような操作も、ごくシンプ

山田 祥寛(YAMADA, Yoshihiro...

2013年2月6日 20:00

  • Web開発
  • 技術解説

HTML5の便利なTips100選 デスクトップアプリライクな操作性を実現するドラッグ&ドロップAPI

ドラッグ&ドロップAPIは、名前のとおり、ページ上のさまざまな要素をマウスでドラッグ&ドロップできるようにするための仕組みです。一例を挙げると、ドラッグ&ドロップ機能とFile APIとを組み合わせることで、ブラウザに対してドロップしたファイルをそのままサーバーにアップロードできるようになるなど、

山田 祥寛(YAMADA, Yoshihiro...

2013年3月1日 20:00

  • Web開発
  • 技術解説

人気記事トップ10

人気記事ランキングをもっと見る