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

Ubuntu 16.04 ServerにRuby On Railsをインストール

Ubuntu 16.04にrbenvを使ってRuby On Railsを導入 環境 OS: ubuntu 16.04 64bit $ cat /etc/lsb-release DISTRIB_ID=Ubuntu DISTRIB_RELEASE=16.04 DISTRIB_CODENAME=xenial DISTRIB_DESCRIPTION="Ubuntu 16.04.1 LTS" ruby: 2.3.1 rails: 2.4.6 手順 パッケ…

Ruby on Railsでleaflet-routing-machineを使う

Railsでleafleのプラグインleaflet-routing-machineを動かす。 まずはデモ http://workshops.ddns.net/routes/new 環境 Rails: 4.1.8 ruby: 2.1.5p273 (2014-11-13 revision 48405) [x86_64-linux] leaflet: v0.7.7 ソース まずはrails maps/show.html.erb <…

【Ruby on Rails4】dropzone.jsを使ってファイルアップロード・削除機能を実装

はじめに rails環境でdropzone.jsを導入してファイルアップロード機能を実装する 概要 まずはデモ画像 実際の動作は以下から http://workshops.ddns.net/albums/upload_photos/4160 dropzoneの説明は本家ページを参照 Dropzone.js 構成 Album has many Pictu…

【Jquery】【Ruby on Rails】select2でAjaxを使う

select2の説明は至るところにあるので省きます。 最初に作成したもののデモ http://workshops.ddns.net/ 手順 まずは、APIを返す側のコントローラーのルートを設定。 私はこんな感じ # vi config/routes.rb get "api/v1/addresses/select2" コントローラーの…

Ruby on RailsでSEO対策【meta tag】

facebookでogpなる設定が必要(今更。。)なので、content_forを利用して設定してみる。 たとえば、album#showページで個別に設定したい内容があったとして、以下のように記述できる。 # vi app/views/album/show.html.erb <% content_for :ogp do %> <meta property="og:title" content="<%= @album.title %>" /> <meta property="og:type" content="article" /> </meta></meta>

【Ruby On Rails】 URLにドットを含める場合の設定

railsのurl_encodeでは、スラッシュなどはエンコードされるが、ユーザー検索などでドットが入るとルーティングなどでエラーになってしまう。 Segment Constraintsを使えば、ドットを含んだURLのルーティングが可能になる。 以下に設定例を記載する。 # vi ro…

【Linux】mkisofsでファイル名の長さが短くなる

mkisofsは、その名の通りisoファイルを作成するコマンドです。 実際に、iso化した後、中身を見ると、ファイル名が本来よりも短くなってしまいます。 以下の用にオプションをつけて実行することで、107文字まで許容されます。 # mkisofs -joliet-long -o [出…

【jQuery】要素に独自データ data-xxx="value"を設定してjQueryから取得する

htmlの要素として、独自のパラメーターを設定しておいて、クリックなどのイベント時に設定した値を使う場合の書き方 HTML側 data-xxx="パラメーター"という形で記述 <span class="like-btn fa fa-paperclip" data-id="100"></span> #### JavaScript側 getAttribute('data-xxx')で取得できる //favorite $('.like-btn').cli…

OpenStack CinderのNFS backup ドライバー設定【Liverty】

権限について深く考えずに設定していたら、以下のエラーが出てきた。 2016-04-28 18:27:24.891 19077 ERROR oslo_messaging.rpc.dispatcher mkdir(name, mode) 2016-04-28 18:27:24.891 19077 ERROR oslo_messaging.rpc.dispatcher OSError: [Errno 13] Perm…

【kvm】vncで接続するためのiptablesの設定

下記を/etc/sysconfig/iptablesに記載する。 # sample configuration for iptables service # you can edit this manually or use system-config-firewall # please do not ask us to add additional ports/services to this default configuration *filter …

【rails】DBをPostgreSQLに変更するとcounter cultureが使えなくなったのでgemを修正

railsのDBがsqliteの時は、counter cultureでculture_fix_countsを普通に実行できていたが、DBをpostgresqlに変えると、以下のようなエラーが出るようになった。 irb(main):007:0> Picture.counter_culture_fix_counts PG::GroupingError: ERROR: column "al…

【Ruby On Rails 4】DBをPostgresqlに変更する(Ubuntu Server14.04)

sqliteはDBの更新処理時の排他制御がいまいちなので、postgresqlに乗り換える。 必要なパッケージのインストール $ sudo apt-get install postgresql libpq-dev Gemfileのsqliteを削除して、postgresを追加 $ vi Gemfile - gem 'sqlite3' + gem "pg" gemを追…

【Angularjs】 ng-repeatのフィルター・ソート

フィルター「limitTo」 まずは表示数を制御する「limitTo」 ★の箇所がフィルターを利用している箇所です。 limitTo:3で、表示する件数を最大3件としています。 <table> <tr> <th>Part</th><th>Name</th><th>Title</th> </tr> <tr ng-repeat="jojo in jojos | limitTo:3"> ★ <td>{{jojo.part}}</td> <td>{{jojo.name}}</td> <td>{{jojo.title}}</td> </tr> </table> 並び替え「orderBy」 表示…

【AngularJS】コントローラーの変更がビューに反映されない時は$scope.apply();

