undefined

bokuweb.me

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

Q.allと.spreadが便利だった

Q.allと.spreadのメモ。 .spreadは.allの処理全てが終わった後に実行され、引数には.allでresolveした値が入る。 この時引数の順番は保証される。具体的には以下。 今回は例としてsetTimeout使っているのでいい例じゃないけど、DBとかwebAPIを叩きにいって結…

2chまとめサイトを横断して検索できるWEBサービス『2chy』を公開してみました。

最近Node.js + AngularJSで何か作ってみるシリーズです。 前回に続き作ってみたものを紹介します。 作ったもの 2chまとめをまとめて検索 - 2chy2chy.bokuweb.me なんぞこれ? 2chまとめサイトを横断して検索できるWEBサービスです。 「masuda」を作っている…

増田(はてな匿名ダイアリー)からブックマーク数とキーワードで検索できるWEBサービスを公開してみました

以前途中まで作って停止していたWEBサービスを公開しましたので紹介します。 7/15 21:40 修正しました。 7/14 20:15 うわー。すみません。サーバ落ちてます。 何ですぐ死んでしまうん? 作ったもの WEB masuda -増田検索- Androidアプリ masuda -増田検索- -…

openshiftにおいてmongoDBの各コレクションのサイズを調べる方法

おぼえ書きです。 cd app-root/repo monogo db.getCollectionNames().forEach(function(n){print(n + "," + db[n].stats().storageSize/1024/1024/1024 + "GB")}) 参考にさせていただきました。 mongoDBで各コレクションのサイズを一括で調べる方法 - Hive C…

webサービス『tanaoroshi』のAndroidアプリを公開した話しとか

以前記事にしたwebサービス『tanaoroshi』のAndroidアプリを公開したり、いただいたフィードバック等を反映したりしました。 Tanaoroshi. はてブとpocketから一括検索できるwebサービス『tanaoroshi』を作ってOpenshiftで公開しました - bokuweb.meblog.boku…

資格に挑戦したい組み込みハードウェア技術者はエンベデッドシステムスペシャリスト試験を受けてみるといいかもって話と対策とか

はじめに この記事は何か資格に挑戦してみたいけど、何うけたらいいの?って組み込みハードウェア技術者に向けて、高度情報処理技術者試験の一つ、エンベデッドシステムスペシャリスト試験を受けてみたらいいかもよって話しです。 そもそも組み込みハードウ…

connect-mongoでセッションの管理を行う

express-sessionでのセッション管理はメモリリークなどの問題よりproductionでは非推奨とのことなのでconnect-mongoでセッション管理をしてみた。 connect-mongoとmongooseをインストール。 npm i --save connect-mongo npm i --save mongoose 使い方。簡単…

はてブとpocketから一括検索できるwebサービス『tanaoroshi』を作ってOpenshiftで公開しました

最近Node.js + AngularJSでこそこそ作ってたWEBサービスを公開しましたので紹介します。 お詫び(7/4 7:25追記) ちょくちょくクラッシュしているようです。申し訳ありません。 セッションをメモリで管理しているため、クラッシュした場合再ログインしていただ…

expressアプリをopenshiftで公開する際に注意すること

Run Your Nodejs projects on OpenShift in Two Simple Steps – OpenShift Blogblog.openshift.com ここに書いてあることなんだけど、少々ハマったので記録しておく。 package.jsonには以下のように記述する "scripts": { "start": "node bin/www" }, "main"…

6月に見つけたWEBサービス等作ってみた記事まとめ

6月に見つけたものをまとめました。 【サービス】個人Web製作者にとっての最強構成「RubyOnRails+ConoHa+オブジェクトストレージ」で手描き文字の投稿サイト「手描き」を2日で作る過程をメモってみた 【サービス】個人Web製作者にとっての最強構成「RubyOnRa…

node-configを使って設定ファイルを分離する

設定ファイルを分離するにはnode-configが便利。 インストール npm i config configディレクトリを用意 mkdir config config/default.jsonに設定を記述する default.json { "hoge":"fuga" } 使い方 config = require 'config' console.log config.hoge # fuga

bowerのインストール先を変更する

bowerのインストール先を変更するには。 .bowerrcを用意。 例えばpublic以下にインストールしたい場合以下のように書いておく。 { "directory": "public/bower_components" }

proxy環境下でnode-passportを試したい場合の覚書

proxy環境下でnode-passportを試したい場合 grobal-tunnelを使うと簡単 global-tunnelwww.npmjs.com globalTunnel = require 'global-tunnel' process.env.http_proxy = 'http://hogehoge:fuga' globalTunnel.initialize() で使える

MEANで増田を使ったWEBサービス作りはじめたけどアウトでした

MEANで増田を使ったWEBサービス作りはじめたけど、アウトでした。 墓標も兼ねて感想など書き留めときます。 動機 増田が見づらいのでさくさく見れるサービスを作りたかった。 Node.jsでなんか作ってみたかった。 どんなの? さくさく見れてインクリメンタル…

5月に見つけたWEBサービス等作ってみた記事まとめ

GitHubコミットメッセージの英語の書き方の文例が検索できるサービス作った GitHubコミットメッセージの英語の書き方の文例が検索できるサービス作った - 城陽人の本棚d.hatena.ne.jp つくったもの commit-m: GitHubコミットメッセージの文例が検索できるサ…

Qと_(lodash)による配列の非同期処理について

基本的なことですが、覚え書きです。 配列の値をそれぞれ非同期に処理し、処理後の値で新しい配列を作りたい場合って結構面倒ですよね。 実用的な例ではないですが、1〜5が格納された配列をそれぞれ非同期に自乗し新たな配列を作りたい場合、以下のように書…

