コンパイラかく語りき

import { Fun } from 'programming'

Rails

webpacker2.0に上げたら、Herokuへのデプロイが失敗する対処(Configuration config/webpacker.yml file not found. Make sure webpacker:install is run successfully before running dependent tasks)

問題 Herokuへのデプロイが失敗した。 webpacker gemを2.0に上げたのが原因っぽい(元々は1.2でした)。 こちらがエラーログ。 Configuration config/webpacker.yml file not found. Make sure webpacker:install is run successfully before running depend…

The git source `hoge` uses the `git` protocol, which transmits data without encryption...の対処法

問題 Gemfile内でgemに対して、:github プロパティを使っていた所、以下のようなエラーが。 The git source `hoge` uses the `git` protocol, which transmits data without encryption. Disable this warning with `bundle config git.allow_insecure true`…

Rails環境にWebpackを導入する(後半)

どうも、chuckです。 前回は以下の記事を参考に、Rails環境にWebPackを導入してみました。 qiita.com その記事がこちら↓ chuckwebtips.hatenablog.com 前回までで、環境設定は終わったので、今回は実際にJSを書いてビルドをしてみようと思います。 モダンJav…

Rails環境にWebpackを導入する(前半)

どうも!chuckです。 今日はRailsの開発環境にWebpackを導入してみたいと思います。 ※前提として、僕はまだまだひよっこエンジニアです。記事の中に誤りがあるかもしれません。その際は何卒ご指摘いただけると助かります。 Webpackとは gulpやbrowserifyのよ…

スクレイピングした情報をRailsアプリケーション上で表示する

これの続き。 chuckwebtips.hatenablog.com データが取得できたので、ビュー側に表示をしてみます。 ビューとコントローラの作成 ちょっと表示するだけですが、のちのちのことを考えてMVCを採用しました。 いつもの↓ maeharin.hatenablog.com コントローラで…

RailsでCoffeeScriptを書いた

Railsで初めてCoffeeScriptを書いたのでメモ。 とは言え、たった6行ですがw jQueryを使ったこちらの記述を、 このようの書き換えました。 デバッグ用のconsole.log関数と、ドロップダウンメニュー用のクリック関数です。 特記事項は特に無し。いつもどおりC…

ロシアップ ver2.3 「ドロップダウンメニュー」

ドロップダウンメニューを実装しました。 前々から存在してはいたのですが、Bootstrapでの実装だったんですよね。それを自作しました。 「自分で作れるものは自分で作る」です。あと、Bootstrapに頼ると余分なHTMLが入ってしまうので…。 これがBootstarpによ…

erbファイルをslimで書き換えてみた

タイトルの通り。 Webアプリケーションのデザイン変更をしていて、生のHTMLがあまりに苦痛だったので書き換え。 ちなみに、これが、 こうなった。 圧倒的シンプルさ。わかりやすさ。 slimは書き慣れているんだけど、erbにまつわる記述は初めてだった。 この…

RailsのHTMLテンプレートをslimに変更しました

全てはここに。 qiita.com gemインストール Gemfile追記 bundle update & bundle install 最後に、設定をいじる。 application.rbに以下の1行を追記。 これで準備完了。 これ以降、rails generateするとerbではなくslimファイルが作成される模様。 さすがRa…

ロシアップ ver2.2 「独自ペジネーション」

Railsで、独自ペジネーションを実装しました。 今まで -> kaminariというライブラリ 今日やったの -> ActiveRecordのlimitとoffset ライブラリに頼っていたのを、自分なりにRails書きました。 kaminari実装記録↓ chuckwebtips.hatenablog.com 参考にしたもの…

ロシアップ ver 2.1 「バージョン情報」

ロシア語単語帳「ロシアップ」に機能を追加しました。 いまやバージョンごとのアップデート内容を閲覧できます。 russiup.herokuapp.com やったこと モデルの作成 コントローラの作成 更新情報へのリンクの追加 更新情報の取得と表示 知らなかったこと DB側…

React.js in Rails を試す(前半)

「試す」なんて気軽に書きましたが、まだRails初心者です。Reactに至っては、公式のチュートリアルを1度やった限りです。 果たして達成できるのでしょうか…。 参考にしたのはこちらの記事。 qiita.com いつもどおり、rails new。なにはともあれ。 $ rails n…

ロシア語単語帳「ロシアップ」がバージョン2.0になりました!

chuckです。ロシア語単語帳「ロシアップ」をバージョン2.0に上げました。メジャーアップデートです。わーい。 russiup.herokuapp.com 以下、変更点。 1. ホーム画面 もともと「ロシアップへようこそ!」しかなかったのですが、案内をつけました。 できること…

