2014-07-01から1ヶ月間の記事一覧

Bootstrap ボタンの色一覧とその意味

Bootstrapでは目的に応じてボタンの色を指定することができます。 クラス名 色 意味 btn-default 白 デフォルト btn-primary 青 プライマリ。選択されている状態や規定の項目を表現する。 btn-success 緑 成功 btn-info 水色 情報 btn-warning オレンジ 警告…

Bootstrap テキストフォームを1行に右側や左側で横並びにする

Bootstrapでテキストフォームを横並び 一行で表示したい。 ユーザIDとパスワードを右上に並べて表示したり、あるいは左側に並べてみたり。実現するためには、 <form method="post" action="hoge" class="form-inline text-left"> のように、formタグにclass="form-inline text-XXXX"を指定してやればいい。サンプルの画像はこ</form>…

Bootstrapのtextareaに注意書きみたいなヘルプを付け加える

textareaがあって、その下に「※1000文字以内で入力してください」みたいな、薄いグレーの文字で、注意書きが書いてあるサイトを見かけると思う。 具体的にはこんな感じの。このヘルプの文字を出すには、「help-block」というクラスを指定すればいい。 上の画…

Bootstrapでラジオボタンやチェックボックスを横並びで1行にまとめる方法

今回は、Bootstrapでラジオボタンやチェックボックスを横並びにする方法を見ていきます。 まず最初に、普通に縦に並ぶ例を見て、それから横並びにする方法を試してみます。結論から言うと、「radio-inline」と「checkbox-inline」をクラス名として指定すれば…

Bootstrapをはじめる。対応しているjQueryのバージョンなど。

Bootstrapを使うための準備をしてみます。 必要なファイルなどをダウンロードしましょう。 Bootstrap jQuery Respond.js html5shiv CDNを使う場合 テンプレート Bootstrapまずは、以下のサイトの「Download」をクリックして、Bootstrapを手に入れます。 http…

Webデザインテクニックブックを読んだ感想

結論から言うと、この本は初心者向きではない。 間違いなく、CSS/HTML/JavaScriptの知識がある程度ないと、使いこなすことはできないだろう。では、ある程度経験した人が参照する分にはいいか、と言われると、ググった方がいいように思う。 なぜかというと、…

Ajaxでリクエストを飛ばした時に、No 'Access-Control-Allow-Origin'エラーが出ないようにSpring MVC側でフィルタをかける

jQueryから$.ajaxでリクエストを投げると、 Uncaught TypeError: undefined is not a function gallery.js:2 XMLHttpRequest cannot load http://localhost:8080/shiori/img_list. No 'Access-Control-Allow-Origin' header is present on the requested res…

Spring MVC HTTPで送られてきた画像ファイルを特定のディレクトリに保存する

ApacheからHTTP POSTで送られた画像ファイルを、Spring MVC側で受け取って、特定のディレクトリに格納するサンプルを作りました。ディレクトリ構成はこんな感じです。 目次 mvc-config.xml ImageController ImageDaoImpl.java ImageServiceImpl Image.java m…

Spring MVC ファイルをアップロードする

Spring MVCで画像ファイルをアップロードするプログラムを書いてみました。Apache上で動くHTMLから画像ファイルをポストして、それをサーバ側で受け取って、特定のディレクトリに格納します。 目次 ディレクトリ構成 pom.xml web.xml ImageController.java I…

Windows7 .batファイルの関連付けを元に戻す

.batファイルを間違ってメモ帳みたいな、テキストを開くプログラムに紐付けてしまった。 .batファイルをダブルクリックしてもバッチが実行できず困っていた。結論から言うと元に戻すことはできたのだが、一筋縄ではいかなかった。まず最初に、ぐぐったら一番…

jQuery | テキストボックスに入れた値をクリアする

目次 経緯 テキストボックスの値をクリアする 経緯目次ジェネレータという、目次を作るためのHTMLを自動生成するブラウザアプリを作っていたのですが、 入力をミスったときとか、新しいHTMLを生成したいときに項目をいちいちBackspaceを押しながら消していく…

JavaScript | 変数のスコープ

プログラミング言語におけるスコープとは、変数やパラメータの生存期間を決め、どこからそれらにアクセスできるかという範囲を決めるものです。中括弧でくくられた一連の命令文のことを「ブロックスコープ」といいますが、ブロックの中で定義された変数は、…

setIntervalで実行する関数に引数を渡す方法

JavaScriptで繰り返しタイマーを作成するには、window.setInterval()関数を使います。setIntervalの使い方は以下のとおりです。 setInterval(<関数名>,3000); ・第一パラメータは関数名 ・第二パラメータはタイマーの待ち時間(ミリ秒単位)ごく普通の使い方を…

Tomcatの開発で迷ったら振り返りたい、Java EEの標準ディレクトリ構成

JavaでWebアプリケーションを開発するには、何よりもまず、「Java EE標準ディレクトリ構成」を学ばなければいけない。 Java EEの仕様で、WebコンテナにWebアプリケーションを配置する際は、決められたディレクトリ体系がある。 それが何もわかっていなかった…

20140705 午前

最近はSIerっぽい仕事ばっかり。 打ち合わせ多くて仕事がつまらない。 早くこんなとこ辞められるように頑張らないと。 辞めないうちは、文句もいえない。 実力つける。 <html> <head> <title>SPA</title> <style type="text/css"> body { width : 100%; height : 100%; overflow : hidden; background-color : </head></html>…

2040704 午前の勉強

str1 = "string" str2 = "string" puts str1.object_id #19423512 puts str2.object_id #19423500 puts(str1 == str2) #true puts "string".class #String puts str1.length #6 str1 << "hoge" puts str1.length #10 (1..100).each do |i| case i % 15 when …