react + rails 構成パターンまとめ。 - Qiita
reactを実践投入しようと思っていろいろ調べたり試した構成パターンです。サンプルレベルの情報は多いのですがいざ実務に入れようと思うといろいろと考えることが多かったのでまとめました。 とりあえずReact.jsをRailsで使いたい Production環境で使うような実践的な構成が知りたい Js界隈のトレンドをRailsプロジェクトでも使いたい js/coffeeでなく、ES6でReactを書いてみたい といった方向けです。 今回の内容は Ruby on Rails + Reactのベストプラクティスを模索してみるで書いたようにrails上でreactを使うのはreact-railsかfrontendを独立させてやればいいんだな、とざっくり頭では理解した人が、じゃあ具体的にどういう構成にすればいいんだ？と思ってやってみるといろいろとつまづくポイントがあり、そのまとめです。 目次：構成3パ
Railsのフロントエンドのビルドをnpmコマンドのみで完結したい - Qiita
こんにちは、freeeでエンジニアをやってます @yo_waka です。 これは、freee Engineers Advent Calendar 2015の11日目の記事です。 これまでの弊社のAdvent Calendarでは、社内で革命と呼ばれるフロントエンドの改善ネタが多いと思いますが、その流れとして、RailsアプリケーションにおけるフロントエンドのビルドツールであるところのSprocketsをどのようにしたら外せるかという話を書きます。 Sprocketsがやってくれること まずはSprocketsが裏側でどういうことをやっているのか知る必要があります。 Advent Calendar4日目の記事で既に概要が書かれていますが、もう少し細かく内部動作に踏み込んで書いてみます。 尚、Sprocketsのコードは現状のRailsの最新版である4.2.5で利用されている、Sprocket
Foundationよりcool! 軽量フレームワークPureを紹介 - Qiita
CSS Advent Calendar 2014 四日目です。二日連続ではありますが、YuZakuroが担当します。 さて昨日はFoundationを紹介しましたが、これはbootstrapと同じく重量級のフレームワークでした。今日は、少し志向を変えて軽量級のフレームワークであるPureを紹介したいと思います。 特徴 なんといっても軽量! zipファイルをダウンロードすると76KBでした(bootstrapは226KB, Foundationは160KB) 機能は十分。軽量と言っても、グリッドシステム、フォーム、ボタンなど、基本的なものは全部揃っています カスタマイズが容易。Skin Builderが公式から提供されています。 導入 公式サイトからzipファイルでダウンロードするか、YahooのCDNを使用して以下のように記述します。
bootstrapよりかっこいい? Foundationを導入する - Qiita
CSS Advent Calendar 2014 三日目です。偉大な@izumin5210先輩の後に書く事になってしまいとても緊張しています。 bootstrapは良いものです。デザイナーじゃなくてもそれっぽいデザインができるし、日本語の情報も豊富だし、公式ドキュメントもとてもわかりやすい。 ただ、あまりにもたくさんの人が使うので、bootstrapを使うだけでは「またbootstrapか…」と思われるようになってしまいました。 もちろん、bootstrapだって考えて使えば良いデザインは出来ますが、当然その分手間はかかります。 ということで、bootstrapよりも手間をかけずに、bootstrapよりもかっこいいサイトが作れるCSSフレームワークであるFoundationを紹介したいと思います。 特徴 良い所 適当に作ってもbootstrapっぽいデザインにならない(当たり前ですが)
Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch
Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota
RailsにTwitter Bootstrapの導入と簡易な使い方 - Rails Webook
RailsでTwitter Bootstrap 3のインストール方法を説明します。 また、Bootstrapのエラーメッセージの表示、ナビゲーションバーの追加、simple_formとの連携などの使い方を説明します。 動作確認 Rails 4.1 twitter-bootstrap-rails 3.2.0 目次 Railsプロジェクトの作成 Twitter Bootstrapのインストール方法1 Twitter Bootstrapのインストール方法2 カスタマイズ（ViewファイルへのTwitter Bootstrapの適用） カスタマイズ（サクセス、エラーメッセージの表示） カスタマイズ（simple_formとの連携: フォーム上でのエラーメッセージの表示） カスタマイズ（Sidebarの追加） カスタマイズ（NavigationBarの追加） 1. Railsプロジェクトの作成まずは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Railsで利用するフロントエンドのライブラリをnpmからインストールする - Qiita
GitHub - cthos/atom-gitbook: An atom plugin for gitbook editing
Atom Gitbook: APM Rebuild on OSX
https://9bar.tokyo/html-css-js/03f47db07a3df4ba9937