Railsでロシア語単語帳ver2.0を目指す day.6 単語クイズの改良

chuckです。 1時間くらいかけて書いていた記事が消えてしまいました。。。。 残念ですが、今回の開発についてさらっと書きます。 本当はもっと濃い内容だったのに…。 改修するとこ これ。 あとこれ。 こうなった

Railsでロシア語単語帳ver2.0を目指す day.5 カラム名を変更したのでDB構造の再調整

chuckです。 今日はDBについて。開発しているうちに、カラム名がおかしいことに気づいたので、今のうちに調整します。 chuckwebtips.hatenablog.com おかしかったところ 単語の情報で、品詞を「category」、分類を「group」としていました。 まず、カラム名…

Railsでロシア語単語帳ver2.0を目指す day.4 デザイン崩れ対応

chuckです。 今回はver1.0でのデザインの崩れを修正します。 どんな崩れ? こんな崩れ。 これは「接続詞」で絞り込んだ結果画面になります。 単語の数が少ないとこのようになります。まあCSSの問題なんですが。パッと見では原因がわかりませんね。 余計なhei…

Railsでロシア語単語帳ver2.0を目指す day.3 postメソッドを使って条件付きページリロード

chuckです。引き続きRailsやります。 前回はPostメソッドが上手く使えずに挫折してしまいました。 挫折↓ chuckwebtips.hatenablog.com なんとか力技?で解決したので開発を進めます。 やったこと GETメソッドをなくしました。POSTメソッドのみに絞りました。…

Railsでカンタンな「条件付きページ再読み込み」すらできない

chuckです。Railsを書いているのですが、いまだにカンタンなページ遷移すらできなくて絶望しています…。 やりたいこと 条件つきでページ読み込みをしたいです。 いまこちらの単語帳を作っています。 右上に「品詞を選択」という項目があります。これをクリッ…

Railsでロシア語単語帳ver2.0を目指す day.2 レイアウト改修

chuckです。 ロシアップ改修案件。とは言え、金曜の夜なので控えめに。デザイン変更に留めます。 russiup.herokuapp.com chuckwebtips.hatenablog.com 変更するの TOP画面です。 ここです。 このaタグ丸出しのリンクを改修します。 まずHTMLから いまはこう…

Railsでロシア語単語帳ver2.0を目指す day1. whereメソッド

chuckです。 以前、Railsでロシア語の単語帳アプリケーションを作成しました。 chuckwebtips.hatenablog.com Herokuで公開しています。 russiup.herokuapp.com 公開しているバージョンを1.0とすると、今回からは2.0を目指して開発を進めていこうと思います。

久しぶりにRailsやったら記憶が消し飛んでた

chuckです。以前Railsで作ったロシア語単語帳を改修しようと思いました。 で、書こうと思ったらかなり忘れていた。そんなリハビリ話です。 ※2ヶ月ぶりのrails generate controller。

文系プログラマーがRailsでロシア語アプリケーションをつくる⑲ ~Bootstrapでデザイン追加~

どうも!chuckです。 ついに!ロシア語アプリケーションをHerokuにデプロイしました! <a href="http://chuckwebtips.hatenablog.com/entry/2015/08/01/104716" data-mce-href="http://chuckwebtips.hatenablog.com/entry/2015/08/01/104716">Herokuにデプロイしたいのに、gem pg install できずに苦労した話。 - コンパイラかく語りき</a>chuckwebtips.hatenablog.com いやあ、ネット上で公開しているとなるとモチベ…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑳ ~eachでindexを取得する~

どうも!chuckです。 ロシアップを改良したので記録。今回はeachメソッドのindexを利用してみました。 ロシアップ!russiup.herokuapp.com

rails scaffoldに感動!15分でWebアプリケーションを作成できた

作りました。前々からシンプルな家計簿的なものを作りたかったのですが、rails scaffold(スキャッフォールド)のおかげでカンタンに作れました。 コマンド 以下のコマンドを発行しました。 rails generate scaffold Expense name:string cost:integer kind:in…

Herokuにデプロイしたいのに、gem pg install できずに苦労した話。

どうも!chuckです。 RailsプロジェクトをHerokuにアップするのに手間取ったのでメモ。具体的にはpgというgemがインストールできず、そもそもpostgresqlが入ってなかったよねという話。 ただし、最終的には環境変数を指定したので、うーむ、、、よくわからん…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑱ ~お気に入り単語の表示~

