書いたぞ。

• ginpei/docker-rails-example

日本語版の方をセルフ転載します。最新版はGitHub↑のほうで。

関連:

• Docker公式イメージでWordPress環境を用意する。 | Ginpen.com

→English

DockerでRailsアプリを作ったり動かしたりするサンプルとチュートリアルです。

Windowsの方

コマンドプロンプトやPowerShell入力時、 `pwd` を %CD% に置き換えてください。

じゃないと例えばこんな感じのエラーになります。

docker: Error response from daemon: create `pwd`/app: “pwd/app” includes invalid characters for a local volume name, only “[a-zA-Z0-9][a-zA-Z0-9_.-]” are allowed. If you intended to pass a host directory, use absolute path.

準備

事前に以下が必要です。

• Dockerインストール

このサンプルを試す

あるいは既存プロジェクトに参加する例。

1. リポジトリをクローン
2. Dockerコンテナーを起動
3. DBを初期化
4. いえーい

5. 止める

   (さらに…)

2018-05-05追記: Rails 5.0.7で試したけど、この内容で特に問題ないっぽいです。

タネマキの常連さんの松本さんにCarrierWaveてのを教えてもらいました。最近のファイルアップロードはこれがイケてるらしい。

使い方は僕の方で調べたものなんで、もしかしたらおかしいかもしれない。

概要

何それ

これこれ。

• carrierwaveuploader/carrierwave

めんどい

そんなあなたのためにシェルスクリプトをご用意致しました。

• https://gist.github.com/ginpei/6270837

sedまじ便利。

環境

• ruby 2.0.0p247
• Rails 4.0.0

準備

アプリ作成

rails new uploader
cd uploader

CarrierWave導入

(さらに…)

仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。

フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。

基本的な流れ

1. フォームのsubmitを拾う
2. 通常の送信はキャンセル
3. 送信ボタンを無効化
4. 送信先URLやフォームの入力値を取得
5. 送信
6. 受信後、送信ボタンを戻す

入力値をどう得るか、というのがポイントかと思います。

送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。

デモ

なんかお問い合わせフォーム的なものを用意しました。

まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。

(さらに…)

CSS おれおれ Advent Calendar 2012 – 21日目

セフセフ。

iOSの選択ボタン。HTMLでいうチェックボタン的なもの。”Switch Control”というらしいです。

HTML

こんな感じです。

(さらに…)

CSS おれおれ Advent Calendar 2012 – 14日目

こんな感じのもの。

基本

背景色を黒に、文字色を白っぽい色にします。

フォント

あとそれっぽいフォントを使いました。

Google Web Fontsの “Grand Hotel” というのを利用しています。

• Google Web Fonts
  • Grand Hotel

（個別ページってこれで良いのかな。）

text-shadowでぼわーんってな

(さらに…)