いつものように、ふとJavaで写真をトイカメラ風にしてみたいと思ったので、早速試してみました。 簡単に実現したかたので、Jerry Huxtableさんという人が公開しているJava Image Filtersを使ってみました。 http://www.jhlabs.com/ip/filters/index.html ライセンスは、 Apache License, Version 2.0とのこと。 ダウンロードすると、ソースとjarが提供されているですが、なぜかjarが少し古いようなのでソースからantでビルドしてFilter.jarをつくり直してから、それをビルドバスに通しました。 作り方は、Photoshopでトーンカーブを使ったトイカメラ風の写真にする方法が紹介されていたので、それをそのまま同じように適応しただけです。 http://photoshopvip.net/archives/

初のβリリースとなった今回はそれなりに変更点をため込んだアップデートです．詳細はきっと誰かが粘着質にまとめる！ とはいえ，Twitterでは苦い顔をしながら追いかけてきた身なので，自分でもさらっとアップデート内容をなめてみます． 以前のバージョンからの移行についての特化記事は，jQuery Mobile Beta1へのアップデートについてのほうを． 全体的に良アップデートな主たる内容 Key Changesを元に，主な変更や新規の内容について追いかけてみます． トランジションがいろいろスムーズになった 最も重要．これはもう体感したほうがいいと思いますが，iOSで見てる限りは確かにそこそこスムーズになった印象です．不自然にガッコンガッコンとした座標調整も諦めてくれたみたいで，全体的な動きがスムーズになりました．Androidはちょっとちらつき残ってるので今後に期待． 移動量がしきい値に満たな

/* ブログ用のサンプルです。 まだ書いてません。 CSSにコメントアウトでｋ書いてあるので見てみてください。 ※ webkitでしか確認してません。 ※ JavaScriptは使ってません。 */ <!-- ラジオボタンでon/offの切り替えをする --> <div id="sec1"> <h2>checkedの状態を見て、見た目を変更する</h2> <p>隣接セレクタを使ってcheckedになったら弟のdivを操作します。<br>一度checkedになると再度クリックしても戻せないので<br>うまいこと使います</p> <div class="wrap"> <input class="input1" type="radio" name="input1" > <div class="effect">↓</div> <input class="input2" type="radio" n

SNSのShareボタン設定ページいつも忘れるのでメモ。 Twitter Tweetボタン設定ページ ここに関係ないけどTwitterアプリ登録ページ あとTwitterに投稿させるPopupとかいろいろTwitter飛ばす時のpopupあれこれめも。 tweet URL http://twitter.com/share?url=[url]&text=[title] sample facebook Like! ボタン設定ページ facebookに認識されてるかの確認用 linter(Debuggerに名前変わってた) インサイトの登録とか確認とかinsights (ここいつも辿り着けん。。orz share URL http://www.facebook.com/sharer.php?u=[url] sample mixi Developer dashboard → mixi Plugin