cocos2d-JSでネイティブ動作時に"Invalid Native Object"エラーが発生する場合のハック

cocos2d-JSでWeb動作の確認後、ネイティブで動かすと"Invalid Native Object"エラーが発生する場合があります。 これはClass Index | JsDoc Referenceのcc.Nodeのretain、releaseに記載がありますがJSBのバグのようで、今のところretain、releaseを使用し回…

ノンデザイナーでも簡単にイイ感じのロゴを作る方法を紹介するよ

ノンデザイナーにとってロゴ作成は鬼門です。今回はデザインが苦手な人でもさくっと、それっぽいロゴが作れちゃうサービスを紹介します。 Squarespace Logowww.squarespace.com アクセスするとこんな感じ。中央の『LOGO NAME』にサービス名やブランド名など…

gulp-watchifyを使って差分監視によるJSの高速ビルド環境を構築する

はじめに 先日、watchifyについて以下の記事を書いたんですが、盛大に間違っていたので訂正いたします。 【cocos2d-JS】だったらwatchifyを使うしかないじゃない! - bokuweb.meblog.bokuweb.me ビルドは行われるもののまったく差分ビルドが行われていません…

【12ステップで実際に作ってみる】スマホからも遊べるwebゲームレシピ【cocos2d-JS】

概要 以前作成した音ゲーのWEBアプリ版のレシピを公開したいと思います。 フレームワークはcocos2d-JS、言語はCoffeeScriptを使用します. cocos2d-JSとは? cocos2d-JSはオープンソースの2DゲームフレームワークのJavaScript版です。JavaScriptでiOS、Androi…

particle2dxでソードアート・オンライン風のエフェクトを作成し再生する

以前紹介したParticle2dxで遊んでみました。 アニメを見直しながら作ったわけではないので再現度は(?)ですが、「こんなのもさくっと作れるよ」という一例ということでご容赦ください。 パーティクル用画像を用意する 記憶では三角形がチラチラ散るようなエフ…

【cocos2d-JS】だったらwatchifyを使うしかないじゃない!

概要 browserifyって便利だけど待ち時間ストレスだなあと思い調査したところ、差分ビルドしてくれるbrowserifyのラッパーwatchifyというものを知ったので、cocos2d-JSプロジェクトで試してみました。 *.coffeeを変更するたびに自動でbundle.js(今回はmain.js…

4月に見つけたWEBサービス等作ってみた記事まとめ

週刊「しょうもないWebアプリをつくる」創刊号 – アクセスカウンター 週刊「しょうもないWebアプリをつくる」創刊号 – アクセスカウンター | CreativeStyle つくったもの 001: アクセスカウンター https://kdp-access-counter.herokuapp.com/ どんなもの? …

particle2dxで作成したエフェクトをcocos2d-JSで再生する

particle2dxで作成したエフェクトをcocos2d-JSで再生する方法です。 particle2dxはcocos2d用のエフェクトがブラウザ上でつくれちゃう優秀なやつです。 例えばこんなんが簡単にできます。 Cocos2d-html5 Hello World test particle2dxでエフェクトを作る Part…

FF4、FF5のダメージ表示アニメーションをcocos2d-JSで再現する

元ネタはこちら。 [Unity] FF4、FF5のダメージ表示アニメーションをUnityで再現する | きききろくkikikiroku.session.jp 以前見かけたのを思いだしてなんとなく作ってみた。特に使用予定はないんですが・・。 ダメージ表示レイヤーを作る cc.Layerからダメー…

【ソース有り】初心者がJSでAndroidアプリをリリースしてみた話【cocos2d-JS】

cocos2d-JSを使えば、JSでiOS・Androidアプリがつくれると聞きつけ試してみました。Andoirdのみですが作ったアプリをリリースしましたのでcocos2d-JSと合わせて紹介したいと思います。 どんなアプリよ? flavabeats - Google Play の Android アプリ 相も変…

cocos2d-JS Liteとenchant.jsのパフォーマンスを比較してみた

最近enchant.jsとcocos2d-JSの両方使ってるんだけど。cocos2d-JSのほうが比較的さくさく動くと感じたので実際どれくらい差があるのか比較してみた。 比較対象は以下 cocos2d-JS Lite v3.5 enchant.js v0.8.2 結果は以下のページを参照。グラフはc3.jsで書き…

組み込み業界へ向かう人に、自分が買ってよかったと思った技術書達

もう終わりそうですけど、4月ですしこれから組み込み業界へ向かうかたへ自分がこの本よかったなーって思ったのをいくつかピックアップしてみます。ただ、一言に『組み込み』と言っても幅広くて分野によって求められる知識は結構変わってくると思いますが、…

cocos2d-JSで作ったAndroidアプリでバックキー押下時にi-mobileの広告を表示させる

備忘録です。cocos2d-JSで作ったAndroidアプリで、バックキー押下時にインタースティシャル広告を表示、広告クローズでアプリを終了する方法です。i-mobileのマニュアルがonKeyDownで広告を表示するようなサンプルだったんですが、ボタンを押しても全く発火…

cocos2d-JSで作ったアプリにi-mobileの広告を表示させるまでの記録

cocos2d-JSで作ったアプリにi-mobileの広告を表示させるまでを記録しておきます。 アプリ起動時に最下部に表示させる最もシンプルな例です。 cocos2d-JS 3.3 Android Studio1.1.0 i-mobile Android SDK 2.08 i-mobileSDKのインストール i-mobileのSDKダウン…