Elixir+Phoenix+Brunch環境でReact.jsを使う - Qiita
はじめに ググると上の方に出てくる Phoenix Framework (Elixir)で React.jsを動かしてみる - Misoca開発ブログ には Phoenixでは、brunchを使って、静的なアセットをビルドしています。brunchでは、JavaScriptライブラリなどをbowerを使って管理します。 とあるが、bowerは使いたくない。 brunch/react-brunch - JavaScriptを使えばいいのかなと思ったら、 DEPRECATED: Please use babel-brunch instead. とある。babel-brunchは最初から入ってる。どうもreact-brunchはjsxのコンパイルしてくれるだけで、babelにその機能入ってるらしい。 ※ 参考：JavaScript - Babel に JSX は要らない - Qiita 色々調べた
ElixirのWebフレームワークPhoenix用ReactのCRUDのscaffoldingモジュール「Fushicho」入門 - Qiita
まえがき アルケミスト(Elixir使いのこと)でかつPhoenix使ってる人！！ Reactに興味有る方達。 scaffoldingツール「Fushicho（不死鳥）」をご存知だろうか？もちろん知ってますよね？ え？知らないの？ 知るはずもない、僕が勝手に作ったので。 Fushichoとは 名前の由来はPhoenixをローマ字の日本語にしただけ。 Reactのコードを生成 Phoenix用 Don't repeat yourself (DRY) ReactのCRUDのコードを書くのは面倒くさいです。 Phoenix用のReactのJavaSciptのコードを勝手に生成します。 Reactに対応したコードをAPIを見てから勝手に生成。 「API見てからReact構築余裕でした。」 brunchに対応しています。 ※他のはあまりしらないので対応されていません。 PostgreSQLインストー
[Elixir] PhoenixでPlugの自作 - Qiita
やりたいこと Plugはとても便利。特にNode.jsからやってきた自分にとっては、Plug = Middlewareということで非常にとっつきやすい。こいつを使いこなすことで幸せになれるんじゃないかと本能的に感じた。 （公式）Plug Guide RackやConnectを触っていた人にはすぐとっつける内容だと思うが、今回は違ったバックグラウンドの方でもわかるように書く。 Plugって何？ HTTP Request/Responseをまとめた"connection"をリレーする、プラグインのスタック。 Phoenixが提供するPlug Phoenix.Contoller配下にpluggableな実装がまとめられている。 （公式）Phoenix.Controller 必要なものは一通り揃っている印象。 今回作ってみるPlug APIリクエストの送信元が、localhostか、ローカルネット
![[Elixir] PhoenixでPlugの自作 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e340c86054a3ce0aea4e776c66745124bd39d505/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNTY0NCUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MjE2MT9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz01YjRjNmNlYzdlMzQ2Njg1OWI3NGVmYjZmMjc4NWJlMg%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D1875469e12d646b293317dcd5ed54352%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCRWxpeGlyJTVEJTIwUGhvZW5peCVFMyU4MSVBN1BsdWclRTMlODElQUUlRTglODclQUElRTQlQkQlOUMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz03Nzc3ZjA5ODliYTc5MGIyOTIyODQ4ZDA1YjY0Yzg2Mg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBGTDRUTGlOMyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWRiM2I4MDM2NmNmY2ZiMzQ0YzE0OTc1MjIyMmMxZWQ1%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D5acaa7605694c4458e2884fa7678684e)
Phoenix + AngularJS で Markdown 同時編集ツールを作ってみる - Qiita
Phoenix + AngularJS で Markdown 同時編集ツールを作ってみます。 イメージとしては HackMD のようなものを目指します。 ことの始まり ElixirConf 2015 のタイムラインを眺めていたら、 I'm collaboratively editing a doc with 60 of my closest @ElixirConf friends. #phoenixframework pic.twitter.com/PlVexa3Anx — David Raffauf (@draffauf) 2015, 10月 1 Phoenix で同時編集ツールを作っている人がいて、「こういうのって自分でも作れるのかな」と漠然に思ったのがことの始まり。 完成イメージ 結論、こういうツールができました。 GitHub で公開しています。 collabo_marker :
[翻訳] クロージャ：Elixir vs Ruby vs JavaScript - Qiita
Hubert Łępickiさんの2015年6月14日付のブログ記事Closures: Elixir vs. Ruby vs. JavaScriptの翻訳です。 Wikipediaより クロージャ（クロージャー、英: closure）、関数閉包はプログラミング言語における関数オブジェクトの一種。いくつかの言語ではラムダ式や無名関数で実現している。引数以外の変数を実行時の環境ではなく、自身が定義された環境（静的スコープ）において解決することを特徴とする。関数とそれを評価する環境のペアであるともいえる。 大雑把に言うと例えば「大域変数は使いたくないけど(名前がぶつかるとかで)、プログラム全体で状態を保持したい場合なんかに使うアレ」です1。 こちらの猿でもわかるクロージャ超入門 まとめがわかりやすいです。ただこれもそうですが、ググってみるとなぜかJavaScriptの例が多いんですよね。で「外側
![[翻訳] クロージャ：Elixir vs Ruby vs JavaScript - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a28d5efa3a7ab347b4d53659807c6e6b96701df/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDYyOTQlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTA2MDQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MWJhNWUxNDYxYjc2YmY1ZDljNjk1N2ZjODgzYWYyMWI%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D5cf4494b1aea3d39f9584eb91b1f937a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU3JUJGJUJCJUU4JUE4JUIzJTVEJTIwJUUzJTgyJUFGJUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgyJUI4JUUzJTgzJUEzJUVGJUJDJTlBRWxpeGlyJTIwdnMlMjBSdWJ5JTIwdnMlMjBKYXZhU2NyaXB0JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NjY0NDAyMzY0MTM0M2E5ZjZhZGYwZTU5NWIzMzAyNmE%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBIaXJvZnVtaVRhbW9yaSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTQzNTBiNTY1NDI5Zjc4NDE2Mzc5ODJhNmEzZjRhYzk2%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Df210c96deb367e6a100693b3d53908e9)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/aimof/items/ade1afeb2859c286889a
PhoenixフレームワークでBrunchもGulpもGruntも使いたくない場合 - Qiita
Laravelでプロジェクトを作成したらまずやることメモ
WebSocket and Web Application Framework - Qiita
Phoenix で WebSocket 通信をする - Qiita