はてなブックマーク

Rails 5.1からwebpacker gemを使う事で、フロント部分にReactやAngularを手軽に使えるようになりました。 しかし、開発速度やリリース頻度、文化の違うシステムをラッピングして他のシステムに同梱するというのは非常に難しく、バージョンアップについて行けないとか、新しい機能が使えないという状況になりがちです。 2017年末現在、フロントエンドのビルドはWebpackerが主流ですが、ちょっと前までGulpやGruntsが主流でした。RailsからWebpackが簡単に呼べるようになりましたが、Webpackに依存しないためDockerを使ってRailsとReact(Node)を使う方法を紹介します。 Dockerを使ってRails環境を作る これは色々なページで紹介されているので、詳細は割愛して設定ファイルだけ載せます。 Dockerfile FROM ruby:2.4

fastTextでesaに書かれた文章を分類する 最近、機械学習が流行っていますが、画像解析系が多くてあまり興味が出ませんでした。 しかし、Word2vecやseq2seqなどを使ってテキスト処理も機械学習で色々遊べることに最近気がついたので、まずは簡単な所から試してみることにしました。 この文章は トレタ Advent Calendar 2017 (紹介ブログ)の一環で書いてみました。よければ他の日の記事も見てください。 なにをしよう？ トレタでは社内ドキュメントの管理にesaを使っています。 こういうドキュメント管理で難しいのは文章が散らばることですよね。 同じ「プロジェクトA」の文章でも開発や営業など、部署毎にドキュメントがまとめられていたりします。 しかも同じような単語があちらこちらで使われているため、全文検索だとノイズが多くなり利便性が低くなります。 解決策としては文書毎に正しく

この記事はトレタ Advent Calendar 2016の24日目の記事になります。メリークリスマス！ 今時のメールは大体HTMLメールなのですが、これが結構な曲者です。HTMLメールはブラウザ以上に互換性が低く、色々な罠があります。 RailsではActionMailerがHTMLメールをサポートしていますが、あまり深いところは助けてくれません。そこでいくつかのツールを合わせて解決して見ます。 HTMLメールの罠 CSSの挙動がブラウザと異なる場合がある メール用のResponsive CSSを用意する必要がある CSSはclassではなく、styleでインライン展開する Asset pipelineを使うにはちょっと細工が必要 HTMLメールを作るにあたって知っておきたいことにまとまっています メール用CSSフレームワーク ブラウザではbootstrapやFoundationなど、レ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? トレタ アドベントカレンダー土曜日担当の増井です。 IT芸人とは 最近、深津さんが「IT芸人」について書いていました。 一般的にIT芸人枠のエンジニアを揶揄する流れがあるけど、会社に一人はいた方がいい。IT芸人がいると、コスト０でサービスがメディアに露出し、ユーザー数万人をタダで獲得でき、求人サイト使わずに人材が募集でき、VCから1億ぐらいは余裕で調達できる上に、色んなサービスと提携しやすくなる。 — 深津 貴之 (@fladdict) 2016年11月22日 「一社に一人いた方がいい『IT芸人』」ってなんでしょう？ 私が初めて「IT芸

トレタ アドベントカレンダー3日目担当の増井です。 最近、新しいサービスリリースに少し関わることがあり、そこに向けてオススメした開発で役に立つサービスをここでもまとめてみることにしました。 私が、実際にトレタやキタヨンを作るときに使ったサービスを中心に上げています。特に使った方がいいサービスには [必須]を書いてみました。 他にもオススメのサービスがあったら、コメントで教えていただけると嬉しいです！ 開発 BrowserStack [必須] https://www.browserstack.com http://qiita.com/tags/BrowserStack 言うなら"Browser as a service"。色々なブラウザをリモートで操作してWebの動作確認をしたり、指定したURLのスクリーンショットを多種多様なブラウザで撮ってきてくれるサービス。 Chrome Extensi

