2010年07月02日05:30 カテゴリLightweight LanguagesNews news - javascript - just do jsdo.it! 今更ながら試してみたけど… これはすごい。 一言でいうと、Webアプリケーションをその場で作れるWebアプリケーション。 例えば、こんなの。 Simple JS Runner - jsdo.it - share JavaScript, HTML5 and CSS 全てサイト内で書けました。 単にその場で書けるだけではなくって、こうして作品をblogに張り込むことも出来るし、人のコードをforkすることもできるし、至れり尽くせり。認証がOpenIDやOAuthで、アカウントをわざわざ作成しなくてもいいところも素晴らしい。ここまで敷居を下げられたら、 Just do it.するしかない。 詳しくはこちら。 help - jsdo
追記 http://jsdo.it/uupaa/u0QX に最小化したコードを載せました 今回のケースでは、条件(1)と(2)を満たす場合に、どんどん重くなっていくようです。 function bench() { // (1) nodeList を関数内部で毎回取得している var nodeList = document.getElementsByTagName("li"); i = 0, iz = nodeList.length; for (; i < iz; ++i) { // (2) textContent に代入している nodeList[i].textContent = i; } } 本文 原稿書きの資料用に、最新のブラウザでベンチマークを取得していたところ、Opera10.60 のスコアだけがどんどん悪くなる(遅くなる)ケースがあることに事に気が付きました。 条件を絞り込んでい
iOS4からマルチタスクが導入されたことにより、アプリ終了時に呼ばれるデリゲートメソッドが変更されました。 保存処理などをそこで行っていたアプリは変更する必要があります。 これまではアプリ起動中にホームボタンをクリックすれば原則的にはアプリは終了していましたが、マルチタスクの導入によりホームボタンをクリックしただけではアプリは閉じるだけで終了はせず、一部機能を除き休止状態となります。 実際にアプリを終了させるためには、ホームボタンをダブルクリックしてタスク一覧からアプリを長押し削除します。 このようにマルチタスクの導入によりアプリの終了に関する操作が以前とは異なっているように、内部の処理も変更しています。 iPhone SDK 3 ではアプリ終了時(ホームボタンクリック)にUIApplicationDelegateの // - (void)applicationWillTerminat
img要素で配置した画像にCSS3の角丸とボックスシャドウを適用をすると、Firefoxで角丸が反映されなかったり、Webkitブラウザでボックスシャドウが欠けたりします。 これを解消するCSSのTrickを紹介します。 CSS3 Rounded Image With jQuery デモページ FirefoxとWebkitブラウザ(Safari)のそれぞれにCSS3の角丸とボックスシャドウを適用すると、上記のように美しく表示されません。 それを下記のように美しく適用されるようにします。 角丸とボックスシャドウをこういう風にしたい 左:角丸と外側にシャドウ、右:角丸と内側にシャドウ CSS3で素直にスタイリング Firefoxでは角丸が適用されず、Safariではボックスシャドウが適用されません。
jQuery Plugin Drill Down Charts Exmaples ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」。 グラフ自体は次のようなイメージで、アニメーション表示出来るグラフなのですが、一味違うところは、グラフをクリックすると、更にそのグラフを細分化して表示できるところ。 例えば、A~Dのチェーン店があったとして、Bのグラフをクリックすることで、今度はBの店舗別の売上を表示するといったことが可能です。 更に、Bの店舗で何が売れているか?というのをクリックでたどれるようなイメージです。 クリックするとアニメーションしながら、更にグラフを子要素にたどることが出来ます。 若干分かりづらいかもしれませんが、パンくずリストのようなものがグラフの下部に表示されています。 ありそうで、なかったグラフライブラリかもしれませんね。 グラフで一覧表示できるのはわ
「HTML5はFlashを置き換えるのか?」 - これをテーマにした議論はApple CEOのSteve Jobs氏の発言をきっかけに大いにインターネット界隈を賑わせている。だがFlash技術最大の利用者であり、ある意味で動画配信システムとしてのFlashの立場を確立させた功労者であるYouTubeでは、今後しばらくはHTML5の存在がFlashを置き換えるようなことはなく、動画配信で求められるすべての要件をHTML5はまだ満たしていないと説明している。 米Google傘下でYouTubeプラットフォーム製品マネージャのKuan Yong氏は6月29日(現地時間)の同社Blogへの投稿の中で、最近盛り上がっている「Flash」と「HTML5の<video&nt;タグ」に関する議論について「標準技術としてのHTML5は大きく前進している一方で、Flashは今後もビデオ配信の分野で重要な位置を
[[http://ant.apache.org/ http://gyazo.com/a19dbf0c40c9a8da198157eeb6e17719.png]] [[http://www.jajakarta.org/ant/ant-1.6.1/docs/en/ ant]]とは[[Java]]界の[[make]]みたいなものらしい コマンドラインで[[Android]]開発できる [[Eclipse]]イラネ! [[Emacs]]で大丈夫! 情報源 [[http://developer.android.com/guide/developing/other-ide.html Developing in Other IDEs]] @ Google この資料が大元資料 [[http://bba-ltom.blogspot.com/2009/08/emacs-ant-android.html Ema
iPhone / iPadsenchaを触ってみた Moongiftさんの記事を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 Moongiftさんの記事を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。 で、Sencha Touchってどういうもんなの?という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレーム
Simple AJAX Commenting System ? Tutorialzine 画面遷移なしにAjaxでシームレスに実装できるコメントシステム作成チュートリアル。 書き込むと内容がそのままDOMツリーにアニメーションしながら追加されるという、よくありそうなコメントシステムの実装チュートリアルとサンプルプログラムです。 似たようなものを実装したい場合に参考にできるかもしれません。 フォーム部分もそれなりにスタイルされており、JavaScriptによるブラウザ上バリデートも効いてます。 改善の余地がありますが1から作るよりサクっと実装したい場合に使えそうです。 関連エントリ PHPとjQueryで作るAjaxなグループチャットスクリプト PHP+Ajaxなチャットスクリプト:YShout
前の記事 電子インクにもなるカラー液晶画面、単体で販売 IT化で給料はダウン:国勢調査結果で判明 次の記事 「何でもタッチスクリーンにする」Intel社の新技術(動画) 2010年7月 2日 IT コメント: トラックバック (0) フィードIT Priya Ganapati Photo:Priya Ganapati/Wired.com 米Intel社の研究部門は6月30日(米国時間)、毎年恒例の『Research@Intel Day 2010』で、タッチスクリーン技術をコンピューター以外の用途に拡大して、日常生活に利用できるようにするためのプロジェクトを披露した。 このプロジェクトでは、3次元物体をリアルタイムで認識する技術によって、例えば台所のカウンターに置かれたほぼあらゆる物のモデルが構築され、仮想のタッチスクリーンを用いた「メニュー」を操作できるようにしている。例えば、厚切りの肉を
This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON. Note: This tutorial is quite old and doesn't work in PHP7 and above. We are keeping it online only as a reference. Step 1 - XHTML First, lets take a look at the markup of the comments. This code i
Flex SDK 4 が公開されて 3 ヶ月ほど経ちましたが、次のリリースに関する情報が公開されました。コードネームは何を思ったか Hero です。(Adobe Open Source - Hero) 今年の後半にプレビュー版の公開、来年中に正式に出荷、が予定されています。 Hero は、大きく 3 (+1) つのテーマを元に開発されるようです。 マルチスクリーン開発: Web、デスクトップ、そしてモバイルデバイス向けアプリケーションを同じフレームワークから構築 Spark の熟成: Spark コンポーネントや機能の追加による Spark アーキテクチャーの拡張 大規模開発への対応: Flex の基本構造の改良による大規模アプリケーション開発のサポート 新しい Flash Player と AIR の機能を最大限に活用 Hero は、まだ公開されていない最新の実行環境 (おそらくこれとか
Use your web skills to write NATIVE apps once and build for ALL smartphones with Rhodes. Rhomobileは6月29日(米国時間)、Rhodesの最新版となるRhodes 2.0を公開した。Rhodesはスマートフォンのネイティブアプリケーション開発向けフレームワーク。特定のスマートフォンに対応するのではなく、iPad/iPhone/BlackBerry/Android/Windows Mobile/Symbianなど主要なスマートフォンすべてに対応しているという特徴がある。Rhodes 2.0の主な特徴は次のとおり。 RubyおよびHTMLを使った開発 GPS、オーディオ、ビデオ、PIM、カメラなどデバイスへのアクセス機能 メタデータフレームワークの導入 すべてのデバイスにまたがるネイティブマッピン
SEARCH STORE Blog : The posts Forums : Read the rules Store : Wonderful Products (Contact Support) Newsletter : Daily wonderful things About Us : Writers and staff Contact Us : Get satisfaction Advertise : Thank you for reading Privacy Policy : The data you generate TOS : What you agree to Thumbnails : Youtube Thumbnail generator
無料のActionScript開発ソフト「FlashDevelop(フラッシュ・デベロップ)」の書籍を執筆しました。 ページ数:304ページ 出版社: 技術評論社 発売日: 2010/7/9 FlashDevelopは当ブログでも何度か紹介していますが、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール [アンケート結果]ActionScriptで人気のあるエディターは!? ただ、FlashDevelopを手に入れてもその後どのように使いこなせばいいのか、という情報はあまりありませんでした。ユーザーコミュニティーであるFD.jpにもいくつか記事を投稿していますが、今までネットに掲載されていないことも含めて、どこよりも丁寧にまとめる
2010/07/02 「もはやモバイル版だからといって機能を限定する必要はない。われわれMozillaとしてはそう考えています」。 まだアルファ版のAndroid版のFirefoxをデモンストレーションしながら、こう語るのはMozilla Japanでテクニカルアドバイザを務める加藤誠氏だ。 現在のスマートフォンや携帯電話は、10年前のPCと同等かそれ以上のCPU性能、メモリ容量を備える。画面サイズも横800ピクセル程度の端末が増え、エントリクラスのPCとの差が縮まっている。従って、モバイル向けのFirefoxは、デスクトップ版と同じユーザー体験を提供するのだという。 これまでモバイル向けでは出遅れた感のあるFirefoxだが、iPhoneやAndroidの普及が本格化の兆しを見せる中、いったいどのようなブラウジング体験をユーザーに提供しようとしているのか。東京・麹町のMozilla Ja
Color plays a pivotal role in design, setting the mood, conveying messages, and influencing perceptions. Knowing the latest color design trends and understanding color theory is crucial to every designer. They are both the foundation that guides the selection of colors to create harmony and balance in visual compositions. However, applying them effectively often requires more than just color knowl
2010年07月03日05:30 カテゴリTipsLightweight Languages javascript + iOS - 現在位置をGoogle Mapに表示 WEB+DB PRESS vol. 57 WEB+DB Vol.57の[速習]位置情報サービスを見てたら、 404 Blog Not Found:javascript + perl - 住所でGoogle MapにアクセスするHack で現在位置を自動入力できることに気がついたので速習。 FirefoxとiPhoneおよびiPadで動作確認しています。Safari 5でも動くのですが、位置取得ができないというエラーになります。 これと同じことはiPhone/iPad標準装備のMapアプリでも当然できますし、Twitterクライアントの多くがこれと同様の機能を備えているわけですが、自作もこの程度には楽ということで。 Enjo
「Habilis」は、添付ファイルを送信するだけで、Dropboxフォルダへファイルの追加ができる、無料のウェブサービスです。ファイル追加作業が、わずか数秒で行えます。 使い方はカンタンです。共有フォルダの作成される、Dropboxアカウントへのアクセスを許可します。すると、ユニークなメールアドレスが配布されるので、そのアドレスへ、追加したいファイルを添付したメールを送信すれば、完了です。ファイルの大きさによって所要時間は異なりますが、少し待っていれば、Dropboxフォルダへとファイルが追加されます。 Habilisは、無料のウェブサービスです。 Habilis [via One Thing Well] Adam Pash (原文/訳:松井亮太)
今使ってるPCにカメラが付いてなく、友人・家族とのビデオチャットやストリーミング配信ができずに困っているみなさまに、はぎぞーがとっておきの情報をお知らせします。 な、なんと『USB Webcam』を使うと、お持ちのAndroid端末がWEBカメラになっちゃいます。 まずは準備!PCと端末、両方にアプリをインストール Android端末側とPC側にアプリケーションをインストールする必要があるので、ちょっとだけ面倒です。 【Android端末側の準備】 Android端末側は非常に簡単です。通常の手順で、Android Marketから『USB Webcam』をダウンロードし、インストールするだけ!ついでに、PCにUSBでAndroid端末を接続する際のモードを「デバッグモード」に変更しておきましょう。
1 : イサザ(東京都):2010/07/02(金) 22:43:03.16 ID:6fLT9MnM ?PLT(12001) ポイント特典 Windowsの起動時間を高速化する方法 PCでストレスが溜まる作業のひとつにシステムの起動がある。 ノートPCの普及やOSの対応もあって、毎日PCを起動するというシーンは少なくなっている。 システムはスリープさせておき、使いたいタイミングですぐに復旧させる。 使っている限り、システムの再起動をすることはほとんどないかもしれない。 しかし、セキュリティフィックスの適用やシステムアップデートの内容によっては、 システムを再起動する必要に迫られることがある。 PC購入時にはそれなりの時間で起動していたシステムも、 アプリケーションをインストールするごとに徐々に起動にかかる時間が延び、 起動するまでに数十秒から数分かかるようになる。 iPadのように即座に使
スマホ向けにモバイルフレンドリー対策を! 近年で大きかった変化のひとつがモバイルフレンドリー対策でしたね。 今はパソコンよりもモバイルからの訪問が多いので、スマホやタブレットに対応したレスポンシブデザインにしておくことが大事です。 もし、まだモバイルフレンドリーテストをクリアしていないのなら、必ず対策しておきましょう。 WordPressならレスポンシブなテーマに変えるか、スマホ表示ができるプラグインで対応できます。 モバイルフレンドリーじゃないとマイナスの評価を与えられるだけではなく、モバイルユーザーの直帰率も上げてしまうのでまだ対策していない人は要注意! 画像は記事を読み進めてくれるスパイスになる! 記事の最初にアイキャッチ画像を設置したり、見出しの下に画像を挿入しておくだけで、読み進めてくれる人の割合を増やすことが可能です。 マーケティングの世界でも有名ですが、多くの人はまずスマホで
約10年ぶりにバージョンが上がるHTML5。 最近HTML5を取り上げた記事も多いですが 結局何が変わるのかよく分からない方もいるかと思います。 そこで、今回はホームページ作成の初心者の方のために HTML5の変更点をなるべくシンプルにまとめてみました! まず、HTML5では「不要なタグ」が廃止され、 SEO的に重要な「新しいタグ」が増えます。 廃止されるタグには通常CSSで指定しておくべき center、font、uなどが完全に廃止されることになります。 以前から言われてきた 「見た目に関するものはCSSでやりましょう」ということですね。 (当方もまだfontタグなどを使っていますが;) そして新しいタグとして<header>や<footer>など 検索エンジンに対して構造を分かりやすくするタグが増えます。 フッターの部分を表す<footer>や 文章などのコンテンツを入れる<secti
iPhone 3GをうっかりiOS 4にアップデートしてしまい「遅くなって泣ける」という方もいるのではないでしょうか。短い期間ではありましたが、ぼくもiPhone 3G + iOS 4は厳しいと感じていました。 そんな方に朗報か分かりませんが、Speed Up iPhone 3G + iOS4 with a Hard Reset?というエントリーがあったのでご紹介です。 I understand (and am satisfied with) the trade-offs Apple made to minimize the performance hit on this model, but as others have reported I’ve noticed a distinct slowdown in my iPhone since upgrading. 要するに「ハードリセット
シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる! 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project|試用版ダウンロード http://www.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く