アイコンやバナーなど、Webサイトのデザインにちょっとしたイラストを使いたいけれど、絵はまったく描けない。かといって、他人に頼んで描いてもらうほどでもないし……。そんな困ったときには、記号フォントを試してみてはどうだろうか？ 記号フォントとは、通常アルファベットなどの文字が割り当てられている文字コードに、記号や絵文字を割り当ててある特殊なフォントで、Windowsの場合は「Wingdings 1」「Wingdings 2」「Wingdings 3」「Webdings」が標準で付属している。いずれも身の回りのものをモチーフにしたイラストが収録されているので、うまく使えればネット上でフリーアイコンやイラストを探すよりも手っとり早い。今回は、Illustratorでの使い方と簡単なTipsを紹介しよう（以降の操作説明は、Illustrator CS4を前提としています）。 必要なときにすぐ使うた

iPhone 3G向けのJavaScriptをAndroidでも動かそう iPhone 3Gの発売から約1年。今年7月、噂のグーグル携帯ことAndroid携帯(HT-03A)がNTTドコモから発売されました（関連記事）。6月に開催されたGoogle Developer Day 2009で同端末が先行配布されたこともあり、すでに使い込んでいる開発者の方も多いでしょう。 Androidのアプリケーションといえば、Android専用のネイティブアプリに目が行きがちですが、当然Webブラウザー上で動くWebアプリケーションも使えます。AndroidにはWebアプリのオフライン利用を実現するブラウザープラグイン「Gears」(旧名Google Gears)が標準で搭載されており、ローカル環境だけでも簡単なアプリを動かせます。 今回のJavaScriptラボでは、本連載の第1回、第2回で作成したiPh

前回の「フォーム」に続き、jQueryの特別な機能を解説します。今回取り上げるのは、「Ajax」を利用するための機能です。 今さら聞けない「Ajax」とは？ 「Ajax」（エイジャックス）は 「Asynchronous JavaScript + XML」の略で、あえて日本語にすれば「JavaScriptとXMLによる非同期通信処理」といった意味です。難しく聞こえますが、JavaScriptでWebページを切り替えずにサーバーとデータをやりとりすることです。JavaScriptでサーバーのデータを取りに行けば、ページを切り替えずに画面の一部を書き換える、といった処理ができるようになります。 WebブラウザーはWebページを表示するために、サーバーからHTML/XHTML（以下、特に断りのない場合はHTMLと書きます）ファイルを取得し、取得したHTMLを解釈して描画（レンダリング）します。通常

Google検索には「検索オプション」で「24時間以内」「1週間以内」といった具合に検索結果の範囲を指定することができますが、よりリアルタイムな検索結果のみを表示させる隠れ機能があるんです。 Google検索には「検索オプション」で「24時間以内」「1週間以内」といった具合に検索結果の範囲を指定することができますが、よりリアルタイムな検索結果のみを表示させる隠れ機能があるんです。 コツは、URLの後に、次のような「&output...」の“暗号”を加えること。 https://google.com……&output=search&tbs=qdr:s45&tbo=1 「qdr」とは「Query Date Range（検索時間範囲）」の略で、「秒」単位なら「s」、「分」単位なら「n」、「時間」単位なら「h」を入力し、その次に数字を指定すれば、その範囲のみの検索結果が表示されます。上の例であれば

事例で検証！ Flashの導入でケータイサイトはこう変わる：Flash Liteで“ここまで”できる VGA解像度の携帯電話が登場し、LTE時代に向けて通信速度が高速化する中、携帯サイトをリッチ化する動きが加速している。中でも注目を集めているのは、見栄えや操作性を向上さるFlash Liteだ。Flash化で携帯サイトはどこまで変わるのか、どんなユーザーメリットを提供できるのか――。Flash変換ソリューションを手がける、りーふねっとの岡社長に聞いた。

読み手を瞬時に魅了する 「セルデザイン」の世界へようこそ！ 本連載では、竹島愼一郎氏が提唱するインパクト抜群の「1枚企画書」をExcelで作る手順を2回に渡って紹介します。Excelは表計算やグラフに使えるだけではありません。使い方によってはPowerPointよりも手軽に、読みやすくて印象に残るプレゼン資料を作ることもできるのです。 今回は、Excelで作る「1枚企画書」の作成手順とサンプル企画書を具体的に紹介します。 ※本記事は6月26日発売の最新刊「ビジネス極意シリーズ エクセルで極める1枚企画書」から一部抜粋し、編集・再構成したものです。 前回（関連記事）、Excel「1枚企画書」について説明していくなかで、いくつかの作例を取り上げましたが、こうした企画書をExcel上で作っていくには、まずフォーマットから取り掛かる必要があります。ベースとなる「ベースフォーマット」、企画書の基本事