【注意！】この記事はRails 5.0.0RC1を対象にしています。他のバージョンでの挙動は分かりません。あとそのうちDevise側が対応してくると思います。 (3.5では未対応) Rails 5の目玉機能といえば、ActiveCable。実際に使うとなるとDeviseなどの認証機構と一緒に使うと思います。 しかし、ActionCable + Deviseをググってもあまり良い情報は出てこず、ログインしたらcookieにcurrent_user.idを書くと良いよという記事が真っ先に出てきます。 そんな雑な方法はイヤなので、sessionから読むようにしてみます。 module ApplicationCable class Connection < ActionCable::Connection::Base identified_by :current_user def connect s

LINEBOT API公開記念でただ同じ事を返すだけのボットを作ってみた。 アカウントや設定とかは、 https://developers.line.me から適当にやってください。 まず最初にハマるところは、Callback URLです。どうやらポート番号も必要なので、https://example.com:443/callbackなどのように443を指定してください。 LINE_CHANNEL_ID, LINE_CHANNEL_SECRET, LINE_CHANNEL_MIDは適当な物を指定して下記を実行すると「オウム返しBot」の出来上がり。 APIを呼ぶにはWhitelistにIPを登録する必要があるので、Herokuなどで動かす事はできません。 【追記】 LINE BOT をとりあえずタダで Heroku で動かすを見ると、Fixieっていうアドオンを使えばHerokuでも行ける

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ECSで使うインスタンスはAmazonが公式に提供するAMIを使うのが一般的ですが、ホストの監視など構成によっては色々手を加えたい場合もあります。 提供されているAMIに手を加えてもいいんですが、せっかく？なのでUbuntuで自分で作ってみることにしました。 EC2でUbuntu 14.04を起動 まずは、適当なEC2インスタンスを上げます。最近AmazonLinuxばっかり使っていて忘れていましたが、Ubuntuのデフォルトユーザはubuntuですね。ec2-userじゃなくて。 UbuntuにDockerをインストール https://docs.docker.com/engine/installation/linux/ubuntulinux/ を参考にUbuntuにDockerをインストール apt-get update apt-get install apt-transport-ht

【追記 2016/06/21】 Docker for Macがリリースされました。これでVirtualBoxを使う必要はなくなったので、この記事にあるdinghyを導入する必要はありません。 OSXでDockerを使うときには、VirtualBox + Docker Machineを使う事が多いと思います。しかし、VirtualBoxの共有フォルダ機能は凄く遅いため、その上で動くDockerも共有Volumesを使うと遅くなるという問題があります。 Vagrantの場合には、NFSマウントを使う事で早くすることができますが、Docker Machineにはその機能がありません。 そこで、OSXのDocker MachineのVolumes機能をNFSに入れ替えてくれるdinghyを試してみました。 codekitchen/dinghy: faster, friendlier Docker

rbenv, nvm, MySQL, redisが入ったUbuntu Vagrantfile すぐに開発に使えるVagrantfile。依存物を少なくするためにShellでプロビジョニング。 vagrant up時に各種パッケージのインストールとRubyのコンパイルが走るので、30分ぐらいかかります。初回でOSイメージが無い場合はもっとかかるかも。 Vagrant.configure("2") do |config| config.vm.box = "ubuntu/trusty64" config.vm.network :forwarded_port, guest: 3000, host: 3000 config.vm.synced_folder ".", "/vagrant" GUEST_RUBY_VERSION = '2.2.4' GUEST_NVM_VERSION = '0.30.1

React + (Javascript || CoffeeScript) + Bower スタータキット @masuidrive 最近、React.jsにハマっています。いままでとパラダイムが結構ちがうのですが、とても面白い感じです。React.jsがどんな物についてはかは、下記の記事にまとめて見ました。興味のある方はまずこれに目を通してみてください。 Ajaxを劇的に簡単にするReact.js – @masuidrive blog Reactを簡単に始めるには、jsfiddleのReactサンプルや公式スタータキットを使う方法があります。 両方ともブラウザだけで実行でき手軽なのですが、ソースファイルを分割しrequireで読み込んだり、ライブラリを使ったり、SaSSを使うようなコンパイルが必要なモノには対応する事ができません。 実際にReactで何かを作るときには、コンパイル環境を構築す

