概要 bmsjs(α版)というWEBサービスをリリースしました。 bmsjsはブラウザ上で動作するBMSプレイヤーとSNSの機能を持つWEBサービスです。 bmsjsbmsjs.net BMS? 元々は、KONAMIの音楽ゲーム『beatmania』を模したシミュレータにあたる『BM98』用の譜面データフ…

基礎的なところですが、理解のため勉強しながら「にょーんと出てくるサイドメニュー」を作りました。 今回はjQueryを使ってるけどAngularJSなら<section class="side-menu" ng-class="{'side-menu-open' : isOpen}">とか<div class="menu-icon" ng-click="isOpen=true">とかすればJSを書かなくてもいいかも。</div></section>

2015年7月に見つけた分。 railsとangularjsとbootstrapでwebサービスを作ってみた railsとangularjsとbootstrapでwebサービスを作ってみた - Qiitaqiita.com つくったもの アップスワーク[apps-work.com] | 無料クラウドソーシングサイトapps-work.com どん…

先日紹介した「masuda」を停止しました。

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

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

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

おぼえ書きです。 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アプリを公開したり、いただいたフィードバック等を反映したりしました。 Tanaoroshi. はてブとpocketから一括検索できるwebサービス『tanaoroshi』を作ってOpenshiftで公開しました - bokuweb.meblog.boku…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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