研究室の先輩にelixirとphoenixを布教されたので軽く触れてみました。 とりあえず、インストールから簡単なREST APIつくってReactから使ってみることにします。 前提としてmac環境とします。 インストール $ brew install elixir $ mix local.hex $ mix archive.install https://github.com/phoenixframework/archives/raw/master/phoenix_new.ez これでphoenixの環境が整いました。インストールでハマるところなくいい感じです。 プロジェクトの作成 今回はとりあえずマイクロブログをつくってみることします。 Railsのrails newと似たような感じでphoenix.newでプロジェクトを作成することができます。 dbは手軽なのでsqliteを使います

Phoenix には Channel という概念があり、これを JavaScript と組み合わせて使うことでブラウザと WebSocket 通信ができるようになります。 今回は公式ドキュメントを参考に、Channel を使ったサンプルアプリケーションを作ってみます。 チャットだと地味なので、d3.js のこの Example を使って遊んでみようと思います。 Phoenix アプリケーションの作成についてはコチラを参照してください。 サーバサイドを実装する channel_sample という名前でアプリケーションを作ります

Phoenix Framework は Rails 風なリッチなフレームワークである割にデフォルトでもそこそこ速いことが知られています．例えば次のようなベンチマークがあります． しかし，それよりも私がおもしろいと思った特長に，リアルタイム通信機能がフレームワークに統合されている点があります．しかしまだ日本ではあまり知られておりません．そこで Phoenix Framework の最新版である v0.17.0 における wiki にある Channel の記事を日本語へと翻訳しました． 翻訳や内容におかしなところがあれば指摘お待ちしております チャンネルはフェニックスの本当に刺激的で強力な部分で，アプリケーションへ簡単にソフトリアルタイムな特徴を追加することができるようになります．チャンネルは簡単なアイディア - メッセージを送る，受けとる に基づいています．送信者はトピックスに関するメッセ