mrubyをビルドする 本記事では、mrubyのビルド方法について説明します。 mrubyのビルドは、Rakeをベースとした独自のビルドシステムを使っています。 これは主にmrbgemsとクロスビルドの為です。当初はmakeを使っていたのですがmrbgems対応の為にC言語で別コマンドを作るなど無理が出てきたので、2013/1にRakeベースの物に差し替えました。 その際、Matzからの注文が @masuidrive @mattn_jp ビルドにRuby(CRuby)を使ってもいいですが、当面1.8/1.9両対応、かつRakeを使わないという条件を付けます。mrubyのためにいろいろインストール要求するのは避けたいので — Yukihiro Matsumoto (@yukihiro_matz) December 12, 2012 というモノだったので、Rakeの古いバージョンを元にRake

FrogApps 技術ブログ始めました！ RailsやiOS、HTML5の情報を発信中!! → http://qiita.com/teams/frogapps ここ数年、位置情報を使ったアプリ・サービスが増えましたが、GPSから取得出来る緯度経度だけではデータとして使いにくい事があります。 GoogleのGeocodingサービスなどで、緯度経度から住所への変換ができますが、件数や速度の問題があります。 そこで、国土交通省のデータを元に、緯度経度から住所への変換を行ってみましょう。 国土数値情報ダウンロードサービス http://nlftp.mlit.go.jp/ksj/gml/datalist/KsjTmplt-N03.html から全都道府県を選択。最新の情報を全都道府県分選択します。 PostGISのセットアップ http://trac.osgeo.org/postgis/wiki/

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

FrogApps 技術ブログ始めました！ RailsやiOS、HTML5の情報を発信中!! → http://qiita.com/teams/frogapps データベースを運用していると、一気にデータを投入したり、更新する必要が出てきます。 MySQLではINSERT文では複数行同時に更新できますが、UPDATEでは用意されていません。 そこで、UPDATEとJOINを組み合わせて、既存のテーブルを一気に更新してみます。 例) original_dataテーブルのbodyの値を複数行一気に更新する まずは元データを作ります。 CREATE TABLE tbl1(id INTEGER PRIMARY KEY, body VARCHAR(255)); INSERT INTO tbl1(id, body) VALUES(1, '001'); INSERT INTO tbl1(id, body)

FrogApps 技術ブログ始めました！ RailsやiOS、HTML5の情報を発信中!! → http://qiita.com/teams/frogapps iOS 6のSafari/WebViewはChromeやOSX版Safariと少しずつ違う動きをして、モバイル版WebやWebAppを作るときに頭を悩ませます。 先週、ミイルの中で使うHTML/Javascriptを書いている時に、iOS6でたまにsetTimeout/IntervalやWebWorkerからのmessageが届かない事に気がつきました。 ググってみると、iOS6のMobileSafariでは画面がスクロールしているときに上記の様なイベントが発行されないようなのです。jQuery本家のBBSでも打つ手無し的な事が書かれていました。 これではsetIntervalで500ms毎にスクロール位置を検出して何かしたくても、

FrogApps 技術ブログ始めました！ RailsやiOS、HTML5の情報を発信中!! → http://qiita.com/teams/frogapps Railsでアプリを作っていると、app/models/以下にあるモデルファイルの行数が非常に長くなることになります。 そこでincludeメソッドを使ってモデルファイルを機能毎に分割してみましょう。 ファインダー関係のメソッドだけを、user/finder.rbに切り出します。 このときクラスメソッド関係は通常の定義方法が異なります。 クラスメソッドの定義は、ClassMethodsモジュールの中で行う様にします。 has_many, belongs_toなどのクラスメソッドの実行は、self.includedの中でbase.has_manyの様にして呼び出します。