2018.10.16 Rails5.1/5.2: `rails new`した「後に」yarn/webpackerでjQueryとBootstrap 4を追加する Rails 5.1や5.2でrails newした後でwebpackerでjQueryやBootstrap 4を足したくなったときの手順をメモします。Bootstrap 4のインストールは、できるだけTwitterリポジトリの公式情報に沿うようにしました。 1. jQueryをWebpackerで後から追加する yarnがインストールされていない場合はbrew install yarnでyarnをインストールする（Macの場合） yarnがインストールされているかどうかはyarn -vで確認できます。 Gemfileにgem 'webpacker', github: 'rails/webpacker'を追加し、bundle ins
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: How to replace jQuery with Vue.js in Ruby on Rails apps 原文公開日: 2018/05/25 著者: Igor Petrov Rails開発者を何年もやっている方であれば、おそらくjQueryをフロントエンド開発のデフォルトオプションとして用いていることでしょう。だいぶ前のバージョンのRailsではRailsコア開発者がjQueryを標準として提供し始め、ほどなく標準になりました。当時のjQeuryはJavaScriptライブラリの筆頭であり、非常に便利でした。 その後月日は流れましたが、jQueryは現在もRailsのデフォルトオプションであり続けています。しかし現在であれば、クライアント側コードがさらに複雑になったためにもう少し別のライブラリが必要とされていることでしょう。
2018.02.02 週刊Railsウォッチ（20180202）Rails 5.2.0 RC1と5.1.5.rc1リリース、Rails 6開発開始、メソッド絵文字化gemほか こんにちは、hachi8833です。生まれて初めて皆既月食をじかに見ました。 2月最初のウォッチ、いってみましょう。 つっつき中に録音ボタンを押し忘れてしまったので、今回のつっつき成分はいつもより少なめです🙇。 臨時ニュース Rails 5.2.0 RC1と5.1.5.rc1リリースとRails 6開発開始 立て続けのリリースです。RC版の表記が「RC」と「.rc」の2とおりなのが妙に気になりました。 Rails 5.2.0 RC1リリース 最終版は2月中に出したい意向だそうです。 Rails 5.2.0 RC1: Active Storage, Redis Cache Store, HTTP/2 Early Hi
こんにちは、デザイナーのスギヤマです。 この間の雪を降らせるJSが一部で好評だったので、引き続きJSな記事を書いてみます。 サイトを作ってるとグラフなど、インフォグラフィックスを動的に表示して、インタラクティブなコンテンツにしたいといった要望は多々あると思います。 canvas要素を使って表現したりしますが、canvasが使えない（わからない）場合もあると思います。 なので、今回はcanvasを使わずに、画像とjQueryを使って、それっぽい動きのあるグラフを作ってみます。 サンプルコード いかがでしょう？それっぽく動くグラフになっているかと思います。 今回は、CSSのoverflow:hiddenとjQueryのanimate()関数を利用しています。 以下で簡単に説明していきます。 動きをつける単位で、グラフを画像パーツに分割する グラフのデザインデータは、psdなどでもらえる場合が多
Webチームのebiです。 これまで、初心者がWeb開発のスタートラインにすら立たせてもらえない怒りと悲しさをぶちまける記事しか書いてこなかったので、そろそろ開発に近い記事を書きたいと思った今日この頃です。 そんな訳で今回はJavaScript（jQuery）で記事を書きます。僕自身、業務でJavaScriptだけを酷使してきたわけではないので、初心者向けな入門編記事です。 JavaScriptってかじる人が多いせいか、とんでもないコードがネット上には放置されているので、意味を理解せずにコピペしてると痛い目を見ます（と言うか痛い目を見ました）。 今回の記事で紹介するものは、実際に自分がフォーム作成とかで過去に書いたコードを元ネタにしているので、ある程度は実用的だと思います。あとJavaScriptとは銘打ってますが、jQueryの文法で書いていきます。 ちゃんとしたJavaScript（j
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
