After multiple delays, Apple and the Paris area transportation authority rolled out support for Paris transit passes in Apple Wallet. It means that people can now use their iPhone or…
![TechCrunch | Startup and Technology News](https://cdn-ak-scissors.b.st-hatena.com/image/square/92584d6251feb0822f349cf0211361b2833c9939/height=288;version=1;width=512/https%3A%2F%2Ftechcrunch.com%2Fwp-content%2Fuploads%2F2018%2F04%2Ftc-logo-2018-square-reverse2x.png)
軽快なWebページを実現するにはYSlowなどの分析ツールを使って問題点を洗い出し、対策をとる方法が便利だ。軽快化にはいくつもの方法があるわけだが、なかでももっとも簡単で基本的な方法がページで使っているCSSやJavaScriptのコードを圧縮することである。すでに圧縮ツールとしてはJSMinやDojo compressor、YUI Compressorなどがある。 しかし逆はどうだろう。圧縮されたJavaScriptを逆に見やすいソースコードに展開しなおすツールがあってもいい。自身が作成したソースコードの整形や、Webページで利用されているJavaScriptソースコードの解析に利用できる。ここではそんなツールとしてEinars "elfz" Lielmanis氏の開発した「JS Beautifier」を紹介したい。 整形前のJavaScriptソースコード JS Beautifierで
Mocha UI の動作例 Greg Houston氏は17日(米国時間)、MooToolsのユーザインタフェースクラス「Mocha UI」を発表した。MooToolsはJavaScriptで開発された軽量のAjaxライブラリ。Mocha UIはCanvasタグのグラフィック機能を活用して開発されたUIで、今のところFirefox 2、Internet Explorer 6/7、Safari 2、Opera 9で試験されているという。 公開されたMocha UIの最大の特徴はCanvasタグの機能を活用してウィンドウを描画している点にある。影付き、変更可能な丸み角をもったウィンドウ、オンデマンドで新しいウィンドウを作成する機能の実現、Webブラウザのサイズに合わせて最大化できるリサイズ機能などが特徴的だ。 これまでCanvasタグは3D描画やグラフィック描画などで活用されてきたが、これをウ
キー・ポイントは11月30日より、Adobe AIR(Adobe Integrated Runtime)を利用したファイル保管サービス「Web私書箱 ベータ版」の提供を開始すると発表した。 Web私書箱はAdobe AIRアプリケーションで、デスクトップ上のファイルをドラッグ&ドロップでサーバ上にアップすることができる。ネットワーク環境があればどこでもデータにアクセスできる利便性のほか、情報漏洩対策などセキュリティ面も考慮。データのダウンロードには、USBメモリキーとパスワードが必要になる。 同社は2003年8月より、オンラインストレージシステム「WebFile」(「100MB無料コース」などを用意)を提供している。Web私書箱の開発状況については、開発日誌ブログでチェックすることができる。
Dojo Toolkit 先日、フルスタックのJavaScriptフレームワークであるDojo Toolkitのバージョン1.0がついにリリースされた。Academic Free License v2.1とBSD Licenseのデュアルライセンスが採用され、使用するプロジェクトに合わせてどちらかを選べるようになっている。 足かけ三年以上にわたり開発が行われた同フレームワークは、期待に違わず凄まじく多機能で、その全体像をつかむのも容易ではない。 今回は、Dojo Toolkitに関して広範かつ、なるべく詳細な解説を行うため、二回に分けた特集を試みる。 特集の前半である本記事は、Dojoの基本的な知識とトピックを解説したいと思う。後半では、Dojoが備えるUIウィジェットの話題を中心に、Dojoを使用してリッチなWebページを作成するための様々なテクニックを紹介したい。 ということで、前半記
待望のPrototype 1.6.0登場 The Prototype Core Teamは7日(米国時間)、Prototypeの最新版となるPrototype 1.6.0を公開した。同時にscript.aculo.us 1.8.0およびChristophe Porteneuve氏によって執筆された書籍"Prototype and script.aculo.us"も発表されている。PrototypeはJavaScriptで開発されたAjax Webアプリケーション開発フレームワーク。The MIT Licenseのもとで公開されており、2007年版Ajaxianの調査によるとscript.aculo.usとともに相変わらず高い人気を誇っている。 Prototype 1.6.0は2年を超える開発期間をへて公開されたメジャーアップグレード版だ。多くの機能追加が実施されているほか、バグの修正やパフ
どのプラットフォームでも同じUIを保証し、滑らかな動作を保証するFlex。同技術は、Mozilla Public Licenseのもとでオープンソースソフトウェアとして公開することが発表されており、開発者の注目を集めている。本誌は、そのFlexのオープンソース化戦略のキーマン、米Adobe Systems、Flex Senior Product ManagerのSteven Heintz氏に話を聞く機会を得たので、その模様をお伝えしよう。 FlexのOSS化はAdobeの戦略的取り組み 米Adobe Systems、Flex Senior Product ManagerのSteven Heintz氏 Steven Heintz氏は、Senior Product Managerという立場からFlexのOSS化作業に携わっている。FlexのOSS化はAdobeにとってかなり戦略的な取り組みとさ
エースコックは8日、ソーシャルネットワークサービス(SNS)「mixi」公認コミュニティ内で募ったアイデアをもとに商品化した「mixi公認コミュニティで生まれたつゆ焼そば」と「mixi公認コミュニティで生まれたカレーラクサ春雨」に関する発表会を開催した。今回発表になった商品2品は、同社の社員がコミュニティ管理人となり、コミュニティ参加者である消費者と意見交換を行いながら開発したとのことだ。 「mixi公認コミュニティで生まれたつゆ焼そば」 「mixi公認コミュニティで生まれたカレーラクサ春雨」 コミュニティ内では、カップ麺部門とカップ春雨部門に分けてアイデアを募集。カップ麺部門で商品化されたmixi公認コミュニティで生まれたつゆ焼そば(230円・税抜)は、ソース焼そばにラーメンのつゆを注いだメニューで、つゆ焼そばは青森県黒石市のご当地メニューといわれている。キャベツや豚肉、玉ネギといった通
本稿では、ここ最近、Web系プログラマーの間で話題になっているAdobe Flex 2を使って、商品注文フォームを作る過程を紹介します。Flexはすでに様々なところで、機能が紹介されていますが、実際にその機能を使う時にどんな手順で作るのか、またどのくらいの作業量が必要になるのかという部分までは、なかなか見えてこない部分があります。そこで本稿では、一歩突っ込んで、簡単なWebカタログと商品注文フォームを作ることで、Flexという技術の魅力を確認していこうと思います。 今回作成するプログラム ここではFlex Builder 2を使って簡単なWebカタログと商品注文フォームを作ってみます。このURLでテスト版を試すことができます。 商品選択画面 フォームには郵便番号を自動検索する仕組みもある Flex 2の魅力はコンポーネントにあり Flex 2には、豊富なコンポーネントが用意されており、本稿
iPod touchのSafariでMapion Touchを表示させたところ サイバーマップ・ジャパンは12日、アップル「iPod touch」向けの地図サービス「Mapion Touch」を開始した。利用料金は無料。 Mapion Touchは、画面上に表示された地図を指先で自由にスクロールしながら閲覧できるiPod touch専用地図サービス。同社PC向け地図サービス「マピオン」で提供しているスクロール機能に技術的改良を加え、よりスムースで途切れることのないスクロールを実現した。また、地図上を指先でタップするとその部分の縮尺変更が可能だ。 使い方は、iPod touchに搭載されているWebブラウザ「Safari」からMapion Touchトップページ( http://www.mapion.co.jp/touch/ )にアクセスし、ページの読み込みが終了したら画面上の好きな場
米Yahoo!が開発した「The Yahoo! User Interface Library」(以下、YUI)は、UI(ユーザーインタフェース)の機能を多く持つAjaxライブラリです。UI機能という点では他のAjaxライブラリとは比較にならないほど数が多く高機能です。 ただし、YUIだけで全てが済むことはありません。明らかに機能が不足している面もあるため、他のライブラリと組み合わせるか、独自に作成しなければならないこともあります。この点に留意すれば、UI部分の強化および補助という観点でYUIは非常に強力なライブラリとなります。 本稿では、YUIの初期の頃から用意されているUIの1つ、カレンダー機能について説明します。このカレンダー機能はバージョンアップのたびに修正が加えられてきたため、少し古いバージョンで解説してあるページや書籍では役に立たないことがあります。ここではYUIの最新バージョン
今年の重要ニュース、いやここ数年でのObjective-Cでの最重要ニュースといえば、LeopardでのObjective-C 2.0の登場だろう。Objective-C 2.0で拡張された仕様と、それらがもたらすプログラミングの変化は、特集記事にまとめたので、まずはそちらを参照してほしい。 本連載でも、Objective-C 2.0を緊急的に取り上げていきたい。そこで、前回まで続いていたデザインパターンの話を一時中断して、Objective-C 2.0の解説をしていくことにしよう。特集記事の内容を踏まえた上で、さらに深くObjective-C 2.0に切り込んでいく。 では、まず早速Darwinに行き、Objective-C 2.0ランタイムのソースコードをダウンロードしよう……と、思ったのだが、現時点ではまだ公開されていないようだ。後日ポストされるというアナウンスがあるので、ソースコー
NTTレゾナントは14日、実験サイト「gooラボ」で試験運用中の地図とビデオ映像を連動したサービス「ウォークスルービデオシステム」において、クチコミ情報を投稿できる機能を追加したことを発表した。 クチコミ情報や店舗画像/映像をバーチャルドライブしながら検索できる ウォークスルービデオシステムは、車で移動しながらビデオカメラで撮影した街頭の映像と、同社の提供する「goo地図」を連動させ、地図を確認しながら実際にその場をドライブしているような仮想体験を味わえるサービスだ。 同サービスで公開している「東京(銀座〜新橋)」「京都府中京区」「米国ニューヨーク州ニューヨーク ミッドタウン」の各エリアの地図上では、注目スポットにアイコンが表示され、そこから公式ホームページやブログ記事、画像を確認することができる。今回は新たに、ユーザーのお勧めスポット情報を投稿できる機能を追加した。 情報を投稿する際は、
「MySQLの『My』は私の長女の名前。今,次女の名前をつけたエンジン『Maria』を開発している」---MySQL共同創業者のMichael "Monty" Widenius氏は,最初にMySQLをひとりで開発した「MySQLの生みの親」だ。Widenius氏にこの数年の変化や近況について聞いた。 2003年にあなたが来日された際,インタビューさせていただき,MySQLを開発し公開した経緯をうかがいました(関連記事)。あれから様々な変化があったと思いますが,最も大きな変化は何でしょうか。 そうですね,何千人も参加する大きなカンファレンスが開かれるようになったことは大きな変化ですね。 MySQLはエンタープライズを含めた多くのシステムで使われるようになった。これも大きな変化です。 今もコードを書いているのですか。 もちろん。MySQLのストレージ・エンジンを書いています。名前はMaria(
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト/リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く