jQueryのイベントを使ってモデルの値を変更した場合など、ビューに変更が伝わらない場合がある。 具体的には以下のような場合 HTML <div id="images"> <div ng-repeat="picture in pictures"> <div class="img"> <a target="_blank" href=""> <img src="{{picture.img_url}}"> </a> </div> </div> </div> .controller('PictureDetailController', function($scope, $http) { $(funct…

Javascriptを使って5分でできるタブ切り替え

タイトルの通り、手軽にタブ切り替えを実装します。 JavascriptとCSSを利用します。 まずはHTML <div id="tab"> <div> <input type="radio" class="selected" checked> <div>Tab A</div> </div> <div> <input type="radio"> <div>Tab B</div> </div> </div> <div class="content_wrap"> コンテンツ1 </div> <div class="cotent_wrap nodis"> コンテンツ2 …</div>

Ubuntu14.04でmp4からmp3へ変換

非常に参考になるページを備忘録としてメモ http://namakemono345.com/kichijitsu/ubuntu/TrustyTahr/mp4tomp3.html

Sublime TextでCSSのリアルタイムプレビュー

Sublimeではリアルタイムプレビューがないものだと思い込んで諦めていたところ、ふと見つけたので使ってみたら便利さに衝撃を受けたのでメモ。 ざっくりと使い方をまとめておきます。 導入方法 Sublime Textにプラグイン「LiveStyle」をインストール Chrome…

タブパネルでGoogle Mapを表示させる

タブパネルでGoogle Mapを表示させる際、最初に表示されるページにGoogle Mapを設置していれば問題ないが、最初に表示されないタブ内に設置していた場合、initialize処理が別途必要になるので、メモ。 例に2枚タブ構成のスクリプトを示す。 <div id="tabs" class="tabs"> <nav> <ul> <li><a href="#section-1"><i class="fa fa-list-ul">タブ1</i></a></li> <li><a href="#section-2" ><i class="fa fa-map-marker">タブ2</i></a></li></ul></nav></div>…

ruby on railsでwheneverでrakeタスクを実行させようとすると”/bin/bash: bundle: コマンドが見つかりません”

railsのタスクスケジューリングgem「whenever」でrakeタスクを登録してログを見てみると、以下のようなエラーが出た。 /bin/bash: bundle: コマンドが見つかりません どうやら、パスをschedule.rbに登録しておく必要がある。 以下の記述をconfig/schedule.rb…

【mecab】hatenaキーワードとwikipediaのタイトルからオリジナルの辞書を作る

mecabデフォルトの辞書では以下のようにちょっと専門用語などが入ってくると解析が不十分 $ mecab クラウド クラ 名詞,固有名詞,一般,*,*,*,クラ,クラ,クラ ウド 名詞,一般,*,*,*,*,ウド,ウド,ウド EOS hatenaキーワードやwikiからもっと多くの単語を取り込…

ruby on railsで形態素解析(mecab)が使えるようになるバインド【natto】の設定

前回の記事でrubyからmecabを使える環境を作ったので、railsからも使えるようにする。 ちなみに前回の記事はこちら Ubuntu Server 14.04にMeCabとMeCab-Rubyをインストール - watariseinの日記 railsアプリケーションを作成 $ rails new mecab Gemfileに以下…

【railsのエラー】Bundler::GemRequireError: There was an error while trying to load the gem

新しくrails newしたりすると以下のようなエラーに遭遇した Bundler::GemRequireError: There was an error while trying to load the gem 'uglifier'. nodeをインストールすることで解消した $ sudo apt-get install node

Ubuntu Server 14.04にMeCabとMeCab-Rubyをインストール

mecab自体はapt-get出来る状態だったので、それを利用します。 $ sudo apt-get install mecab $ sudo apt-get install libmecab-dev $ sudo apt-get install mecab-ipadic-utf8 ipaの辞書ファイルを落としてきます $ wget http://mecab.googlecode.com/files…

CentOS7.1にFluentd+ElasticSearch+Kibana4をインストールする

まずは準備 ここからasticsearch, kibana, logstashをダウンロード、現時点の最新版を取りましょう # wget https://download.elasticsearch.org/elasticsearch/release/org/elasticsearch/distribution/rpm/elasticsearch/2.1.1/elasticsearch-2.1.1.rpm # w…

【tmuxの設定】ローカルのファイルを端末にドラッグアンドドロップでリモートにコピー

既にそこかしこで設定が晒されているので、今回は他であまり見なかった設定について説明します。 末尾のローカルのファイルをリモートに貼り付ける設定が便利です。 設定は以下です。 #ローカルのファイルをリモートに張り付ける bind-key i command-prompt …

【Ruby On Rails】infinit scrollとkaminariによる無限スクロールの実装

javascriptのプラグインinfinitscroll.jsとrailsのページネーションプラグイン"kaminari"を使って、いわゆる無限スクロールページを実装します。 環境 $ ruby -v ruby 2.1.5p273 (2014-11-13 revision 48405) [x86_64-linux] $ rails -v Rails 4.1.8 デモ 作…

【レビュー】マイクロソフトのエルゴノミクスキーボードがいい感じ Sculpt Ergonomic Desctop(L5V-00022)

マイクロソフトが出している、スカルプト エルゴノミック デスクトップを人目見て衝動買いしてしまったのでレビュー。 まずは外箱。比較のため500円玉を置いていますが、結構大きいです。 中身の一覧。キーボード、キーボードの支え、マウス、テンキーに説明…