JavaScriptの利用範囲がどんどん広がっています。ライブラリの充実によって、比較的手軽にいろいろなことができるようになり、Webサイト／Webアプリケーションだけでなく、今やモバイルデバイスやデスクトップアプリケーションなどの分野でもJavaScriptが活躍するようになりました。 本連載では、多数のJavaScript関連書やASCII.jpの連載「29分でできる！あのサイトの技を盗め」の執筆でもおなじみの古籏一浩氏が、最新のAjax/JavaScriptライブラリの解説から、今後注目される新しいJavaScriptの活用Tipsまで、“楽しくできて役立つネタ”をお届けします。 初回は「iPhone 3GS」に合わせてリリースされたiPhone OSの新バージョン「iPhone OS 3.0」がテーマです。iPhoneならではのGPS機能をSafariのJavaScriptで活用す

今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の

モデリング要らず！Google 3Dデータを使って、1日で街のゲームグラフィックを制作する方法：一撃デザインの種明かし（3）（1/2 ページ） たった1日で簡単にできる3D。Google 3Dギャラリーで、斜めにオブジェクトを配置し、立体的に見せる「クォータービュー」グラフィックを制作しよう 3Dギャラリーでゲーム風グラフィック インターネット回線の高速化、パソコンのスペック向上などにより、数年前と比べるとユーザーのPC環境はがらりと変わりました。そのような状況の中で、いままでは、つくり手が避けていたような表現が再注目されています。 その1つに、多くのグラフィック表現を駆使したゲーム風のリッチコンテンツもあると思います。例えばDRAGON QUEST SWORDSのように大画面にアニメーションや動画で演出をしているものです。 今回は、簡単にできる『ゲーム風グラフィックの制作方法』を紹介した

AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってできあがるアニメーションはしょぼくないというのがポイントです。 実際のサンプルや作り方などは以下から。 Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D) http://www.preloaders.net/ 種類は「3次元（3 dimensional）」「四角形（Rectangular）」「円（Circula

用意するものは1:使い捨てカメラ2個、2:ガムテープ、3:ハサミ（任意）。これだけで、立体的に飛び出して見える楽しい3D写真を撮影することができるそうです。3D写真はコツをつかまないとなかなか立体的に見えず、がんばって見ようとするあまり寄り目になってしまって頭が痛くなる、という人のために簡単に写真を立体的に見る方法と併せてご紹介します。 詳細は以下から。Photojojo » Make Your Own 3D Camera for $15 or Less 両眼視差による立体視を利用し、左目と右目程度離れた2点から撮った写真を左右それぞれの目で見ることによって平面である写真が立体的に奥行きがあるように見えるのが「ステレオグラフ」。19世紀後半から「ステレオスコープ」という装置（眼鏡）と共に流行し、景勝地やピンナップガールなどのさまざまな写真が撮影・販売されました。 以下のサイトからは19世紀

MixpostはXやFacebook、MastodonなどさまざまなSNSの複数のアカウントを一括で管理できるツールとのこと。同時投稿のほか時間を指定して投稿することも可能とのことなので、さっそくセルフホストして使ってみました。 Self-hosted, Open Source Social Media Management - Mixpost https://mixpost.app/ 公式サイトにアクセスし、「Get started」をクリック。 「Free」の欄に表示されている「Github」をクリックします。 Laravelアプリケーションに追加することも可能とのことですが、今回はスタンドアローンアプリ版を使用するので「use Composer to create this standalone app」をクリック。 さらに今回はDocker版を使用します。Docker版の詳細につい

「Tilt Shift」と呼ばれる現実の世界をミニチュアのように見せる撮影方法があるのですが、実際に撮影するとなると特殊なレンズが必要になります。しかし、この「TiltShift maker」を使えば、すでに普通の方法で撮影した写真でも簡単にミニチュア風に変えてくれるそうです。 使い方など詳細は以下から。 tiltshiftmaker.com - Transform your photos into tilt-shift miniatures 自分のPCにある画像を加工する場合は上のボックスで「参照」を押して画像を選んでから「Upload」をクリック。 ネットにある画像を加工する場合は画像のURLを入力して「Use this photo」をクリック。 するとデフォルトの加工がされた画像のプレビューが右に出てきます。 調整は左のボックスで行います。「Focus size」を左右に動かして焦点

手元にあるWindowsマシンから別の場所にあるWindowsマシンをリモートコントロールでき、さらにファイル転送やチャットなども可能な高機能でフリーのリモートコントロールソフト、それが「UltraVNC」です。ミラードライバを追加インストールすることで、CPU負荷を低くして非常になめらかな高速描画によるリモートコントロールが可能となっており、そのほかにも、かゆいところに手が届くさまざまな機能も搭載されています。 今回は「UltraVNC 日本語版」をVistaとXPにインストールして実際に使ってみました。どれぐらい高速描画されるかがよくわかるムービーも撮影しておきました。 ダウンロードとインストール、設定などは以下から。 まずは実際の様子から。奥にあるモニターが「UltraVNC サーバ」が動作しているVistaマシン。手前にあるノートパソコンが「UltraVNC ビューア」が動作してい