こんな面白いCSSの使い方をしている方がいたのですが、 HPが崩れていたので消される前にメモしておきました。 <p id="menu"> <a id="menu1" href="#text1">テキスト1</a> <a id="menu2" href="#text2">テキスト2</a> <a id="menu3" href="#text3">テキスト3</a> <a id="menu4" href="#text4">テキスト4</a> <a id="menu5" href="#text5">テキスト5</a> </p> <div id="text1"> <h2>テキスト1</h2> <p> …</p></div>

●ページ内リンク <a name="xxx"></a>ドコモのサイトの場合うまくいかないので <a id="xxx"></a>に変更したらうまくいった 参考文献 http://muneto.murakami.biz/mobilesite/%E3%80%90%E6%90%BA%E5%B8%AF%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%80%91docomoxhtml%E3%83%9A%E3%83%BC%E…

HTML5のinput要素のtype属性が以下の場合でどう表示される。 環境はiPhone4(iOS4.0)でiPhone3G(OS3.1.2)の結果 <input type="text"> <input type="search"> <input type="email"> <input type="url"> <input type="number"> <input type="password"> <input type="tel"> 前回のプロジェクトで参考になったため忘れない為にメモします 参考文献http://blog.fonland.net/2009/12/input-type-…

これからたくさんRails3を学んでいくのでちょくちょくメモを取っておくモデルなどによく見る has_many :users, :through => :time_user_links などは ●has_manyはusersをたくさん持っているという意味 ●throughはこの場合ならusersをtime_user_linksにスルー…

今回はファイルのアップロードですが、データベースにではなく直接ファイルを流します。 そのため管理者であるということを条件として作成していきます。 ですのでadministratorは管理者であるという意味です。 そしてadministrator内にfileを作成し、その中…

今回はサーバーをリスタートしてみました。 何らかの時にサーバーをリスタートしたい時にそれが管理画面からできたら凄く便利です。 そこで前回ファイルアップロードをしたのでその中についでにリスタートボタンを追加してみました。 まずはroutes.rbの修正…

今回は検索を出きるようにしてみました。 ユーザー名を検索する際に名前で検索をしてみました。 これはデータベースで全然違ってくるのでパラメーターは自由に変えてOKです まずはパラメーターの:nameが空ではない（！＝否定）をしてします。 LIKEは等号の（…

会社のホームページリニューアルをしていて権限がバラバラだったので一括で権限を設定 しようとしていた時に見つけた便利なコマンド chmod a+Xr -R xxxxxxxこれはa（全てにu(user)+g(group)+o(other)）+ Xが付いているディレクトリーにはXをそのまま付け、付…

ubuntu10.10の64bitでbluetoothマウスを設定してみました。パソコン本体 ：マウスコンピューター Luv Book Lシリーズ マウス ：ソニー vgp-bms10 レーザーbluetoothマウスパソコン本体にAzurewave製 Bluetooth® V2.1+EDR 準拠モジュール が内臓されているは…

ガラケーサイトを制作する中で3キャリアそれぞれの文字種別を管理するヘルパーでオプションを作りそれを使うことによりより見やすいソースを書くことが出来た。まずは３キャリアそれぞれが必要なコードはまずdocomo istyle="1"（全角かな） istyle="2"（半角…

スマートフォンのサイトを作ったときに最初に設定が必要だと思ったところを忘れないようにメモしておきました。まずはmetaタグで全体の設定をしました。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=0.6667, user-scalable=0;"> と設定しました。 content=width=device-widthandroidはほぼ幅320pxだが iphone3G（幅320px） iphone4</meta>…

そういえばrailsのインストールを書いていなかったのでメモ変わりに書き残しておこう思ったので書いておく！ ubuntu10.10の64bitにインストールubuntuではapt-getでインストール $ sudo apt-get install libssl-dev zlib1g-dev libreadline6-devここではバー…

15.8演習 Bundler に関して、以下の設問に答えてください。 1. 管理対象の Ruby アプリケーションが必要とする Gem パッケージを定義するファイルの名前は何ですか。 2. 必要なすべての Gem パッケージがインストールされていることを確認するコマンドは何で…

14.7演習1.書籍が出版年で昇順にソートされるようにbooks#index, books#checked_out アクション を修正してください。 .order("publish_year ASC")2.Book モデルにスコープchecked_out, checked_in を作り、 books コントローラを簡潔に書き換えなさい。 raw…

13.4演習1.ヘルパーメソッドdelete_link を定義し、これを利用してERB テンプレートを書き換えてください。 module ApplicationHelper def delete_link(object) link_to "削除", object, :method => :delete, :confirm => "本当に削除しますか？ " end end2.…

12.5演習1.貸し出し中の書籍を一覧表示するbooks#checked_out アクションを実装してください。 def checked_out @books = Book.where(:checked_out => true) render :action => "index" end2.書籍の一覧ページに「在庫」「貸し出し中」タブを設置し、書籍の…

11.7演習1.書籍を「貸し出し中」にする（checked_out カラムの値をtrue にする）アクションbooks#check_out へのルーティングを設定してください。 Shelf::Application.routes.draw do resources :books do put :check_out, :on => :member end end2.書籍の…

1.書籍を削除するbooks#destroy アクションを実装してください。 def destroy @book = Book.find(params[:id]) @book.destroy redirect_to :books end今更ですが一覧なので複数形に注意します。2.書籍の一覧ページにbooks#destroy アクションへのリンクを設…

1.書籍情報の修正フォームを表示するbooks#edit アクションを実装してください。 def edit @book = Book.find(params[:id]) end 2.books#edit アクションに対応する ERB テンプレートを作成してください。edit.html.erbを作成しnewを張り付けます。 <h1>修正</h1> <%=…

1.新しい書籍の登録フォームを表示するbooks#new アクションを実装してください。 def new @book = Book.new end2.books#new アクションに対応する ERB テンプレートを作成してください。New.html.erbを作成し以下のように編集します。 <h1>新規作成</h1> <%= form_fo…

1.貸し出しされていない（checked_out カラムがfalse である）書籍の題名、筆者、出版年を 一覧表示するbooks#index アクションを実装してください。書籍の題名、著者、出版日、が表示できるようbooks#indexを編集します books_controller.rb(貸出されていな…

1. rails generate model コマンドを使って、Book モデルを生成してください。ただし、 books テーブルはtitle(String), authors(String), publish_year(Integer), comment(Text), checked_out(Boolean) という5 つのカラム（括弧内はデータ型）を持つものと…

5.8演習 1.books コントローラの骨格を作成してください。booksコントローラーの骨格を作成します。まずshelfに移動しましょう。そして作成します。 >rails g controller books 2. /books という URL パスへのアクセスにより、 books#index アクションが実行…

.5演習 1.now アクションを持つ clock コントローラを生成してください。４章で作成したdummyアプリケーションに移動します。 >cd dummy nowアクションを持つclockコントローラーを作成します。 >rails g controller clock now2.ブラウザでhttp://localhost:…

さっそく始めました。著者に了解を得てここでは演習の答えを載せていきます。参考までにどうぞ！3.6演習 私のOSはUbuntu10.10デスクトップ版です。1. 作業ディレクトリに新規アプリケーションの骨格を生成してください。ただし、データベースは SQLite3 を使…

最近人気のRuby on Rails。私もこのプログラムを勉強し幅を広げていこうかと思います。 注目したのは現在のバージョンで最も最新と思われる、テキスト「はじめる！ Rails3（１）」です。 （１）とあるので続編などが出るのではないかと期待している。 詳しく…