どうも!chuckです。 前回は単語クイズを実装し、なおかつ単語をお気に入り登録できるようにしました! 今回はお気に入りした単語を、一覧表示させますヽ(=´▽`=)ノ &lt;a href="http://chuckwebtips.hatenablog.com/entry/2015/07/31/000000" data-mce-href="…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑰ ~単語のお気に入り登録~

どうも!chuckです。 前回に引き続き、Railsで単語クイズを実装していきます(`・ω・´)ゞ &amp;lt;a href="http://chuckwebtips.hatenablog.com/entry/2015/07/30/000000" data-mce-href="http://chuckwebtips.hatenablog.com/entry/2015/07/30/000000"&amp;gt…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑮ ~サインアウト機能~

どうも!chuckです。 前回はサインイン機能を実装しました。登録済みのユーザーがサインインをすると、自分のページに飛ぶようになっています。 文系プログラマーがRailsでロシア語アプリケーションをつくる⑬ ~ユーザーの新規登録機能の実装~ - コンパイラか…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑭ ~サインイン機能~

どうも!chuckです。 引き続き、Railsでロシア語単語帳を作っていきます。今回はサインインとサインアウトの機能を実装していきます! <a href="http://chuckwebtips.hatenablog.com/entry/2015/07/26/000000" data-mce-href="http://chuckwebtips.hatenablog.com/entry/2015/07/26/000000">文系プログラマーがRailsでロシア語アプリケーションをつくる⑫ ~ユーザー個別ページの作成~ - コンパイラかく語りき</a>chuck…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑬ ~ユーザーの新規登録機能の実装~

どうも!chuckです。 今回はユーザーの新規登録を完成させます!(`・ω・´)ゞ 文系プログラマーがRailsでロシア語アプリケーションをつくる⑪ ~パスワードと認証機能の追加~ - コンパイラかく語りきchuckwebtips.hatenablog.com 例によって、Railsチュートリア…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑫ ~ユーザー個別ページの作成~

どうも!chuckです。 前回はユーザー登録のための下準備を整えました。今回からは、新規ユーザーが登録を行い、自分のアカウントを持てるようにしたいと思います いやあ、これができるといよいよWebアプリケーションって感じですね! 文系プログラマーがRail…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑪ ~パスワードと認証機能の追加~

どうも!chuckです。今回はユーザーのモデルにパスワードを追加します。ただし、単なる文字列としてではなく、安全面を考慮したパスワードとして開発していきます。 文系プログラマーがRailsでロシア語アプリケーションをつくる⑩ ~ユーザーモデルに制約をか…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑩ ~ユーザーモデルに制約をかける~

どうも!chuckです。 早いもので、このシリーズも10回目ですね〜。今回はユーザーモデルに対して色々な制約をかけていきますヽ(=´▽`=)ノ <a href="http://chuckwebtips.hatenablog.com/entry/2015/07/22/000000" data-mce-href="http://chuckwebtips.hatenablog.com/entry/2015/07/22/000000">文系プログラマーがRailsでロシア語アプリケーションをつくる⑨ ~RSpecの導入~ - コンパイラかく語りき</a>chuckwebtips.ha…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑨ ~RSpecの導入~

どうも!chuckです。 前回までで単語一覧を参照する機能が完成しました。せっかくWebアプリケーションを作成しているので、次はアカウントの機能を実装したいと思います。 今回は、Railsの強力なテストツールであるRSpecを導入しつつ、アカウント機能に必要…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑧ ~kaminariを使ったペジネーションの実装~

どうも!chuckです。 引き続きRailsでロシア語の単語帳を作っていきます。 文系プログラマーがRailsでロシア語アプリケーションをつくる⑥ - コンパイラかく語りきchuckwebtips.hatenablog.com

文系プログラマーがRailsでロシア語アプリケーションをつくる⑦

どうも!chuckです。 引き続きロシア語単語帳を作っていきます。が、今回はちょっとRailsから外れます。どちらかというと、JavaScriptや文字列操作のお話かも。 文系プログラマーがRailsでロシア語アプリケーションをつくる⑤ - コンパイラかく語りきchuckweb…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑥

どうも!chuckです。 引き続きロシア語単語帳を作っていきます。 <a href="http://chuckwebtips.hatenablog.com/entry/2015/07/18/105713" data-mce-href="http://chuckwebtips.hatenablog.com/entry/2015/07/18/105713">文系プログラマーがRailsでロシア語アプリケーションをつくる⑤ - コンパイラかく語りき</a>chuckwebtips.hatenablog.com 前回はモデルのカラムを追加したり削除したりしました。つまり、データを…

文系プログラマーがRailsでロシア語アプリケーションをつくる⑤

