おお、これはかなり使えそう！ テキストボックスやテキストエリアに入力された文字列に対して何らかの処理を行いたいと思うことは良くあります。さらにキャレットのある場所や選択されている文字に対して処理を行うのも良くある処理ではないかと思います。 例えばWYSIWYGエディタを作ったり、選択文字を別なサービスに飛ばしたりといった使い方が考えられます。意外と選択範囲を取り出すというのは面倒な処理なのですがjQuery.selectionを使うとごくごく簡単にできそうです。 テキストボックスの場合 例えばテキストボックスの例です。 $('#sel-input').click(function(){ alert($('#input').selection()); $('#input').focus(); }); $('#input').selection() で選択されている文字が取れます。 こんな感じ

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには？ゲームが終わったときに、どのような設計になればもう一度やってくれる？ チュートリアルは必要？やりこみ要素はどうする？ソーシャルとどうやって連携する？ポイント加算の条件は？アクショナブルフィードバックは？日常で使ってくれるような設計には何が必要？盛り込みすぎではないか？ などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ

jQuery Mobile 1.4が正式版に。CSSインラインSVGのアイコンでRetina対応、DOM削減で動作の高速化も iOSやAndroidなどクロスデバイス対応のモバイルアプリケーション開発のためのJavaScriptライブラリ「jQuery Mobile」の最新版「jQuery Mobile 1.4」が公開されています。 CSS内のSVGでアイコンを描画 今回のバージョンの大きな特徴は、これまで画像ファイルを基に描画されてきたアイコンがすべてSVGに置き換えられたことで拡大縮小に対して柔軟になり、Retinaなど高精細な画面でもなめらかな表示を実現したことです。 例えば、jQuery Mobile 1.4でアイコン表示を備えたボタンをChromeのデバッガで見てみると、イメージファイルを示す部分にはSVGのコードがそのまま記述されていることが分かります。 これまであったPNG形

After Apple loosened its App Store guidelines to permit game emulators, the retro game emulator Delta — an app 10 years in the making — hit the top of the…

flavour47.comというドメインで約二年ほどWordPressでブログを書いてましたが、この度はてなブログに引っ越してきました。 新たにドメインも取得して、心機一転頑張っていこうかと思ってますので、どうぞよろしくお願いします。 はてなからWordPressというのはよくある話かと思いますが、逆は少数派だと思いますので、はてなブログへ移行する事になった経緯などを簡単に説明しておきます。 モブログの執筆スピードを上げるためにWordPressを選んだ。 元々、Bloggerで細々と書いてました。特にWordPressに魅力を感じてませんでしたが、僕の執筆スタイルが殆どiPhoneからの更新という、いわゆるモブログがメインだったので、「するぷろが使いたい！」という理由でWordPressに引っ越しました。 するぷろ for iOS（ブログエディタ）（¥500） カテゴリ：ソーシャルネット

This domain may be for sale!

著者：アラ・コルマトヴァ（Alla Kholmatova） 翻訳者：浅野 紀予 インターフェース上のアイコンを、ただの装飾要素ではなく、その価値を高める要素にするのはどんなポイントでしょうか？ 直感的であること、美的価値があること、記憶しやすいこと、それとも文化の違いを超えて知覚できること？ 効果的なアイコンはそれらの特徴をいくつも持ちあわせていますが、私はあるひとつの尺度に注目したいと思います — それは認識速度、つまりそのアイコンをどれくらいの速さで発見し識別できるか、という尺度です。 単純な暇つぶしアプリなら、認識速度の違いは大した問題ではなく、体験全体を揺るがすほどの影響を与えはしないかもしれません。 でも、複雑なトレーディングアプリでは事情が異なるでしょう。その場合、アイコン表現に求められる要件は、一段とスピード優先の傾向を強めます。個々の要素の処理時間が、インターフェース全体

By ToshibaUSA GoogleのChrome OSを搭載した「Chromebook」シリーズは、今までにDell・HP・Acerなどから発売されており、ノートPC市場のシェアを拡大しつつありますが、新たに東芝がChromebook新機種のリリースを予定しており、マシンの公式画像も発表されています。 Toshiba Introduces the First Chromebook with 13-Inch Screen | Business Wire http://www.businesswire.com/news/home/20140106005454/en/Toshiba-Introduces-Chromebook-13-Inch-Screen 東芝Chromebookの公式イメージ画像はこんな感じ。1366×768の13.3インチのディスプレイで重量は約1.5kg。CPUにHa

2014-01-07 【大幅追加】すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ iOS開発の記事のまとめ こんにちはnasustです。『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』を大幅に更新しましたので、更新内容をこちらで紹介します。このまとめは、iOS開発者の有益な情報を提供する目的です。このまとめを読むだけで高品質なアプリが開発できるようにします。 以下のまとめを『すごい参考になるiOS開発関連の良記事まとめ、ライブラリ、プログラミング、UI/UX、プロモーションのメモ - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ』に追加しました。 入門・

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

