HTML5カンファレンス2015での講演資料です。Cordovaを中心としたHTML5ハイブリッドアプリ開発における注意点などを紹介しました。
![はやわかりHTML5ハイブリッドアプリ開発事情](https://cdn-ak-scissors.b.st-hatena.com/image/square/485106f3ffdbfdf81d12be0ded008c8cc646408e/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fhtml5j-hybrid-app-seminar-140526062454-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
フェイスブックアイコンはこれに決まりかも。写真を似顔絵にしてくれるアプリ「momentcam」2014.01.13 14:009,613 フェイスブックのアイコンにいいかも。 顔がわかりやすく伝わる感じで、でも自分の写真は抵抗あるな…みたいな人にピッタリなのが撮った写真を似顔絵のようなイラストに変換してくれる「MomentCam」。 老若男女どんな顔でもおもしろく遊べます!! アプリを起動するとこんな感じ。「Comics」はイラストで「Emotions」はさらに動きが加わえたもの。 好きな方を選んで、自分の顔を撮影します。もちろん既に撮った写真を加工することもできますよ。 撮影(もしくは「写真」から選んだ)写真の目と口の位置をちゃんと合わせて、BoyかGirlのどちらかを選択すると… イラストになってる! これだけでも、既に完成形っぽいですが、髪型や輪郭、シチュエーションなど色々変更できま
RubyMotion Advent Calendar 2013 に何か書こう、ということでエントリ。 ご存知のように iPhone アプリの HBFav は RubyMotion で作っています。Objective-C ではなく。以前は Titanium Mobile で作っていましたが、去年にバージョン2として作り直すにあたって RubyMotion に移行しました。 RubyMotion に関しては以前、以下のエントリで概要を説明しています。 RubyMotion - naoyaのはてなダイアリー それから、今年 5月に開催した RubyMotion カンファレンスのスライドなどもあります。 実践RubyMotion - Speaker Deck RubyMotion が発表されたのは 2012 年の5月 とかで、それからずっと使い続けているので1年半近くが経ったことになります。App
フィードフォース全力ブログ 閉鎖のお知らせ 「フィードフォース全力ブログ」にアクセスいただきましてありがとうございます。 誠に勝手ながら、株式会社フィードフォースが運営する「フィードフォース全力ブログ」は2018年9月6日をもちまして閉鎖いたしました。 なお、フィードフォースが発信する情報は「Feedmatic Blog」や「work plus」にて引き続き更新しております。ぜひこちらのサイトをご覧いただけますと幸いです。 今後とも、どうぞよろしくお願いいたします。 マーケティングのトレンドやノウハウを知りたい方へ フィードフォースが企業のマーケティング担当者に向けて、「データフィード」「ダイナミック広告」「ID連携」を軸に、新しいマーケティングのトレンドや実践的なノウハウを発信しています。 読んでみる → フィードフォースの"人"や"取り組み"を知りたい方へ 「働く」を豊かにする。をミッ
キャラクターデザインにとにかくこだわっている – 開発時、何に時間をかけられていますか。 hamon 弘中:2人ともデザイナーなのでデザインに1番時間をかけます。開発のほとんどはデザイン作業で、プログラムは嫌いなので3日程度で終わらせます。デザインには時間をかけているので、同規模同ジャンルの他アプリには、ビジュアルで負けないように努力しています。スタッフ2名以下のデベロッパーには絶対負けたくないです。 – リリースされているアプリで、3Dグラフィックを利用している理由を教えてください。 元々3Dグラフィックのデザイナーだったので、自然とやってるという感じです。カジュアルゲームはほとんど2Dなので、3Dの方が目立てるかなというのもあります。 – 2Dに比べて3Dの方が時間がかかるのではないでしょうか。 そうですね。ただ、1回作ってしまえば、3Dの方が動きを作るのは簡単です。モデルを作ったら、
ちょっと前にとあるSNSで 「これ子供に効果抜群!ギャハハ!これから躾に活用しよう」みたいな投稿を見た。 あれを躾けに使うとか、イカれてる。 おまえんちは北朝鮮もしくはナチスかよ。 あれはネタアプリだろ。100歩譲って1回使ってみて「怖かったねー」ならまだ分かる。 その子供は震えながらご飯を一気にかきこんだらしい。 一言言わせてもらう。 親辞めろ。お前に子育ては無理だ。 そんなアプリ使ってしか子供を躾られないならどの道終わりだ。 怖いから従うだけ。しかも脅しの道具として親はいつでもそのカードを持っている。それは健全な親子関係じゃない。反論は認めない。 こういうと育児の大変さを知っているのか。というやつがいる。 バカやろう。知ってるわ。むしろお前より子供多いわ。むしろだからその親はアホだと思う。 そもそも子供が震えるほど怖がっているものを、これは良いぞと使う神経はまともじゃない。鬼を信じてい
2014/04/16 コンプライアンスの「Content Rights」と「Advertising Identifier」についての解説を追加しました。 はじめに iOS 7 がリリースされ、さまざまな新しい機能が使えるようになりました。iOS 7 SDK を使ったアプリをリリースしたい!と思っているかたも多いのではないでしょうか。しかし iOS アプリのリリース作業は手順が複雑そうで取っ付きづらい印象を持たれているかたが多いと思います。筆者もそうでした。 ということで、最新 (2013年10月21日現在) の iOS アプリのリリース手順についてできる限り分かりやすくまとめてみました。リリース時の参考にしていただければと思います。 概要 まずはじめに全体像を確認しておきましょう。iOS アプリのリリースは下図のようなフローで行います。 リリース用の Provisioning Profil
こんにちは。クレイの浅海です。 いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。 まだLeapMotionを初めて数日なので勘違いしている部分もあるかもしれませんが、JavaScriptでLeapMotion対応アプリをどのように作るのかについて、気づいたことを紹介します。 目次 デモ leap.jsの用意 イベントループ Frameオブジェクト frame.fingers frame.hands frame.gestures circle swipe keyTap screenTap 感想 デモのコード デモ まずは実際に動かしている動画を御覧ください。 空中に手をかざすだけで、ピアノを演奏することができます。 音の再生にはMIDI.jsを使用しています。 ※ 手を3Dで表示している部分は、LeapMotion標準のビジュアライザ
みなさんWunderlistというアプリをご存知でしょうか?iPhone, iPad, Android, Windows, Mac, Webで使えるいいデザインのtodoリスト管理アプリです(無料)。とても素晴らしいアプリなので使っている方も多いかと思います。 先日このアプリを作っている会社6Wunderkinderのブログを読んでいたら、Wunderlistがどのようにして新しいデザインを作ってきたかが書かれた興味深い記事がありましたので翻訳(意訳)しました。 [以下Break Rules To design better productsの翻訳(意訳)] 私たちは一日のうちに、スマートフォンやタブレット、ノートパソコンといった様々なデバイスを使い分けています。それぞれに独自のガイドライン、インタラクションの種類、そしてもちろん異なったインターフェースがあり、私たちはデザイナーやエンジニ
Blogging is a disease: selfkleptomania, your normal condition. About GPG Public Key 先月は仕事に関係ない勉強としてTiTwilioを作ってみました。Titaniumのアプリに数行でIP通話機能を追加することができるようになりました。今月は、今のところAndroidのHolo themeをTitaniumで作ったアプリでカスタマイズする方法と、Node.ACSとAppcelerator Cloud Serviceを連携させる方法、それらを組み合わせてNode.ACS上にチャットサーバを立ててTwilioの通話アプリと共存させる方法を勉強しています。ちょっとしたLINEを作るみたいな感じですね。これまで縁がなくてその手のやつを実装したことはなかったので、ちょっとやってみます。それから、Elixirの本を買ったの
公開されてから約半年が経った、自分専用のポートフォリオページを作れるWebサービスのJAYPEG。素晴らしい作品が数多く投稿されており、個人的に大好きなサービスです。そんなJAYPEGで作品を見ることができる凄い日本人クリエイターを20人紹介します。 1. ryo_dg 大阪のWeb制作会社でデザイナーとして活躍しているRyo Nakaeさん。自身のポートフォリオサイトを始め、Gunosyのリデザインコンセプトや架空のアプリUIなど、見ていてワクワクするデザインばかりです。 2. suzuki クリエイターチームのナナメウエで活動しているUIデザイナーのTomohiro Suzukiさん。Illustratorの使い方や、チュートリアルなどを紹介しているブログ、Illustrator Maniaを運営されている方でもあります。質感が素敵な作品をイラレでたくさん作られています。 3. ken
ここ数年のあいだに、オンラインで複数のメンバーとコラボレーションできるツールが増えていますよね。 ホワイトボードであったり、マインドマップであったり、用途によって様々なタイプがあります。これらのツールのメリットは、離れていてもリアルタイムに議論することができるところ。議論の時間と場所を選ばずにすみますし、リマインドのための議事録も同時にとれてしまいます。 その中でも今回ご紹介するのは、付箋を使ってマトリクスのボードで複数のメンバーと議論することができるアプリです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 付箋を使ってマトリクスで議論できる「Symphonical」 「Symphonical」は、複数のメンバーとリアルタイムにコラボレーションできるオンライン付箋ノートアプリ。 GTDや週間ス
前回の【第1回】yahoo!天気とウェザーニュースタッチユーザテストの評判が良かったので、第二弾を実施致しました。 週一回実施を目標に頑張っていきます! さて、今回も弊社のUIscopeというユーザーテストが早く・安く・簡単にできるサービスを利用して、お仕事情報検索サイト『アルバイト/求人情報【ジョブセンス】』のテストを勝手に実施しました。 サイト名:アルバイト/求人情報【ジョブセンス】 URL:http://j-sen.jp/ TOPページは下記のようなデザインです。 必要最低限の情報量にすっきりまとまっており、使いやすさが見て取れるシンプルなレイアウトになっています。明るい水色でキャラクターがいる事により、男女問わず親しみやすいデザインです。 ページ全体画面 全体的にもボタンのサイズも余裕がある為、誤打が少ないよう作られています。 一発検索とエリアから段階的に探す2通りの検索方法が
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
便利? ストーカー? Bloombergが、Facebookがあなたの位置情報を友人知人に通知するスマホアプリを開発していると伝えています。 Bloombergの情報ソースによれば、Facebookが開発するアプリはFoursquareの「レーダー機能」と同様に、同じ地域に友人がいる場合に通知する機能を搭載したアプリだそうです。Facebookはおそらくこのアプリを使ってユーザーが友人を見つけやすくする手助けをめざしているのではないでしょうか? そして、その後にFacebook Messengerで会話させ、Facebook Cameraで写真を撮って、Instagramで投稿して... またこのアプリでは、友人のお気に入りのレストランやバーが近くにある場合でも通知してくれるのではないかと推測されます。自分に関連性の高い人や場所の情報が増えれば、もっとグラフ検索を使う機会も増えますよね、き
最近、話題になっているJavaScriptですごいものを 実装している方々がいたので紹介したいと思います。 これだけできるなんて正直驚きました。 ①3Dゲームのような画面を再現 Minecraft4kJS こちらは、画面上でダンジョンを進んでいくような間隔を味わえるアプリケーションです。 こんな猛者がいるなんて.. ②めちゃくちゃかっこいい時計 orked from: パーティクル時計 クリックするたびに、画面がはじけるような演出がかっこいい! JSだけでこんなにリッチな作品がつくれる! ③洗練されまくってるToDoアプリ soda todo これは、ぜひ、実際に使ってみてほしいです。 タスクを追加したときの演出が格好よすぎて、 めちゃくちゃ気持ちいいです。 こんなTodoがあったら、仕事のモチベーションも上がるのではないでしょうか? ④チャット形式の登録フォーム
最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人(または初級者)のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ(見た目の部分)はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門 ドットインスト
NEXTユニコーン企業で働くエンジニアたちに体当たり取材!NEOジェネレーションなスタートアップで働く技術者たちの、「挑戦」と「成長」ヒストリーをご紹介します 今回話を聞いたのは、家にある家電を「スマート家電」に変えてしまう『Pluto』を製作・販売するPlutoの3人。いかにして彼らは、自宅のLANをつなぐだけでただの家電をスマート家電に早変わりさせる仕組みを実現したのか? その歩みをひも解いてみよう。 2013年1月27日、産経新聞は経済産業省がスマートフォンによる家電の遠隔操作に関する規制を緩和する方針を固めたと報じた。 この規制緩和を期に、ネットとリンクして遠隔操作が可能になる「スマート家電」は増加していくだろう。そんな、家電スマート化を推し進める急先鋒といえるのが『Pluto』だ。 Plutoとは、2012年11月より発売が開始された、たった1万2800円(税込み)でリモコン制御
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く