どうも!chuckです。 引き続きRailsでロシア語単語帳を作っていきます(`・ω・´)ゞ 文系プログラマーがRailsでロシア語アプリケーションをつくる④ - コンパイラかく語りきchuckwebtips.hatenablog.com 今回はデータのカラムを追加したり削除しましたのでその辺…

文系プログラマーがRailsでロシア語アプリケーションをつくる④

どうも!chuckです。 引き続き、RailsでWebアプリケーションを作っていきます(`・ω・´)ゞ

文系プログラマーがRailsでロシア語アプリケーションをつくる③

どうも!chuckです。 前回に引き続き、RailsでWebアプリケーションを作っていきます。 <a href="http://chuckwebtips.hatenablog.com/entry/2015/07/13/000000" data-mce-href="http://chuckwebtips.hatenablog.com/entry/2015/07/13/000000">文系プログラマーがRailsでロシア語アプリケーションをつくる② - コンパイラかく語りき</a>chuckwebtips.hatenablog.com

文系プログラマーがRailsでロシア語アプリケーションをつくる①

どうも!chuckです! えっと、今RubyOnRailsチュートリアルやってます。現在2周目で9章に差し掛かったところなんですが、 意味わからん\(^o^)/オワタ な感じです。 ただし、2周目が全く無意味だったかといえばそんなことはなく、前半はとてもよく理解でき…

Railsでロシア語を表示させるまで(前編)

どうも!chuckです。 僕はいまRailsでロシア語単語帳を作っています。しかし、文字化けの問題にぶつかってしまいました。そう、日本語とおなじく、ロシア語もちょっと扱いにくい言語なのです(文字コード的な意味で) &lt;a href="http://chuckwebtips.hatenab…

RubyOnRailsチュートリアル8章(前半)

どうも!chuckです。引き続き、RubyOnRailsチュートリアルをやっていきます(`・ω・´)ゞ 8章 サインイン、サインアウト 1,下準備 セッションとは 2つのコンピュータの間の半永続的な接続のこと。 忘却モデル:ブラウザを閉じると終了。 継続モデル:「パスワ…

RubyonRailsチュートリアル7章

どうも!chuckです。 いよいよ今回から動的ページの作成に入ります。今回作るのはユーザーのシンプルなプロフィールページですが、学ぶことがたくさんありました。 7章 ユーザー登録 7−1ユーザーページの作成 デバッグ表示 ビューに以下のコードを埋め込…

RubyonRailsチュートリアル6章

どうも!chuckです。ついに6章に突入しました。もう半分終わっちゃったんですね(しんみり)6章からは本格的なRailsの勉強が始まり、Webアプリケーションに必須な機能をつけていきます。 今後のおしながき 6章、ユーザーのデータモデルの作成。データを保…

RubyonRailsチュートリアル5章

どうも!chuckです。5章を終えたのでメモφ(. . ) 5章 レイアウトを作成する HTML/CSSの話かと思いきや、BootstrapやSCSSがさらっと出てくる。あとはRailsのテンプレート機能も。 パーシャル Railsのテンプレート機能。renderで呼び出す。 Asset Pipeline Ra…

RubyonRailsチュートリアル4章

どうも!chuckです。昨日に引き続き、Railsチュートリアルを。 4章 Rails風味のRuby たくさんあるRubyのルールの中でも、Railsに関係あるものを学ぼうという趣旨。 rubyの組み込み関数であるstylesheet_link_tagについて見ていく。 ここでは4つのRuby文法…

RubyonRailsチュートリアル3章

どうも!chuckです。3章の学習を終えましたので記録。 3章 ほぼ静的なページの作成 「ほぼ」っていうのがユルくていいですねw ここでの静的ページというのは「アクションとビューのみを持つページ」とのこと。 自動生成されたファイルのうち、 コントロー…

RubyonRailsチュートリアルを始めました(2周目)

(久しぶりにご対面したRailsサーバのTop) どうも!chuckです。 RubyonRails、憧れますよね(=´▽`=) <a href="http://blog.sumyapp.com/2013/07/no-recommend-rails/" data-mce-href="http://blog.sumyapp.com/2013/07/no-recommend-rails/">今すぐ辞めて欲しい、「Ruby on Rails勉強してます」「CakePHP勉強してます」</a>blog.sumyapp.com こんな記事もあるものの、やはりRailsへのあこがれは捨て切…

Railsでnewするときにバージョン指定する方法

以前RubyonRailsチュートリアルをやりました。 <a href="http://railstutorial.jp" data-mce-href="http://railstutorial.jp">Ruby on Rails チュートリアル:実例を使って Rails を学ぼう</a>railstutorial.jp その時に序盤でハマってしまったんですが、rails newコマンドを打つ時にバージョンも指定することで解決しました。 おそらくチュ…