React Native アプリの開発基盤構築 - クックパッド開発者ブログ
こんにちは、投稿開発部の @morishin127 です。React Native 新アプリシリーズ連載2日目ということで、この記事では React Native アプリの開発基盤の構築について書こうと思います。「クックパッド MYキッチン」というアプリは React Native 製で、iOS/Android 両プラットフォームでリリースされています。元々は一人の手で JavaScript (ES2017+) によって書かれていたアプリケーションでしたが、リリースまでの間に開発メンバーも増え、TypeScript の導入や CI の整備、また高速な検証のためにログ収集の仕組み作りや CodePush の導入などを行いました。それぞれ具体的にどのようなことをしたかを説明します。 セットアップスクリプト npm-scripts を用いて npm run ios:setup / npm run
Tiledのマップデータから物理空間を作成する！：Cocos Creator - モーリーのメモ
Cocos Creatorは、物理エンジンのChipmunkを使用できます。 物理エンジンとは、物体が落下したり衝突したりした時の動きを計算してくれるものです。 アクションゲーム等を作る際に利用出来ます。 Tiledのマップデータから、アクションゲームのステージを作成するには、壁・床・ブロック等がそれぞれ物理的に認識される必要があります。 今回は、Tiledで壁・床・ブロックとしてオブジェクトを配置し、Chipmunkを利用して、これらがプログラム上で物理的に認識されるようにします。 下図はプロジェクトの実行画面です。 タッチした位置に丸い物体が生成されるようにしています。 壁・床・ブロックに対して、跳ねたり、転がったり、留まったりします。 下記に動くデモがあります。 目次 目次 使用環境 Tiledによるマップデータの作成 Cocos Creatorで、Tiledのマップデータを取得 C
オープンソースのAndroidアプリをまとめたサイト「Fossdroid」 | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
Visual Studio 2013 を使った楽ちんCordovaプログラミング
Visual Studio 2013 を使った楽ちんCordovaプログラミング 物江 修（日本マイクロソフト株式会社 Webエバン...） Visual Studioの開発機能は、これまでWindowsプラットフォーム向けのものでしたが、Visial Studio 2013 Update 2からは、Multi-Device Hybrid Appsというアドインをインストールすることにより Apache CORDOVA を使用したAndroid、iOS用アプリを開発することができます。 今回はVisual Studio 2013 Update 2用のアドイン Multi-Device Hybrid Appsについて紹介します。 (Multi-Device Hybrid Appsの構成) Multi-Device Hybrid Appsとは Multi-Device Hybrid Appsは
950ページ超え！ Androidアプリの開発入門テキストが完全無料公開中！
これから「Androidアプリを作ってみたい！」という人や、「もっと体系的に勉強したい！」という人に朗報です！ アプリ開発スクールで知られる「TechInstitute」から、アプリの設計・開発・公開まで網羅した初心者向けの入門テキストが、なんと無料で公開されているのでご紹介したいと思います！ 950ページを超えるボリューム満点のテキスト！「TechInstitute」のWebサイトで公開されている「専用ページ」にアクセスすると、誰でもすぐにテキストをダウンロードすることが出来ます！ トピック毎に、興味のある分野だけダウンロードしたり、「まとめてDL」ボタンから一気にテキストを入手することも可能。 ファイルはPDFで提供されており、全部で950ページを超える大ボリュームの内容は以下の通り！ ＜目次＞ ファーストステップ プログラミングとは何か コンピュータとスマートフォン 初回のプランニン
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
広告収益300万円になるまでにやったこと
アプリって結局のところ、どの位儲かるの？ ってのは、これからアプリをリリースしようとしている人、今現在リリースしている人にとっては気になるところだと思います。 ということで、弊社のアプリの広告収入を公開したいと思います。 この数値はAdMobの2013年11月1日から1年間の収益となります。 弊社が導入しているCPC型の広告はAdMobとnend、i-mobileの3社。 内訳はこんな感じです。 AdMob：3,010,508円 nend：177,866円 i-mobile：45,482円 ================== TOTAL：3,233,856円 こちらが広告別の割合。 弊社の場合、日本国内よりも海外で人気がある為と、当初から導入してたのがAdMob1社だった為、収益のほとんどはAdMobです。 nendに関しては、AdMobの担当者から勧められて導入しました。笑 こちらがA
PhoneGap＋Androidで音楽を流す - スーパーソフトウエア 世界最強のホットテクノロジー - アプリ開発
PhoneGapで音楽を流せるように試してみました。対象はAndroidです。 PhoneGapには音を流すか録音をしてくれるMediaというObjectがあります。今回はプロジェクト内に配置した音楽ファイルを流すだけです。 比較的簡単にできるのかと思いきや、少しハマってしまいました。 var media = new Media(src, mediaSuccess, [mediaError]); mediaのobjectを作成するときはsrcにメディアのパスを入力するのですが、実行ファイルからの相対パス(下記構成で上記のsrcに"sample.mp3"を渡す)ではダメでした。 ↓ のような配置でしす。 Project ∟assets ∟www ∟media.html(実行ファイル) ∟sample.mp3(流したいファイル) なので、絶対パスを使用してということになります。 以
トップページ - MIT App Inventor2 攻略WIKI
MITの提供する『MIT App Inventor』の攻略wikiです。それぞれのブロックの扱い方、動き方を中心に情報を保管しています。AppInventor利用者は編集を手伝っていただければ幸いです。 AppInventorはMITが提供しているjavaやandroidの知識がなくても、ブロックを組み合わせてAndroid用アプリを作ることができるビジュアルプログラミング言語です。当初はGoogle.incが開発を行っており、2010年12月15日に一般公開されましたが、2011年12月31日にGoogleは公開を終了しました。その後、MITが同プログラムを引き継ぎました。また、AppInventor2は2013年に12月に公開されました
半年くらい仕事でAndroidアプリ開発していて役に立った本 - Qiita
Androidってあまり良い本が無い印象なんですが、実際に仕事で少しでも役に立った本をシェアしたいと思います。 WEB+DB PRESS Vol.81 「Androidアプリ開発最前線」という特集が本当に役に立つ。 Android Studio、Gradle、テストやCIなど、まとまった情報がまだ少ない、最近のモダンなAndroidアプリ開発事情に関するノウハウがまとまっている。この特集書いてるのもクックパッドの人達なので間違いない感じ。 改訂2版 Android SDK逆引きハンドブック 定番の逆引き本。1冊あると便利。 Android UI Cookbook for 4.0 ICS アプリ開発術 Androidデベロッパーにはお馴染みの、あんざいゆきさんの本。 Android4系のUIが主に紹介されてる。サンプルコード便利。 Master of Fragment これも、あんざいゆきさ
スマートフォンの画面サイズに合わせてページを表示する - viewport
スマートフォンの画面サイズはパソコンと同様 JavaScript で取得できる。 <script> document.write("screen.width " + screen.width + "、" + "screen.height " + screen.height); </script> 横幅は screen.width、縦幅は screen.height。 iPhone 4S や iPod touch（第2世代）の Safari では screen.width = 320、screen.height = 480 と表示される。 ただ、横幅320ピクセルとなっているが、特に指定がなければページ自体は横幅 980 ピクセルとして表示される。 よって、横幅 320 ピクセルのページを作ってもページが小さく表示されてしまう。 同様に、width を特に指定していないフィーチャーフォン（ガ
エンジニアだけでアプリアイコンを作る - Shoichi Matsuda's diary
エンジニアが自分一人でアプリ開発などをしているとかなり困るのが画像素材の作成。（もっというとデザイン全般ですが。。。） その中でもアプリアイコンを作る際に個人ではどうしているかを晒してみようと思います。 アイコンを作る手順 ざっくり手順を言うと以下２つです。 Inkscapeで元アイコン作成 makeappiconで全サイズのアイコン画像作成 Inkscape アイコン作成といえばIllustratorやPhotoshopを使うのが一般的かと思うのですが、非デザイナーにとってこれらのソフトはまだまだ高価で簡単に手を出せるものではありません。 そこでこのInkscapeです。 公式サイトはこちら。 Inkscapeはオープンソースの無料のベクター画像編集ソフトです。（ものすごく簡単に言うとIllustatorと同じことができる無料のソフトです） 無料ですが、基本的なアイコン作りには困らない機
iPhoneゲーム開発に役立つツール13選まとめ - 5.1さらうどん
みなさん、iPhoneでゲーム開発してますか！ iPhoneでのゲーム開発は、cocos2d for iPhoneを初めとして、cocos2d-x, Kobold2D, Unity, Corona SDK, GameSaladなど、様々な開発環境で割りと手軽に行えるようになってきました、 それに伴って、非プログラマ向けのゲーム開発支援ツールも非常に充実してきていますが、日本語で読める詳しい記事が少なかったことが気になったため、自分が使っているモノをまとめてみました。 デザイナー向け CocosBuilder CocosBuilder – Graphical Interface Builder for Cocos2D iPhone and iPad GUI設計ツール。 コードでちまちまとスプライトを配置していくのは発狂するので、GUIツールを使った方が楽。読み込み用のライブラリも付属していて
Flatastic Mobile UI Kit - The Design Inspiration
Designers of mobile interfaces are becoming more prominent in today’s faced-paced web space. App designers are in high demand now particularly in user interface. UI design focuses on user experience and interaction, and while being easy-to-use is important for a successful mobile app. Flatastic Mobile UI Kit is a large user interface kit containing hundreds of mobile UI elements, which will help y
HTML5とCanvasでアプリを作れるフレームワーク「iio Engine」:phpspot開発日誌
iio Engine Home HTML5とCanvasでアプリを作れるフレームワーク「iio Engine」 物理エンジンや当たり判定、アニメーションのライブラリ等が含まれていて、ゲームなどを作る場合に使えそうです。 HTML5でゲームを作る際の選択肢の１つとして知っておいても良さそう デモページを見れば大体どういうものかは分かるはず 関連エントリ HTML5を使った超クールなフリーのWordPressテーマ集35 HTML5を使ったクールなサイトデザイン集２１ 高機能なHTML5お絵かきツールを実装できるjQueryプラグイン「jquery.deviantartmuro」 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 HTML5のゲームエンジン「Quintu
フラットなモバイルアプリ作成用HTML5フレームワーク「Ionic」:phpspot開発日誌
Ionic: Advanced HTML5 Hybrid Mobile App Framework フラットなモバイルアプリ作成用HTML5フレームワーク「Ionic」 モバイルアプリ作成用フレームワークは色々ありますが、フラットなアプリ用はあまり出てきていませんね。 まだalpha版ですが、ブラウザベースのアプリを作る際のフレームワークとして知っておいてもよいかも。 関連エントリ フラットで美しいデザインのモーダルダイアログ実装ライブラリ「vex」 フラットなUIデザインキットPSD25個 フラットだけど立体的なCSS3アニメーション付モーダルダイアログ実装デモ フラットでシンプルさがいい感じのツールチップライブラリ「Simptip」 フラットデザインでレスポンシブな超カッコいいフォームを実装できる「Grid Forms」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Switch button in android
Internode :: Residential :: Entertainment :: File Download Mirror :: Directory Listing
Monaca - すべての人にアプリ開発を
Moscrif: JavaScriptによるクロスプラットフォームのモバイル開発環境
