読者です 読者をやめる 読者になる 読者になる

【Node.js】npm installでEPROTO, symlink '../mime/cli.js'が発生する場合

npm install express --save-dev などを行った場合に、以下のようなエラーが発生する場合があります。 環境:Vagrant OS:CentOS 3168 error Linux 2.6.32-504.el6.x86_643169 error argv "/home/vagrant/.nvm/versions/node/v0.12.9/bin/node" "/home/vagra…

【Vagrant】PostgresのインストールでData directory is not empty!が発生する場合

sudo service postgresql-9.5 initdb (データベースクラスタを初期化) エラー「Data directory is not empty!」が発生することがあります。 <原因> すでに/var/lib/pgsql/9.5/dataがあるためです。 <対策> mv data data.old してリネーム再度 sudo servi…

【Vagrant】Postgresのインストール

(1)Yumレポジトリのインストール >sudo rpm -ivh http://yum.postgresql.org/9.5/redhat/rhel-7-x86_64/pgdg-centos95-9.5-2.noarch.rpm (2)RPMをインストール>sudo yum install -y postgresql95 postgresql95-server postgresql95-contrib postgresql95-lib…

【Node.js】module間で変数を受け渡す

いくつか方法はありますが、クロージャを使っての変数を受け渡しです。 app.js ⇒ routes.js ⇒ HomeEvent.js へ変数を連携します ▼app.js var express = require('express');var app = express();var routes = require('./routes/routes');routes(app); ▼rout…

【Node.js】外部モジュールのまとめ

rimraf ファイル/ディレクトリを削除 gcc CやC++のPGインストールする為に必要(GNUコンパイラーコレクション(グニュー)) request ダウンロード(対象URLからのデータ取得) cheerio-httpcli WEBページのスクレイピングをjQueryライクな操作 socket.io WebSocket browserify …

【Node.js】コアモジュールのまとめ

assert アサーション buffer バイト列の格納・操作 child_process 子プロセス生成・管理 cluster 複数プロセスを使った負荷分散 console コンソール crypto 暗号化/ハッシュ dgram UDPを扱うソケット関連処理 dns DNS domain 複数のIO処理間連携 events イベ…

【開発】WebAPI実装方式のまとめ

REST URLにGET,POST,PUT,DELETEでリクエスト送信/レスポンスをXMLやjsonなどで受け取る形式 SOAP リクエスト/レスポンスともにXMLのデータで行う形式 WebSocket Blocking I/O (Blocking=待ち時間)CLとSVの間でTCPコネクションを張りっぱなし Node.js Non Blo…

【JavaScript】RandomAPIでサンプル個人情報を取得する

アプリの機能に個人データを管理するものがあるとき、 名前、メールアドレス、顔写真などのサンプルがあると 開発するときに便利ですよね。 適当につくるのだった面倒くさいですからね。 そんな個人データのサンプルを提供しているAPIのご紹介です。 このよ…

【Ruby】bundle installでエラー

環境:Vagrant エラー内容 ~ Text file busy @ unlink_internal - ./siteconf20161125-1337-gscgg6.rb ~ An error occurred while installing nio4r (1.2.1), and Bundler cannot continue.Make sure that `gem install nio4r -v '1.2.1'` succeeds before…

【Android】Google Place API for Android

