2013-01-01から1年間の記事一覧

createjs(preloadjs)とCORSのところでハマったのでメモ

業務で、canvasに描画されているバイナリデータをサーバに送りたいということになった。 で、canvasのAPIにtoDataUrlというメソッドあるの知ってたので以下のように試してみるも、 var canvas = document.getElementById('testCanvas'); var data = canvas.t…

jsrender使ってviewとロジックをわける

恥を忍んで書きます。業務でアイテム一覧のようなものを表示する際に、コーダーから以下のような素材をもらって(実際のものとは違う。あくまでイメージ) <div class="div_xxx"> <p class="p_xxx">アイテム名称</p> <p class="p_yyy">期間限定</p> ##期間限定のもののみ <img class="img_xxx" src="xxx.png"> </div> で、エンジニアである自分が、ajax通信で取得したjs…

HTML版スライドのライブラリ、Bespoke.jsをさわってみた

前回のエントリでHTML版スライドをつくるためのフレームワーク一覧のリンクを貼って試してみたいなんて書いたので、そのうちの1つ"Bespoke.js"というのをさわってみた。markdalgleish/bespoke.js · GitHubまあREADME.mdに書いてあることちょこっとやってみ…

Node.jsでトータライザみたいなものをつくってみる

つい先日、社内勉強会でjsの話をしたのですが、そのときにjsついでということで"Node.jsでトータライザみたいなもの"をつくった。つくったけれどもあまりうまくいかなかったので(ウケもいまいち 汗)、戒めついでにメモとして残しておこう。トータライザっ…

'Galaxy S4'のWebViewでのcanvasの表示不具合の対応

'Galaxy S4'のWebViewでのcanvasの表示不具合が結構有名ぽくて、自分もハマった。。。 以下のサイトなどに書かれています。http://blog.happyelements.co.jp/2013_08_01_archive.htmlGalaxy S4のWebviewで、非同期処理の中でのCanvasの描画がバグってる - 車…

createjsの継承の実装について整理

javascriptで、オブジェクト指向の継承のようなものを実装する方法はいくつかあるようですが、今回のエントリーでは現在業務で使っているcreatejsのそれについて簡単に整理しましたので書いておこうと思います。 // ネームスペース // 名前空間の汚染を防ぐ…

エンジニアがデザイナーに知ってほしい4つのこと

