See related links to what you are looking for.
HTML5/JavaScriptで作成したアプリケーションをラップし、ネイティブアプリケーションとして扱える「ハイブリッドアプリケーション」は、高い生産性でモバイルアプリケーションを開発できるといったメリットから注目されています。 しかし実際に自分でハイブリッドアプリケーションを開発しようとすると、例えばiOS用ならMacOSのマシンを用意してPhoneGapの環境を整え、ビルドしたアプリケーションをいちいちiPadやiPhoneに転送して試すなど、それなりの手間がかかります。Publickeyでは以前からハイブリッドアプリケーションに注目して紹介してきたため、時間があれば自分でもHTML5とJavaScriptで作ったアプリケーションをハイブリッド化しみてみようと思いつつ、なかなか開発環境を整備するに至りませんでした。 そこで思い出したのが「Monaca」です。Webブラウザ上でHTML
こんなかんじのフィルターが作れるようになります。 このレジュメを元にした勉強会が「MTL主催【学生限定・iPhone勉強会】蜷川実花監修カメラアプリcameranのエンジニアが教える高速フィルターカメラアプリの作り方です。 学生の皆様はふるってご参加下さい。 GitHubのリポジトリは https://github.com/kasajei/MTLSeminar201303 です。 あと、Xcodeをダウンロードしてきてね☆ Xcode カテゴリ: 開発ツール 価格: 無料 アジェンダ プロジェクト作成 GPUImageの組み込み とりあえず、GPUImageを動かしてみる PIP Cameraみたいなおしゃれなフィルターを作ってみる プロジェクト作成 まずプロジェクトの制作をします Single View Applicationを選択 名前はMTLSeminar201303にしましょう 次
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
この記事は、How I Fired Myself.という記事の試訳です。 2010年の7月、私は22歳で、カリフォルニアのあるソーシャルゲームのスタートアップで働いていた。卒業したてで、私にとって初めての本物の職だった。給料をもらってアパートに住んだ。そのころ私は初めて大人になったような気分でいた。 その会社の主力製品であるRPGのコードを書く二人のエンジニアのうちの一人が私だった。大学では哲学を専攻していた。これはどういうことかと言えば、問題に対してどうやって考えればいいかを知っていた一方で、ベストプラクティスや実用的なデザインパターンに関する知識は最低限しか持っていなかった。私は信じられないほどの熱意でもって自分が持っているごく普通のLAMPの知識を駆使した。 私の悩みの種であるゲームデザイナーはしばしばWorld of Warcraftからインスピレーションを得ていた。WoWは、Bl
スライドはズルい スライドってズルいですよね!w web制作においてはコンテンツを閲覧させる障壁とも言われるクリックを150回とか強いるのに、こんなにも読ませるコンテンツ!!すごい!ズルい! たまに思うんですが、私の長文もスライド形式にしてしまえば読んでもらいやすいんじゃない?とか考えます。フリーのwebデザイナーのたえさん(@ken_c_lo)も同じこと考えてたみたいでひじょーに嬉しかったですw なんかそのうちブログをスライド化して見られるプラグインでないかなー、もしくは作ってみようかなと思っている今日この頃です。 webデザインに関するスライドまとめ 本題です。世間的には少ないと言われているwebデザインにおける「デザイン」にフォーカスを当てたスライドで私がブクマしていたものを集めてみました。 タイトル的にうん?と思うものもありますが、全て考え方等を含めデザインを考えることについて参考
UIWebView を使ってリクエスト送信時に処理を奪ったり、レスポンスのHTMLを取得したりする方法。 UIWebView のデリゲート(UIWebViewDelegate)、以下に示すメソッドを実装する。 UIWebView で表示した画面でリンクを押したり、ボタンを押したりしたときに次のメソッドが呼ばれる。 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { NSString *url = [[[request URL] standardizedURL] absoluteString]; NSLog(@"url=%@", url); NSString
NSStringクラスは、Objective-Cで文字列を扱うクラスです。NSStringは変更不可なので、可変の文字列を扱いたい場合はNSMutalbeStringクラスを使用します。 NSStringのクラス階層 NSStringの生成 // 文字列生成例1 NSString *str = @"ほげ"; str → "ほげ" // 文字列生成例2 NSString *str = [NSString stringWithString:@"ほげ"]; str → "ほげ" // 置換文字列を使用した生成例 NSString *str = [NSString stringWithFormat:@"%@は%fkmです。", @"フルマラソン", 42.195]; str → "フルマラソンは42.195kmです。" // 配列の生成例 NSString *strs[] = {@"あ", @"い
UIWebView内に表示されたリンクをクリックした場合に、UIWebView内で表示する代わりに、Safariを起動して表示する方法を紹介します。 ソースコード例 Empty ApplicationにUIWebViewを設置し、その中に外部リンク(Yahoo.co.jpへのリンク)を表示する例。httpから始まるリンクは、UIView内で表示するのではなく、Safariを起動して表示する。webView.delegate = selfの部分で警告が表示されるので、インターフェースにUIWebViewDelegateを追加しておく。 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[UIW
特定のページのみUIWebViewを使ってWebページを表示することはよくあると思いますが、そのページでの処理終了したタイミングで、再びネイティブコードを実行したいというケースがあります。 PhoneGapではJSからネイティブコードを呼ぶ仕組みが実現されていますが、これと似たような仕組みを作るにはどうすればよいのか紹介します。 ネイティブからWeb呼び出し JSを実行するためのメソッドがあるので任意のタイミングでそれを利用するだけでOKです。 [webView stringByEvaluatingJavaScriptFromString:@"alert('call from native');"]; 簡単ですね。 Webからネイティブ呼び出し UIWebViewDelegateにある、ページがロードされる前に呼ばれるメソッドを利用します。 - (BOOL)webView:(UIWebVi
iOS6 から、Smart App Banner という、ウェブサイトでアプリが宣伝できる機能が使えるようになりました。 例えば、このブログを iPhone(iOS6, Safari)から見た場合、このように表示されます。 既にアプリをダウンロードしている場合は、そのアプリに飛び、ダウンロードしていない場合は、AppStore に飛びます。 Smart App Banner を表示させる方法 表示させたいウェブページのヘッダータグ(<header>)内に、以下のメタタグを記述するだけです。 <meta name="apple-itunes-app" content="app-id=511606108"> app-id は、iTunes Connect のアプリ管理画面(Manage Your Apps)から、個別アプリに飛び、Identifiers の Apple ID から確認出来ます。
2011-03-16: 目次を作成しました。 2010-09-17: Google Map 2 記事一覧を作成しました。 2010-07-03: Google Map 3 記事一覧を作成しました。 jQueryを使用してDOM要素を置き換えてみます。 置き換える要素はアンカータグを選択しましたが、 何でもかまいません。 下記のリンクをクリックすると このブログのアンカータグが全てグーグルへのリンクに変わります。 要素を置き換える コードは下記の通りです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea
<!DOCTYPE html> <html> <head> <meta name="viewport" id="viewport" /> <script type="text/javascript"> ( function(){ var contentWidth = 700; var min_scale = Math.round( ( screen.width / contentWidth ) * 10000 , 5 ) / 10000; var max_scale = Math.round( ( screen.height / contentWidth ) * 10000 , 5 ) / 10000; document.getElementById( 'viewport' ).content = 'width=' + contentWidth + ' , ' + 'minimum-sca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く