ユーザーエージェントからブラウザの情報をピックアップしてクラスを付与するjQueryプラグインを作ってみました。 パソコン・スマートフォンの他に、JavaScriptの使用が可能だと思われるゲーム機・テレビ・ガラケーのブラウザも判別対象としています。 直接見る Syntax $(document.body).checkAgent( [{option}] ); 対象にしたHTML要素にプラグインが得た情報に基づいたクラスを付与します。 Option 全てtrueまたはfalseで指定。trueにしたものをクラスに追加します。 type パソコン：pc、スマホ：smartphone、ガラケー：garapagos、テレビ：nettv デフォルトは true os PC(win, mac) ガラケー(au, docomo, softbank) スマホ(apple, android) ゲーム(wii

Introducing Native Driverの超訳。 Native DriverはWeb Driver APIの実装で、WebアプリケーションではなくネイティブアプリケーションのUIを叩くもの。Android版がダウンロード出来るようになったので、ユーザとコントリビュータをゆっくり募集。Google Code (http://nativedriver.googlecode.com/ )に置いてある。iPhone(iOS)版も開発中でもうすぐ使える。 WebDriverはブラウザの機能を綺麗でオブジェクト指向なAPIとして見せてくれるので、Googleでは多くのプラットフォーム上でWebアプリケーションをテストするのにWebDriverを使っている。（WebDriverについては、このブログ記事を参照） なぜWebDriver APIをネイティブアプリケーションに使うのか不思議に思うか

なんと・・・ Twitter. It's what's happening. なぜこの記事に１０ブックマークも付くのか意味不明ｗｗｗ ってことで、ここ見ても解決しないのでみなさん、元記事・元情報を読んでくださいｗ jQuery Mobileのベータ版が公開されました。夏ぐらいに正式版がリリースされるらしく待ち遠しいですね。 ただ、残念なことにこれまで公開されていたjQuery Mobileのアルファ版にXSSの脆弱性が見つかった為、これまでにjQuery Mobileで作成されたサイトは早急にベータ版にアップデートする必要があります。 アルファ版の挙動を維持したままベータ版にアップデートするには次のように記述する必要があります。 jQuery MobileにXSSの脆弱性が見つかったのでアルファ版からベータ版に変更する際の注意点 - to-R

JavaScriptにはHTMLを実体参照化する関数、PHPで言うところのhtmlspecialchars()にあたる関数が存在しません。 正式な理由はよく知りませんが、教科書的な回答としては、「DOMを使えばエスケープなんて気にしなくていいよ」が挙げられるでしょう。うだうだ言わず黙ってDOMを使うべし。 …まあでも、必要なケースもあるでしょう。特にinnerHTMLの高速性は魅力的です。T.jsを作ったときにベンチマークを取ったのですが、エスケープ関数をはさんでもinnerHTMLの方が高速に動作することが確かにありました。 そんなわけで、世の中にはHTMLをエスケープする自前実装の関数があふれています。さんざん語り尽くされている気もしますが、prototype.jsの実装を見ていて少し気になったので取り上げてみます。 escapeHTMLの場合 escapeHTML 文字列中の特定の文

スマートフォンで使えるテキスト比較ツールを作ってみました。利用シーンはともかく、JavaScriptだけで動作するのでどこでも使えます。 テキスト比較ツール Text Diff Tool UIライブラリは jQuery Mobile 、テキスト比較エンジンには google-diff-match-patch を使用しています。HTML5は拍子抜けするほど簡単なので、もっと早くから勉強しておけばよかったかも。 <section data-role="page" id="top"> <header data-role="header"> <h1>Text Diff Tool</h1> </header> <div data-role="content"> <fieldset data-role="fieldcontain"> <label for="old-text">Old text:</l

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

HTML５の練習 firefox推奨。 フルスクリーン推奨。 audio要素のcurrentTimeが使えないブラウザでは正常動作しません。 クッキーを使ってハイスコア等を引き継いでます。 操作は方向キーとエンターのみ使用。 ============================================ 7月1日編集 ゲームに関する主要素の変更は無し エフェクトなど外観の修正 ランクを表示 コンボの位置 あたり判定時のエフェクト 曲を増した。 var WIDTH = 500; var HEIGHT = 500; var score=0; var hits=0; var life=75; var f_b=[false,false,false,false]; var time=0; var etime=0; var combo=0; var maxCombo=0; var title

Firefox5でCSSのAnimationsが実装されましたが、ちょっとWebkit系と違うところがあるみたいです。 どう違うかというと、@keyframesのアニメーション名にクオートを付けるとWebkit系は動くけどFirefox5は動かないみたい。 DEMO つまりこういうこと。（説明簡略化のためベンダプレフィックスは除いてます） /* Webkitは動くけどFirefoxは動かない */ @keyframas 'hoge' { /* ... */ } /* WebkitでもFirefoxでも動く */ @keyframas hoge { /* ... */ } で、仕様はどうなってるか見てみると CSS Animations Module Level 3 keyframes-rule: ‘@keyframes’ IDENT ‘{’ keyframes-blocks ‘}’; って

Flash Builder 4.5.1, Flex 4.5.1 + AIR 2.7 でのお話。 ＊Flex 4.5.1 SDK に AIR 2.7 を別途ダウンロードし上書きしています。 4.5.1 アップデートでコマンドラインを使わなくてもGUIで AIR for iOS のデバックとリリースビルドの制作ができるようになったので早速ためしに使いはじめたけど、さっそく地雷を踏んでしまいました。 ActionScript Mobile Project だとステージサイズがおかしい ActionScript Mobile Projectで作成するとstageサイズがどうも取得できないみたい。 550 x 370 としか取得できない。 (0, 0)ポイントにShapeを置いても位置が変だし、座標系もおかしくなっている様子。 あれま！ 今日試してみたら座標は正常だった？？？ package { i

// forked from kyo_ago's "fireworks" http://jsdo.it/kyo_ago/fireworks // forked from zarkswerk's "fireworx" http://jsdo.it/zarkswerk/fireworx // forked from zarkswerk's "fireworks" http://jsdo.it/zarkswerk/3598 setTimeout(function () { var hanabi = { // particle layer layer: 18, // particle　quantity quantity: 12, // particle speed speed: 5, // particle size size: 0.5, // size decay decay: 0.98, //

FragmentはAndroid SDK 3.0からサポートされた機能だが、パックポートとしてAndroid1.6以降のSDK(1.6〜2.3.4)で使用することができる。 以下、Android 2.3.4でFragmentを使う場合の手順メモ Android互換性パッケージをインストールする 既存のAndroid 2.3.4用のandroid.jarにFragmentのサポートは含まれていないため、使用するためには「互換性パッケージ」と呼ばれるサポートライブラリィが必要になる。 このパッケージの導入はAndroid SDK and AVD Managerから簡単に行える。 プロジェクトに互換性パッケージのjarファイルを組み込む ダウンロードした互換性パッケージは%android_sdk%/extras/android/compatibilityに保存される ので、その配下にある and

/* * fireworks.js - Kenneth Kufluk (http://kenneth.kufluk.com/) * http://js-fireworks.appspot.com/ * MIT (X11) Licensed Copyright (c) 2010 Kenneth Kufluk Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy,

6/21に開催されたTitanium Meetup Tokyo #5に参加してきました。 基本的に、各々がモクモクとコーディングをする(だけの)会なのですが、@masuidriveさんを捕まえてTitaniumの深いところまで質問できるのが、個人的には魅力的だと思いました。 ちょうどいま、Titaniumを使って初めて本格的なアプリを作ってて、幾つか質問したいことも溜まってたし、今回は開催地がオフィスの近くということもあって、いろいろ好都合でした。 ってことで、恥を忍んで、質問したことをここに晒そうと思います。 1. Toolbarのあるウィンドウから無いウィンドウに遷移すると黒背景が見える app.jsでbackgroundColorを黒に設定してました・・・orz お恥ずかしい 2. 階層の深いウィンドウから元のウィンドウに一気に戻る 下図のように、どんどん階層の深いウィンドウに潜って