昨今のWebアプリケーションでは、クライアント、サーバが常時接続してメッセージ通信をすることが求められてきています (リアルタイムWebアプリケーションと呼ばれたりします)。 このアプリケーションには以下の特徴があります クライアント、サーバが常時接続 クライアントからではなく、サーバから接続しているクライアントへ情報をプッシュする 通信の頻度が多い 今回はこのような常時接続型のアプリケーションを実現するために作られたWebSocketの説明と、PhoenixでWebSocketをどのように使って常時接続のアプリケーションを作るか説明します。 WebSoketが必要とされてきた背景 今までのWebアプリケーションのリクエスト/レスポンス処理は以下のようなアーキテクチャでした。 全てのリクエストは状態を持たない サーバはリクエストを毎回新しいものとして扱う(HTTPはもともとステートレスなプ

前々回の記事は「Phoenix環境のセットアップから、静的ページを作成し、表示」させました。 前回の記事では、「Phoenixで認証機能を実装」しました。 今回の記事では、入門最後として「Phoenixでチャット機能を実装」します。 Phoenixでソケット、チャネル、トークン、API作成、モデルのアソシエーションなどを行っていきます。 サンプル ChatPhoenix - Heroku ChatPhoenix - GitHub 目次 ソケットの基礎用語 チャット機能の追加 チャット機能をログイン機能と統合 チャットメッセージの永続化 動作確認 Erlang 7.1 Elixir 1.1.1 Phoenix 10.0.3 Hex 0.9.0 node.js 0.12.7 npm 2.14.2 PostgreSQL 9.4.4 1. ソケットの基礎用語ソケットの基本的な用語について簡単に記載

iOSのViewはどうやってつくるべき？storyboardとxibの使い分けについて考えをまとめてみたiOSSwift この記事は【その2】ドリコム Advent Calendar 2015 - Adventarの15日目です。 14日目はテラさん「絵について思ったこと」でした。 ちなみに【その1】もありますので、ぜひこちらもご覧ください！ 自己紹介 2015年2月に企画職としてドリコムに中途入社し、現在は研究開発部にて新規サービスの立ち上げをしています。 この会社に入ってコーヒーを飲む機会と筋トレをする機会が増えました。 最近の休日はスカッシュをやることが多いです！(仲間募集中!!!) 来年はSASUKEに出たいです。 この記事を書くに至った背景 最近会社で、iOSアプリの開発をしています。ドリコムに入るまでは、iOSアプリのviewはすべてコードで書いていました。ですが、僕の目の前に

今回は基礎からすぐできるAWSと題して、VPC～ネットワーク～サーバー構築を通して、簡易ブログシステムを構築したいと思います。 AWS上にVPCを一つ作成し、その中に公開用のVPCサブネットとプライベートのVPCサブネットを作成します。公開用のVPCサブネットにはWebサーバーとDBサーバーのインターネット接続用NATサーバーを構築します。プライベートのVPCサブネットにはDBサーバーを構築します。 作業は検証環境の作業端末から接続します。 ・検証環境の構成図 図１ 構成図 ・実施内容 AWSにアカウントが作成されているものとします。（今回は③まで。） ① VPC作成 ② VPCサブネット作成 ③ インターネットゲートウェイ作成 ④ ルートテーブル作成 ⑤ インスタンス作成(Webサーバー) ⑥ インスタンス接続 ⑦ Webサーバーインストール ⑧ ファイアウォール(セキュリティグループ)

フロントエンドエンジニアですが、AWS 始めてみます そんな訳で、UI デザイナー > Flex ディベロッパー > マークアップエンジニアと、今日までフロントエンド一辺倒で来た私 wakamsha ですが、とある事情から Amazon Web Services ( 以下、AWS ) と戯れてみることになりました。とはいえインフラ関連の知識がほぼゼロな自分が一からお勉強するというのもなかなかどうして学習コストがかかるので他の人にお任せするという選択肢もあったのですが、こんな機会でもない限りずっとやらないだろうということで、軽い気持ちで始めてみようかと思います。 それにしても、前職はAWSヒャッハーッ！な会社に属していたにも関わらず全くと言ってよいほど自分から触ろうとしなかったのに、人は変わるもんですねぇ…（適当）。 前提条件 AWS アカウントを取得済みである EC2 にキーペアを登録済み

$ git log --graph * commit ecc627c4ec21d56880c43d70ed9c651fc27bb2ac |\ Merge: 7611117 8998d77 | | Author: spam ham | | Date: Fri Apr 25 19:09:41 2014 +0900 | | | | Merge branch 'topic' | | | * commit 8998d77d981f1410201b44e83c3640922bd8941f | | Author: spam ham | | Date: Fri Apr 25 18:42:45 2014 +0900 | | | | add topic_file3 | | | * commit cc62d621e45b462469c2b42c932e437ff1bf2fd1 | | Author: spam

今回説明するのは以下です。 1.VMに開発環境を作ろうとして諦めた話 2.各ツールの紹介 3.各ツールの用途は分かったけど、結局どれをインストールすればいいのか 4.実際に環境を構築してみる 1.VMに開発環境を作ろうとして諦めた話もともとPHPのエンジニアで最近はRubyを触っていますが、 PHPとRubyだとVM（CentOS）に開発環境を構築することが多い。 というか、可能な限りMacに変なツールを入れたくない。 なので、ScalaもVM上に環境を構築しようと思った。 でも諦めた。 Scala + Play の動作は問題ないんだけど、 IntelliJが問題だった。 IntelliJ ではJDK指定したり、デバッグ開始するためにJVMのプロセスを触る必要があるんだけど、 VM上のJDKを指定したり、JVMのプロセスを触らせたりするのが面倒だった。 VM上のJDKを指定するのはVMの共

cat /etc/lsb-release # DISTRIB_ID=Ubuntu # DISTRIB_RELEASE=14.04 # DISTRIB_CODENAME=trusty # DISTRIB_DESCRIPTION="Ubuntu 14.04.4 LTS" arch # x86_64 echo $SHELL # /usr/bin/fish wget https://downloads.typesafe.com/typesafe-activator/1.3.10/typesafe-activator-1.3.10-minimal.zip unzip typesafe-activator-1.3.10-minimal.zip mv typesafe-activator-1.3.10-minimal.zip sudo mv activator-1.3.10-minimal /opt/

AWSのAmazon EC2においてAmazon LinuxやCentOSなどを用いてサーバアプリケーションを実装する際にシステム要件で使用するプログラム言語のバージョンが指定・限定されている場合もあるかと思います。 その場合、運良く該当のバージョンがyumリポジトリにあれば良いのですが、該当のバージョンがyumに存在しなければソースからインストールする必要があります。 ただプログラム言語パッケージを配布元からそのままソースでインストールするとバージョンを入れ替える場合などパッケージ管理の点でインストール、アンインストールが複雑になってきます。 今回はプログラム言語Python、Ruby、Node.jsでそれぞれ有志が用意している簡単にプログラム言語のインストール、アンインストール、バージョン切り替えが可能なパッケージ管理ツールpyenv、rbenv、ndenvをシステム全体・システムワイ

画像URLを指定するとその画像データをローカルに保存するコードです。 保存先のディレクトリは/var/tmp/hoge/に指定して保存します。 開発環境 ruby 1.9.3 ソースコード 与えられたURLの画像を保存する関数は以下のように書けます。 require "open-uri" require "FileUtils" def save_image(url) # ready filepath fileName = File.basename(url) dirName = "/var/tmp/hoge/" filePath = dirName + fileName # create folder if not exist FileUtils.mkdir_p(dirName) unless FileTest.exist?(dirName) # write image adata ope

ドットインストール代表のライフハックブログ