柄にもなく仰々しいタイトルをつけてみました。 現在私はソーシャルゲームの主にクライアントエンジニアという立場で開発をしていますが、前職ではFLASHアニメーションを含めたデザインっぽい仕事もしてきましたので(Illustrator、Photoshop、3ds Max、あと…

スマートフォンwebのタップイベントを高速化するライブラリ"fastclick.js"をさわってみた

先日参加したADC MEETUP ROUND 07での@akb7_jpさんのセッション「HTML アプリケーションのパフォーマンスを良くする 10 のポイント」にて、"fastclick.js"というタップイベントを高速化するツールの話があって試してみたのでここに書いておきます。ftlabs/fa…

Sublime Text 2でまとめてインクリメントの処理を行う

少し前から業務でjavascriptを書いています。エディタはSublime Text 2を使っているのですが、あるとき以下のようなインクリメントなコードを書く必要があって(あくまで例です!業務で何書いたか忘れてしまいました・・・)、 <img src="/test_1.png"> <img src="/test_2.png"> <img src="/test_3.png"> <img src="/test_4.png"> <img src="/test_5.png"> <img src="/test_6.png"> <img src="/test_7.png">

【第6回】iOSアプリ ticket to UI/UX

今回はUIにおけるUXについて。UIとUXについての定義は人それぞれのところがあると思いますが、自分はそういった細かいことはあまり気にしません。「UIにおけるUX」と書きましたが、もう少し細かくいうと「同じUIを使用していながらも、実に様々な体験を我々…

ナビゲーションバーのボタンをカスタマイズしたけどなぜかイベントが発生しないとき

iOSアプリでのナビゲーションバーのボタンのデザインのカスタマイズについて、少しハマってしまったので備忘録として。ナビゲーションバーの右にデザインをカスタマイズした「保存」ボタンを置きたいという状況が発生しました。 ナビゲーションバーのボタン…

flashをずっと開発してきた人間がiOS開発をやってみて

今月はじめに、業務で開発に携わっていた"デコラージュ"というアプリがリリースされました。 Decollage~デコラージュ~ スタンプで出来るイラスト作成アプリこれまで長くflash開発を続けてきましたが、上司へ意思表明して念願のiOS開発に携わらせていただき…

iOSアプリ"1,2,3,4"をリリースしました!

"1,2,3,4"という一風変わった名前ですが、iOSアプリを個人として初めてリリースしました!https://itunes.apple.com/us/app/1-2-3-4/id623790896?l=ja&ls=1&mt=8簡単にいうと「写真を4枚連写して、それを縦に4コマ漫画のように並べて1つの画像を生成する…

iOSネイティブでのラジオボタンの是非

現在携わっているiOSネイティブ開発でデザイナーさんからあがってきたデザインに下画像のような「ラジオボタン」がありました。(まだリリースしていないため画面はTwitterのweb版のもの) ただしラジオボタンはiOSの標準コンポーネントには含まれていません…

ワイヤフレーム作成ツールの料金プランをまとめてみる

自社のUXの質をあげていこう!なんて意気込んでいて、今後は下の記事でとりあげられているようなワイヤフレーム作成ツールを使っていこうとひっそり考えているのですが、やっぱり会社で導入するとなると気になるのが値段だったり機能の制限だったり・・・。…

iOSでアプリ側の強制終了はリジェクト対象!?

備忘録として。現在業務で開発しているiOSアプリでそろそろ佳境を迎えようかというときに、仮に記述していただけなのかもしれませんが同僚の書いたソースコードに、 exit(0); という記述があってドキッとしてしまいました。というのも、この記述でアプリ自身…

"Portrait"に設定しても画面が横向きになってしまう

現在業務で開発しているiOSアプリ(iOS5以上を対象)の動作確認をしていたときに、 iOS6.xでは発生しないが、iOS5.xだと"Supported interface orientations"を"Portrait"に設定しているのに画面が横向きになってしまう という不具合が見つかりました。原因は…

【第5回】iOSアプリ ticket to UI/UX

Vineのホームメニュー Twitter社がつい先日リリースした動画共有サービス"Vine"。 まだリリースしたばかりで色々改善中かもしれませんが、一番はじめに目についたのが左上の「ホームボタン」の存在だ。このホームボタンを押せば、以下のようなメニューが上か…

UITableViewCellの再利用でメモリリーク

UITableViewCellでハマってしまったので備忘録。UITableViewCellは基本的に再利用します。アップルのドキュメントをそのまま引用すると オブジェクトの割り当ては、パフォーマンスに影響します。特に、短期間に繰り返して割り当てを行わなければならない場合…

「ユーザーを虜にするUI/UXとは!? -実務と学術の両面的視点から徹底解析!!-」に参加してきました

はじめて勉強会のエントリーを書いてみようと思います。幾分個人の勝手な解釈も含まれていることと思いますがご容赦を。。参加してきた勉強会は、2013/01/28にレバレジーズ株式会社本社にて開催された「ユーザーを虜にするUI/UXとは!? -実務と学術の両面…

Xcodeのコードスニペットを活用する

今回も備忘録として。現在業務ではXcodeでのiOS開発を行っていますが、コードスニペットをちょいちょい活用しています。Xcodeで"for"などとコードを入力すると、for文のテンプレートが表示されるアノ機能のことです(下画像)。 似たような記述が多く出てく…

iOSアプリ開発で使用できるフォントを調べる

大した内容ではないけれど備忘録として。デザイナーさんにiOSアプリ開発で使用できるフォントってなんですかなんてことを聞かれることもあると思います。そんなとき、iOSで使用できるフォント一覧のサイトはよくみかけるけれど、iOSのバージョンによって使用…

【第4回】iOSアプリ ticket to UI/UX

引き上げて読み込み!? 「画面を引き下げて 指を離して更新」というのはiOS6では標準のコントローラとして実装されるくらいいまでは「業界標準」のものになりましたが、最近「引き上げで 読み込み」というものに出会いました"comm"のスタンプ追加画面でみつけ…

【第3回】iOSアプリ ticket to UI/UX

注目!? リスト内のセルの一部を固定する見せ方 "Instagram"で用いられているのは知っていたのですが、他のアプリが使用しているのを見かけなかったのでInstagramのみが使用している悪い意味での「奇抜なUI」なのかと思っていたのですが、最近DLした"Sumally"…