※スマホ対応はしてません。

タグ: チュートリアル

Ruby on RailsをDockerで始めるサンプルとチュートリアルを書いたよ。

カテゴリー: Ruby on Rails

書いたぞ。

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

関連:


→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. 止める

    (さらに…)

Ruby on Rails+CarrierWave+RMagickで画像アップローダーをささっと作る手順。

カテゴリー: Ruby on Rails

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

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

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

概要

何それ

これこれ。

めんどい

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

sedまじ便利。

環境

  • ruby 2.0.0p247
  • Rails 4.0.0

準備

アプリ作成

rails new uploader
cd uploader

CarrierWave導入

(さらに…)

jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。

カテゴリー: JavaScript

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

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

基本的な流れ

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

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

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

デモ

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

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

(さらに…)

CSSでiOS風のチェックボタンをつくるチュートリアル。(CSS おれおれ Advent Calendar 2012 – 21日目)

カテゴリー: CSS

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

セフセフ。

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

Switch Control風チェックボックス

HTML

こんな感じです。

(さらに…)

CSSでネオン風のスタイルを作ってみた。(CSS おれおれ Advent Calendar 2012 – 14日目)

カテゴリー: CSS

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

こんな感じのもの。

ネオン風に。

基本

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

フォント

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

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

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

text-shadowでぼわーんってな

(さらに…)