▼Place Picker try { PlacePicker.IntentBuilder builder = new PlacePicker.IntentBuilder(); //PlacePickerの起動 startActivityForResult(builder.build(this), PLACE_PICKER_REQUEST);} catch (GooglePlayServicesRepairableException e) { e.printStack…

【サービス】Kindle本 【期間限定無料お試し】

Kindle便利ですね。 コミック、小説、雑誌、技術本・・・ 紙版より安いものも多いですし、邪魔にならないのもいいですね。 最初は少し抵抗があったのですが、 使いはじめたらすぐに馴染んでしまいました(笑) もっと早くから使っておけばよかったです(笑)…

【Cordova】Onsen UI (ハイブリットアプリの開発を簡単にする)

Onsen UIを使うとモバイル向けハイブリッド/Webアプリの開発が簡単にできます。Cordovaを使ってネイティブアプリに変換することもできます。 便利なUIコンポーネントがいろいろそろっているのがありがたいです。 とても簡単に実装できます。 タブ、サイドメ…

【Cordova】Google Geocoding API

①クライアントアプリの実装(HTML) <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script> ②クライアントアプリの実装(JS) var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var options = { location: latlng // address: "tokyo"}; var geocoder = new…

【Cordova】Google Maps API

①以下のプラグインをインストール cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git ②クライアントの実装(HTML) (以下のようにしないとnew google.maps.LatLngでエラーになります)

【Cordova】プッシュ通知 (Google Cloud Messaging)

<仕組み> GCM(Google Cloud Messageを使用します)・サーバ(PHPで作ります)からGCMサーバにレジストレーションIDとメッセージ送信 メッセージ送信はGoogleAPI https://android.googleapis.com/gcm/send へPOSTリクエスト送信・GCMサーバがレジストレーシ…

【Ruby】git push heroku masterでWARNING(You have not declared a Ruby version in your Gemfile.)

git push heroku masterの実行でWARNINGが発生 remote: ###### WARNING:remote: You have not declared a Ruby version in your Gemfile.remote: To set your Ruby version add this line to your Gemfile:remote: ruby '2.2.6'remote: # See https://devcen…

【Ruby】git push heroku masterでエラー(You have added to the Gemfile:)

git push heroku masterの実行で以下のエラー remote: You are trying to install in deployment mode after changingremote: your Gemfile. Run `bundle install` elsewhere and add theremote: updated Gemfile.lock to version control.remote: You have …

【Vagrant】psqlコマンドでエラー(WARNING: psql version 8.4, server version 9.5.)

psqlコマンド実行時に以下のエラーWARNING: psql version 8.4, server version 9.5. ※9.5を入れているのに、8.4を見にいっているためです <対策> 8.4 /usr/bin/psql 9.5 /usr/pgsql-9.5/bin/psql バックアップしておく sudo mv /usr/bin/psql /usr/bin/psq…

【Vagrant】シンボリックリンク設定後にエラーが発生する場合

シンボリックリンク設定後に以下が発生する場合Forbidden You don't have permission to access / on this server. <対策>SELinuxを無効 (/etc/selinux/configを編集(disabledにする))>vi /etc/selinux/configSELINUX=disabled 補足 シンボリックリンク作…

【Ruby】rake db:migrateでエラー(rake aborted!)

rake db:migrate コマンドの実行でエラー rake aborted!ActiveRecord::NoDatabaseError: FATAL: database "app_development" does not exist <原因> app_developmentDBがない <対策> app_developmentDBを作成 >sudo su - postgrescreatedb mymemo_devel…

【Vagrant】psqlコマンドでエラー(psql: FATAL: database "vagrant" does not exist)

▼Vagrant環境でpsqlコマンドでエラー psql: FATAL: database "vagrant" does not exist <原因> vagrantDBがいない <対策> vagrantDBを作成 >sudo su - postgrescreatedb vagrantexit

【Vagrant】psqlコマンドでエラー(psql: FATAL: role "vagrant" does not exist)

▼Vagrant環境でpsqlコマンドの実行でエラー >psql psql: FATAL: role "vagrant" does not exist <原因> ユーザー登録されていない <対応> ユーザー登録する >sudo su - postgres createuser vagrant -s exit

【Ruby】Could not create Makefile due to some reason, probably lack of necessary libraries and/or headers.

sudo gem install pg でエラーが発生しました。 (Rubyにpostgresqlをインストールしようとしました) エラー内容は以下 ※環境はVagrant+CentOS checking for pg_config... noNo pg_config... trying anyway. If building fails, please try again with --with…

【Ruby】Heroku環境の構築

Heroku・・・ いわゆるPaas(Platform as a Service) サーバー環境を無料で提供してくれます。一部の機能は有料 ・データベース・ログ・メール・解析 などの機能が使えます。 www.heroku.com まずはHerokuのアカウントを作成します。 ①SIGN UP FOR FREEに入…

【アプリ】ダウト~嘘つきオトコは誰?~

新感覚☆謎解き×恋愛ストーリー 彼氏の浮気発覚、別れから物語は始まったーそして出会った10人のオトコたちでも、その中の9人は嘘をついていた! これめちゃくちゃ面白いです。 女性向けではあるんでしょうが、男性がやってもおもしろいと思います。 単純に謎…

【Ruby】railsサーバーを起動してもhttp://localhost:3000/ページにアクセスできない

>rails s railsサーバーを起動しても、http://localhost:3000/ページにアクセスできない場合 の対処方法です。 ※環境は、VagrantにCentosを入れています ①Vagrantfileの修正 # config.vm.network "forwarded_port", guest: 80, host: 8080 ※コメントアウトco…

【スマホ】最新の Android スマホを見てみよう

AQUOS、Arrows、Galaxy、Xperia、Nexus その他にも多種多彩な機種の中から、あなたに合った 1 台をお選びください。 www.android.com Android なら見たい写真がすぐに見つかる その他にも便利な Google フォト

【アプリ】Google 翻訳が進化

japan.googleblog.com ニューラルネットに基づく機械翻訳新しいシステムでは、文章をパーツごとに翻訳するのではなく、ひとつの文として扱います。文のコンテキストを把握することで、より正確な訳語の候補を見つけることができるようになり、その後、言葉の…

【アプリ】Google Earth VR がすごかった

Google Earth VR ぜひお試しください。

【Cordova】build.gradle -Dorg.gradle.daemon=true -Pandroid.useDeprecatedNdk=true

>cordova run android を実行したら以下のようなエラーがでた場合 Error: Error code 1 for command: cmd with args: /s,/c,"C:\Users\XXXXX\platforms\android\gradlew cdvBuildDebug -b C:\Users\XXXXX\platforms\android\build.gradle -Dorg.gradle.daem…

【Ruby】環境構築 Rubyのインストールからライブラリのインストールまで

よく使うものを簡単にまとめました。 ■開発ツールのinstall yum groupinstall "Development Tools" ■rvmのインストール (複数のRuby実行環境の管理を行うツール) gem install rvm ■バージョンrvm -v ■インストール可能一覧rvm list known ■インストール済み…

【Ruby】rbenvのインストール

rbenvのインストールの手順です。 (rbenvはRubyの管理ツールです) ①rbenvのダウンロード git clone https://github.com/rbenv/rbenv.git ~/.rbenv ②オプション(なくてもよい) cd ~/.rbenv && src/configure && make -C src ③パスを通す echo 'export PATH="$…

【Cordova】カメラ cordova-plugin-camera

プラグインの「cordova-plugin-camera」を使用すると カメラが操作できます。 ▼プラグインのインストール cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git ▼実装 var options = { quality: 50, destinationType: nav…

【Cordova】ダイアログ cordova-plugin-dialogs

プラグインの「cordova-plugin-dialogs」を使用すると さまざまなダイアログに対応できます。 ▼プラグインのインストール cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git ▼実装 navigator.notification.alert( '元…

【Cordova】デバイス cordova-plugin-device

プラグインの「cordova-plugin-device」を使用すると デバイスのプラットフォームの判定ができるようになります。 ▼プラグインのインストール cordova plugin add cordova-plugin-device ▼実装 if (device.platform == 'Android') { ~ Androidの場合 } if (…

【Cordova】ホワイトリスト

Cordovaでは外部サイトへのアクセスにはホワイトリストの設定が必要です。 config.xml <allow-intent href="http://*/*" /><allow-intent href="https://*/*" /><allow-intent href="tel:*" /><allow-intent href="sms:*" /><allow-intent href="mailto:*" /><allow-intent href="geo:*" /></allow-intent></allow-intent></allow-intent></allow-intent></allow-intent></allow-intent>

【Cordova】Cordova開始までの6ステップ

cordova.apache.org Cordovaの準備には以下の6ステップが必要です。 ①JDKをインストール ②Android SDK Toolsをインストール(platform-tools、tools) ③npmをインストール ※Node.jsをインストールするため ④Node.jsをインストール ※npm install -g node ⑤Co…

【Cordova】java.lang.UnsupportedClassVersionError: com/android/dx/command/Main : Unsupported major.minor version 52.0

cordova run android で実行した際に、 java.lang.UnsupportedClassVersionError: com/android/dx/command/Main : Unsupported major.minor version 52.0 が発生することがあります。 この意味は、Java8以上使え!ということです。 J2SE 8 = 52 でもお使いの…

【サービス】Amazon Prime Now お買い物が1時間以内に届く

注文から1時間以内に届くサービスを開始 早い!早すぎます! (ちなみにプライム会員向けサービスです) ただまだエリアは限定ですね。 新宿、池袋、城北。 とりあえず23区内まで広げていただきたいですね。

【Android】Gitでバージョン管理

開発をすすめていくと何度となくソースを修正していくことになりますよね。 そんなときは、Gitでソースのバージョン管理しましょう。 Android Studioには、Gitが標準でセットされていますので、 さっそくはじめていきます。 ①「VCS」→「Enable Version Contr…

【開発】ICON(マテリアルデザイン)

2つご紹介します。 基本的にこのふたつがあれば、マテリアルデザインのアイコンは十分です。 Material Design Icons 色の変更ができたりと便利です。 Material Design Icons Material icons GoogleのMaterial Designです。 Material icons - Material Design

【Android】ICON作成(Android Asset Studio)

Android Asset Studioの「Launcher Icon Generator」を使えば 簡単にICONが作成できます。 ①画像を用意 ②画像の詳細設定(角丸とかの設定ができます) ③ダウンロード 以上です。 アウトプットされる画像は以下の5種類です。 mipmap-hdpimipmap-mdpimipmap-xhd…

【CSS】SCSSからCSSへコード変換

CSS

SCSSからCSSへコード変換します。 www.sassmeister.com

【JavaScript】TypeScriptからJavaScriptへコード変換

TypeScriptからJavaScriptへコード変換します。 変換したコードはその場すぐ実行できます。 Playground · TypeScript

【JavaScript】CoffeeScriptへコード変換

JavaScriptからCoffeeScriptへコード変換 js2.coffee

【開発】色(colourcode - find your colour scheme)

このサイトはおもしろいですね。 へえーなるほどーうまいなーと。 www.colourco.de マウスで移動するとその位置に合わせて カラーが次々にかわります。 おしゃれですね。

【開発】色(Material Design)

Googleの「 Material Design」です。 Material Design 色の種類を 50 #E1F5FE100 #B3E5FC200 #81D4FA300 #4FC3F7400 #29B6F6500 #03A9F4600 #039BE5700 #0288D1800 #0277BD900 #01579B のように分類することで管理もしやすくなっています。 colors.xml <resources> <color name="red500">#F44</color></resources>…

【開発】色(ブランドカラー)

アプリやWebサイトをつくるときに いろいろな箇所の色を決めていくことになると思いますが、 Facebookの色ってどのカラーコードだろう? Twiiterの色ってどのカラーコードだろう? みたいなことってありますよね。 そんなときは、「BrandColors」で調べるこ…

【Android】ドロワー

------------------------------------------------------------------------------------------------------------- build.gradledependencies { compile 'com.android.support:appcompat-v7:24.2.1' compile 'com.android.support:support-v4:24.2.1' } --…

【Android】ちらつき防止+スプラッシュ画面

アプリを起動したときにアプリ名がタイトルにちらっと表示されますよね。 そのちらつきの対策です。 以下のようなスプラッシュ画面を表示することで対応します。 ----------------------------------------------------------------------------------------…