ドットインストール代表のライフハックブログ
良さ気だったので備忘録として。フォーム のselectで複数選択可能にする事もある と思いますが、これを見やすく、また、直感 で使いやすくする為のjQueryプラグイン。 IE6や7でも普通に動いてくれますので、 いろいろと使いどころがありそうです。 フォーム周りは覚えておくと便利ですよね。 jQuery UI Multiselectは複数選択するselectを見やすく使いやすくしてくれます。
jQueryTouchとSenchaTouchのサンプル眺めてみた。 眺めた環境 Xperia X10(Android2.1) GalaxyTab(Android2.2) FireFox(3.6.x) GoogleChrome(PC webkit) 互換性 上記4つのブラウザ(スマホ側はあえてデフォルトを使用)で眺めてみた。 jQueryTouch のサンプルは、上記すべてのブラウザで表示できるのを確認。ただし、FireFoxに限り、スクロール等の一部エフェクトがかからない。 SenchaTouch のサンプルは、FireFoxがそもそもまともに表示できない。他の環境はいずれも正常表示ができている。公式の互換性についても、jQueryTouch はほぼすべての主要なスマホに対応しているが、SenchaTouch は iPhone/Android向けで、他のプラットフォームに言及していない。
構文チェックといっても、バリデーション サイトに飛ばす、というブックマークレット なんですが、あれば便利だなぁと思った のでシェア。HTML5 Validatorという WebサービスにURLを放りこんでくれる ブックマークレットです。 楽なので覚えておきたいですね。ブックマークレットも増えすぎると微妙ですけどね・・ HTML5 Validator Bookmarklet ご利用のブラウザにHTML5 Validatorをドラッグ&ドロップしてください。 使ってみる 試しに使ってみます。上記は、designbitsさんのサイトで、HTML5で構築されています。ここでブックマークレットを使ってみます。 直ぐにHTML5 Validatorでの検証結果が表示されます。ワンクリックで済むので手間が省けていいですね、これ。designbitsさんは見事に問題無しでした。すてき。 という訳でHTML
はじめに node.jsが熱いですね。 これからnode.jsを勉強したり、node.jsで何かアプリケーション作ってみたいという人のために、node.jsの環境構築(インストール)系のエントリを集めてみました。 サーバサイドJavaScript Node.js入門posted with amazlet at 14.02.16清水俊博 大津繁樹 Jxck 小林秀和 佐々木庸平 篠崎祐輔 高木敦也 西山雄也 アスキー・メディアワークス 売り上げランキング: 247,116 Amazon.co.jpで詳細を見る プラットフォーム別に分けてみましたので、お好きな環境でnode.jsに触れてみてください。ざっと眺めてみた感じ、Macでやるのが一番簡単みたいです。 Windows + cygwin Windowsでもcygwinを入れてあげてればnode.jsは動きます。 node.jsをWindo
参加したメモです。 http://atnd.org/events/12449 発表資料 http://public.iwork.com/document/ja/?d=Titanium_Mobile_Workshop_2011_47_02_47_25.key&a=p40748949 サンプルソース https://github.com/masuidrive/TitaniumSamples Titanium Mobileで作られているアプリ WikiWalker(iPhone) - この近くにあるWikipedia上のページをリストアップ なごや乗換ブラウザ(iPhone) 映画情報「myシアター」(Android) TOKINOWA はてなカウンティング MogSnap AKB前田敦子 Follow me now Titanium Developer IDEじゃない Aptana IDEで対
こんにちは、中川です。 今回もPHPには一切触れないで、node.jsについて書いていこうと思います。 node.jsといえば、サーバサイドのV8で動作するJavaScriptのため、 通常、シングルスレッドでの動作となります。 ただ、そのまま使ってしまうと、最近のマシンはマルチコアが当たり前なため、 1コアだけ使うようなプログラムではもったいないということがありますね。 そこで、node.jsでもスクリプトを複数プロセス立ち上げ、 マルチコア環境でも有効に利用できるようにしてくれるモジュールを色々試してみました。 ■環境 Ubuntu10.10 Node v0.4.0 ・spark2@2.0.11 ・cluster@0.2.4 ・fugue@0.1.1 ・multi-node@0.2.2 ※ポート: 3000番 ※Worker数: 2個 // server.default.js var
Subway Map Visualization jQuery Plugin | TechBubble 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」。 もうなんでもアリか、という感じですが、次のように地下鉄マップ風のグラフィックを自由に描けるプラグインです。 ULのリストで定義していくと次のように自由に図形が描画出来ます。 東京の地下鉄を作ってみても面白いかもしれませんね。 まあ地下鉄じゃなくてもJRとかでもいい気がしますが。 関連エントリ テーブルの内容をリアルタイムにグラフ描画できるjQueryプラグイン「graphTable」 グラフ描画用のjQueryプラグイン集 jQueryベースの滑らかなグラフ描画ライブラリ「Flot」
はじめに スマートフォングループでマネージャーしている坪田です。昨今は誰もが注目し、「スマートフォン」という言葉を見ない日は無いくらい盛り上がってますね。 市場の急成長に伴い、スマートフォン関連のテクニックや数値などを今週から連載していきます。Open&Shareという文化が大好きなので、ノウハウをオープン化する事で、市場活性化のお役に立てればと思います。 以下、本特集で今後執筆を予定しているテーマです。・ネイティブアプリケーションの品質管理 ・アプリ企画とデザイン ・iPhoneとAndroidの違い ・HTML5&CSS3 ・Androidアプリマーケット ・アプリ企画時に知っておくべき開発用語集、開発で使える小技集 ・UI設計について ・おすすめ本&ブログなどなど。 スマートフォン市場動向 今回はまず第1回という事で、国内の市場動向やiPhone、Androidのシェア率を話したいと
Openpear :: Open PEAR Repository Channel WEBサービス作るなら忘れてはいけないもう一つのPEAR「Openpear」の便利モジュール集。 本家のPEARよりいいんじゃないか?というぐらい便利なライブラリが揃っているOpenpearからよく使いそうな物をまとめてみました。 2011年2月現時点で186もの便利モジュールが登録されています。 ちょっと古いものも含まれており、動かないものもあるかもしれませんが便利そうなものをとりあえず羅列してみます。 Services_ShortURL_Googl goo.glにURL短縮するライブラリ。PEAR::Services_ShortURLのサブパッケージだそうです。 Services_Foursquare FoursquareのAPIを叩くライブラリ Services_SBM_Info はてブ数やTwitte
はじめまして! 技術部2年目のsugyanと申します。 初めてtech.kayac.comに投稿します! 先日自分のブログで書いた記事が思いのほか好評だったので、これについてもう少し詳しく書いてみようと思います。 node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ node.jsについて 最近話題の、サーバーサイドJavaScript「node.js」。みなさん触ってみてますか? 「Google V8 JavaScript Engineによるイベント駆動の…」と、どんなものかは知っているものの実際には触っていない、という人がまだ多いような気がします。 僕も昨年の12月くらいにようやく触ってみた という程度なのですが、意外にお手軽で簡単に使えるし面白いので、 「JavaScriptはまだニガテで ><」というヒトでも安心して始められるのでは
デモページ これらのエフェクトの種類は数多く用意されていますが、独自のプラグインを作成して使用することも可能です。 詳しくは、ドキュメントを参照ください。 CamanJS Document Creating a Plugin [ad#ad-2] CamanJSの実装 「caman.full.min.js」を外部ファイルとして記述し、下記のようにスクリプトを記述します。 <script type="text/javascript"> Caman("images/example-image.jpg", "#example-canvas", function () { this .saturation(20) .gamma(1.4) .vintage() .contrast(5) .exposure(15) .vignette(300, 60) .render(); }); </script>
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト(日本語/企業サイト限定)を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
拡張子取得、それは十人十色の関数である 一般的な拡張子を取得する方法は '.'を区切り文字として配列を作り、最後の要素を取り出す 拡張子があるであろう箇所を正規表現で検索、置換して取得する 最後に出る'.'を検索して以降を抜き出す など、他にもたくさんあります。 でも、パフォーマンスにバラつきはあるはずだし、 どうせなら「一番いいのを頼む」って考えるのが人の性ってもんですよね 拡張子を取得する関数たち エントリーNo1 正規表現の関数で配列に分割して最後の要素を取得する <?php $filename = '大きい画像a_1010.jpg'; $exts = split("[/\\.]", $filename); $n = count($exts) - 1; $ext = $exts[$n]; echo $exts[$n]; エントリーNo2 関数で拡張子を正規表現で検索、置換して取得する
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
仕事でWordPressをいろいろといじっていたので忘れてしまう前にメモ的な感じで書いておこうと思います。 基本として 会員限定コンテンツのために誰でも会員登録が行える 極力WordPress本体をいじらないで済ませたい プラグインはできるだけすでに存在しているものを活用する というのを前提としています 会員登録時に必要な項目を追加する WordPress › Cimy User Extra Fields « WordPress Plugins このプラグインを使うことで登録時の項目を追加できる。 注意したいのは会員登録の際にラジオボタンをよくある感じに横に並べたりするにはいろいろと工夫が必要という点。 そのあたりはプラグインの力だけでうまいこと表示させるのはできないのがちょっとだけ残念だけど次に記載するプラグインでゴリ押しは可能。 ログイン画面をカスタマイズする WordPress ›
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー 強度の高いパスワードを作るのは本当にめんどくさい。ならば強度の高いパスワードにはご褒美を与えればいいんじゃないか,と作者が考えて作ったのがNaked PasswordというjQueryのプラグインだ。パスワードの強度に合わせて,おねえさんが豊満な肢体をあらわにするぞ。 このプラグインを使うと,エロい姿のおねえさん見たさに,みんなwell known wordsを避けたり数字を混ぜたりして最強強度のパスワードを登録するようになるので,ハッカークラッカーがパスワード破りしずらくなる。エロは世界を救う。世界を救うjQueryプラグインNaked Passwordをみんな使おう。ただし,強度の
今年に入ってからほぼ毎日触ってました。でもほとんどiPhone開発しかしてない感想。 主観的なところをだらだらと書いてみましょう。 とりあえず気に入っているところイマイチと思うところを挙げてみたい。 合わせて総評など。 気に入っているところ さくさく開発できる Objective-Cとは段違いの開発効率。 冗長なメソッド名とメモリ管理の煩わしさからの解放がうれしい。 ちょっとしたモックアップ程度ならさくっと作れてしまう。 そこから開発者が作り込みに注力できる環境が見事にできあがっているのではないかと。 JavaScriptはくせもあるけどおおむね使いやすい言語。 CoffeeScriptとの組み合わせでさらにいいかんじ。 TDDできる Jasmineで気持ちよくTDD出来ている点が非常にポイント高い。 おかげでTitaniumラブですよ。 Objective-CでもTDD可能だけど、OCU
本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです(例えば、「ログが必要だよね」など)。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様
みなさん、Google App Engineって聞いたことありますか? あっ、それしってる。Google Docsとかでしょ?って思った方。惜しいけど違います。 Google App Engineとは、Googleが運営している宇宙最強のデータセンタを、一定量まで無料で使える仕組みなのです。 ほんとに無料なの? Google App Engineを使って無料でサイトを立ち上げる方法にもありますが、無料割り当て分(Free Quota)だけで、かなりの規模のサイトを運営できます。1日の通信量が1GBまでなら基本的にお金はかかりません。100kB/pvとして、1日1万PVまで無料です。個人運営のサイトなら、たいていは無料利用分で足りるのではないでしょうか。 プログラム必要なんでしょ? Google App Engineを使って無料でサイトを立ち上げる方法の方法を使えば、プログラムを一切書かずに
ASCII.jpに掲載されているスマートフォンサイトキャプチャ集「絶対見ておきたい有名企業のスマホサイトまとめ」、「スマホサイトを作る前に見たい国内38社の実例」 Tweet 2011/2/28 月曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » ASCII.jpにスマートフォンサイトのキャプチャまとめ記事が掲載されていましたのでご紹介します。 → ASCII.jp 日本語サイトの事例を一挙紹介(前編) 絶対見ておきたい有名企業のスマホサイトまとめ [ascii.jp] → ASCII.jp 日本語サイトの事例を一挙紹介(後編) スマホサイトを作る前に見たい国内38社の実例 [ascii.jp] 誰もが知っている国内有名企業のスマートフォンサイトがまとめられています。 ジャンルとしては次のようにわかれています。 前編
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く