本書はJavaScriptを使って関数型プログラミングを学ぶ書籍です。関数型言語としてJavaScriptを理解し、使用することにより、コードがより洗練され、美しく、そして読みやすいものになることを目的としています。JavaScriptビルトインのデータ型を上手に利用するための基本知識やJavaScriptにおける関数の持つ特性など、関数型プログラミングの技術とその考え方について解説します。また実際のJavaScriptコーディングに関数型プログラミングのエッセンスを加えるポイントをサンプルを使って丁寧に説明します。関数型プログラミングに精通した著者が書き下ろした本書はテクニックを増やし、コーディングのイマジネーションを広げたいエンジニア必携の一冊です。 Jeremy Ashkenasによるまえがき Steve Vinoskiによるまえがき 訳者まえがき はじめに 1章 関数型JavaSc

こんにちは。最近、犬を飼ったtetsuです。 今回は、自分自身がWebプログラマーになるときにおこなった勉強方法（主にPHP）について大公開します。 まずは環境作り Webプログラマーにとって、まずは環境（サーバ）がないとプログラムを勉強できません。有料のサービスでサーバを用意したり、自分でサーバを作ったりとさまざまな方法がありますが、今は無料で環境を提供してくれるサービスが充実しています。 例えば ＠PAGES： http://atpages.jp/ xdomain： http://www.xdomain.ne.jp/ など、探すと結構出てきます。 無料のため、一部機能に制限があることもありしますが、プログラムが書けるようになってから有料のサーバを用意するのでも遅くはありません。 とにかくコードを書いてみる サーバの用意が出できたらまずはコードを書いてみましょう。 適当なファイルを作りま

After Apple loosened its App Store guidelines to permit game emulators, the retro game emulator Delta — an app 10 years in the making — hit the top of the…

アメリカ・ラスベガスで開催中のCES 2014で、ASUSはWindows 8.1搭載の8インチタブレット「VivoTab Note 8」を正式に発表しました。 ASUS Announces VivoTab Note 8 Windows 8.1 Tablet with Professional Wacom Digitizer Stylus http://press.asus.com/release.php?id=27 (PDFファイル)VivoTab Note 8 E-Manual M80T Series http://dlcdnet.asus.com/pub/ASUS/nb/M80TA/E_eManual_VER8517.pdf VivoTab Note 8を実際に操作する様子は以下のムービーで確認できます。 ASUS VivoTab Note 8 - scurta prezentare

iOSのアプリケーションではモデル周りのテストと同じぐらいUI周りのテストが重要な気がするのですが、画面のテストってちょっと面倒ですよね。その上Xcode標準のテストフレームワークでは画面遷移などのテストができません。そこで、統合テスト用のテストフレームワークを使う必要がでてきます。 選択肢はいくつかありますが、使い方がシンプルで導入も容易なKIF Frameworkを紹介します。 KIF Framework GitHub - kif-framework/KIF: Keep It Functional - An iOS Functional Testing Framework KIFは決済サービスSquareが自社アプリケーションの統合テストのために開発したフレームワークだそうです。KIFを使ったテストではボタンをタップして画面遷移したり、画面遷移した先のUIの存在を確認したりといったこと

jQueryのfind()を利用した高速化 最近、jQueryのfind()のちょっとよろしくない使い方をチラホラと見かけるのでfind()の高速化について解説をします。 アンチパターン 最近、見かけたパターンとしては以下の様なものがあります。 $('.foo #bar') このセレクタをfind()を使って高速化する為に以下のように書きなおす。 $('.foo').find('#bar') というもの。これは、ケースによっては高速化が見込めるものの、多くのケースでは低速化されてしまいます。 また、以下の様なパターンも見かけました。 var $ul = $('ul'), $a = $ul.find('.a'), $b = $ul.find('.b'); $a.css('color', 'red'); $b.css('color', 'green').text('Hello'); こちらも、

こんにちは。 寒かろうが、風が冷たかろうがフットサルを行う時はシャツにハーフパンツ。野上です。 日常生活、どのような面でwebサービスを利用していますか？オンラインの時代が進化し続ける中で、現代には日常生活を向上させてくれる便利なWebサービスが多々あります。今回はその中でも、これは使えそう！と思えるWebサービスを10選まとめてみました！ 日常生活に便利なWebサービス10選 ファッションコーディネート WEAR http://wear.jp/ 特徴 人気ファッション通販サイト、ZOZOTOWNを運営するスタートトゥディが開発。 ショップ店員や、ユーザーが投稿したファッションスタイルを観覧することができる。 持っている服をクローゼット登録することで、管理することができる。 日々のコーディネートの参考にしよう！ 服買ったけど、これどうやって着こなそう…。ショップ店員みたいにうまく着こなした