Next.js App Routerの"use server"雑感 : Rails視点から
はじめに Next.jsにServer Actionが新しく導入されました。サーバ上の関数をブラウザから直接呼び出すようなコードの書き味を提供するもので、非常に魅力のあるコンセプトだと私は思っています。ただしサーバ上で実行されるコードとブラウザで実行されるコードの境界が曖昧で、"use server"のセキュリティ上の懸念もよく議論されています。 一方で、私の先日の記事Next.jsで簡単なCRUDアプリを作りながら気になったセキュリティ: Railsの視点からで、私はこの"use server"問題には言及しませんでした。まだ非常に新しい話題でかつNext.js側の対応も進行中だというのもありますが、実は個人的にあまり気にならないのが最大の理由です。 気にならなくなったきっかけは、Server ActionをRuby on Railsのコントローラと同じように考え始めたことです。こうする
Hotwireの感想 - laiso
Hotwire https://hotwire.dev/ Turboを中心としたウェブアプリケーションのアーキテクチャの要素技術やコンセプトをPRするための名称 Hotwireというライブラリがあるわけではない 役割としてはMicro FrontendsとかReactのlearn once, write anywhereなどに似ている アプリケーション実装言語非依存だけど現状Railsアプリケーションしか実用できる基盤がない Hotwireの思想 アプリケーション開発者の生産性を上げることを目的にしていること サーバーサイド言語でフロントエンドを実装したいアレではなかった プログレッシブ(段階的に利用可能)であること 必要な技術だけを使い無駄なことをしないことで効率化する Hotwireが列挙する技術は1つづつ有効にできる クライアントサイドでViewを差分更新する現在の主流のシングルペー
HTML Over The Wire | Hotwire
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This makes for fast first-load pages, keeps template rendering on the server, and allows for a simpler, more productive development experience in any programming language, without sacrificing any of the speed or responsiveness associated with a traditi
Blitz.jsをRuby on Railsエンジニアが触ってみた感想
感想です。 何をしたか 現状でBlitz.jsで本番サービスを運用できるかの調査。 Railsで運用している本番サービスの一部機能を、3日間ほどかけて移行を試してみた。 結論 (Railsの主戦場でもある)新規事業開発の文脈でのクイックな立ち上げを想定するなら、本番運用するにはまだ厳しい。 特に、RailsユーザーとしてはActiveRecordがないのが厳しい。 開発効率そのものはRailsと比べて多少落としても、Railsよりもスケーラブルで型安全に開発したいなら、割と良い選択肢に思う。 もろもろ可能性は感じるので、引き続き応援していきたい。 良かった点（＝Blitz.jsに興味を持っている理由） 型安全な開発 サーバーもフロントも全てが型に守られた開発、そしてIDEの恩恵を受けられるのは、いうまでもなく心地がいい。 型は補助輪のようなものなので、ユーザースキルが高ければ必須ではないく
Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ
Rails の問題は Rails のベストプラクティスがフロントエンドのベストプラクティスの邪魔になるどころか全く逆方向で相反してる点です。DHHの思想がフロントエンドと根本的に逆行してる。そういう人が作るフレームワークなのでwebpackerの抽象化を根本的に間違ったりする。 — prev.js (@mizchi) December 1, 2020 昨日もリプライで少し書いたけど、DHH自体が直近のHeyの開発でも明確にJavaScriptというものを触れないようにすることを是としているような主張をしているので、DHH wayが色濃く反映される以上この状態はもう避けられない気がしている — potato4d / Takuma HANATANI (@potato4d) December 1, 2020 Railsがフロントエンドの最先端をゆく人々1から良く思われないのは事実として。 Vie
Integrating with Azure AD SAML 2.0 SSO using Devise Token Auth and Ember Simple Auth (Part 1)
Part 2 and Part 3 SAML 2 is one of the possible implementations of Single Sing On feature for web applications. Simply speaking it’s a protocol that defines a communition between Service Provider (short SP, which is your application) and Identity Provider (IDP, a service that keeps your user and authenticates you when you sign in with your credentials), where as a result your application securely
Fie
A Rails-centric frontend framework running over a permanent WebSocket connection. fie is a framework for Ruby on Rails that shares the state of your views with the backend. For each controller within which you wish to use fie, you must create a commander. fie uses commanders in the same way a Ruby on Rails application uses controllers. When an instance variable is changed in the commander, the vie
RailsとBackbone.js触った - Qiita
最近はやりのjsクライアントサイドMVCフレームワーク乱立していますけど、いろいろググってるとBackboneがなんだかんだ無難というか事例が多いというかStackoverflowもそこそこ記事がある印象・・・というゆるふわな理由でBackbone導入しました。サーバーサイドはRailsなので、かなり前例が多い組み合わせで、轍を行くだけのはずですが、いちおう作業ログとかググりログを書き残します。 gems rails-backbone
Rails with Underscore.js Templates
I was trying to use underscore.js templates for templating in a rails 2.3 app which does not have jammit as an asset packager. Here is the simple Template: <script type="text/template" id="q-template"> <div class="current-body"> <span class="q-index"><%= title %></span> <span class-"q-text"><%= body %></span> </div> </script> Rails tries to parse these as erb variables and throws an ArgumentError.
Backbone.jsとRuby on Railsを連携させる際のメモ
Backbone側をあまりゴリゴリといじらず、 設定だけ書いておけばAjax出来る状態にしたいので、Rails側を調整していきます。 APIにアクセスする際に拡張子を省略 Backbone.Syncのデフォルトだと、 Ajaxの叩き先がGET /[name]sとなったりPOST /[name]s等になっており、 scaffoldしたままのRailsのコントローラでは、拡張子を指定しないとレスポンスが返って来ません。 どちらかを修正すれば済むので、今回はRails側を修正します。 まず、Web APIが返すレスポンスのフォーマットは、 respond_doブロックの中に入っているformat.*という指定で決まります。 format.*がアクセスする際の拡張子、 render *がレスポンスとして返されるフォーマットです。 scaffoldされたコードは、こんな感じになっていると思います。
AngularJS使い方メモ - Qiita
AngularJSアプリケーション開発ガイド を読みながら勉強したときのメモ。 HelloWorld AngularJS を入手する 公式サイトから angular.min.js をダウンロードする。 HTML を書く <html ng-app> <head> <script src="angular.min.js"></script> <script src="helloWorld.js"></script> </head> <body> <h1 ng-controller="HelloWorldController">{{message}}</h1> </body> </html> angular.min.js を読み込む。 ng-app ディレクティブを付けたタグの中が、 AngularJS のテンプレートとして処理される。 ng-controller ディレクティブを付けたタグの中
Evil Front Part 1: Modern Front-end in Rails — Martian Chronicles, Evil Martians’ team blog
Trying to cram all that complexity in one developer’s head (especially for someone who is just starting out) results in a well-described cognitive fatigue. However, the feeling of being left behind the pack, the growing difficulty to talk shop with “frontend guys”, and the creeping anxiety about job prospects should not be your only reason to question an established workflow. Programmers are ratio
WTF is a Source Map
These days web assets such as JS and CSS aren’t simple text files. Instead, they’re typically minified or come from a complex build process involving compiling or transpiling. For example, CSS can be generated from a SASS file. JS can be compiled from ES6 using Babel. These toolchains make working with assets easier for developers, and make following best practices such as minification much easier
React / hypernova + Rails で SSR 速習会@Wantedly (2017/11/14 19:00〜)
概要 Wantedlyが内部向けに行なっている勉強会に15名限定でご招待。 Railsアプリケーションに、Reactを組み合わせる方法は色々あります。 Wantedlyでは、これまで様々なフロントエンドアーキテクチャを試してきました。 さらに生産性を上げ、高いUXを実現するために新しいアーキテクチャを導入することにしました。 新しいアーキテクチャでは、 hypernova による SSR を導入しました。 React SSR と Rails の組み合わせをハンズオン形式でご紹介します！ 対象 Railsアプリケーションに、Reactを組み合わせて使いたい人 この速習会でできるようになること 以下の技術をハンズオン形式で速習します。 React + Railsを組み合わせを理解する Server-side Rendering hypernova SSRに適したRESTful APIの作り方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://atnd.org/events/31390
GitHub - paulmillr/ostio: Your open-source talks place.
GitHub - hauntedhost/kanban: Kanban 看板 is a Trello clone in Rails and Backbone.js
Intridea - Design, Development, and Strategy for the Enterprise Web
Bridging Rails & Node.js with gRPC
sourcemap を無効化して webpacker の production build を 2000% 速くする - Qiita
