2014-07-01から1ヶ月間の記事一覧
Bootstrapでは目的に応じてボタンの色を指定することができます。 クラス名 色 意味 btn-default 白 デフォルト btn-primary 青 プライマリ。選択されている状態や規定の項目を表現する。 btn-success 緑 成功 btn-info 水色 情報 btn-warning オレンジ 警告…
Bootstrapでテキストフォームを横並び 一行で表示したい。 ユーザIDとパスワードを右上に並べて表示したり、あるいは左側に並べてみたり。実現するためには、 <form method="post" action="hoge" class="form-inline text-left"> のように、formタグにclass="form-inline text-XXXX"を指定してやればいい。サンプルの画像はこ</form>…
textareaがあって、その下に「※1000文字以内で入力してください」みたいな、薄いグレーの文字で、注意書きが書いてあるサイトを見かけると思う。 具体的にはこんな感じの。このヘルプの文字を出すには、「help-block」というクラスを指定すればいい。 上の画…
今回は、Bootstrapでラジオボタンやチェックボックスを横並びにする方法を見ていきます。 まず最初に、普通に縦に並ぶ例を見て、それから横並びにする方法を試してみます。結論から言うと、「radio-inline」と「checkbox-inline」をクラス名として指定すれば…
Bootstrapを使うための準備をしてみます。 必要なファイルなどをダウンロードしましょう。 Bootstrap jQuery Respond.js html5shiv CDNを使う場合 テンプレート Bootstrapまずは、以下のサイトの「Download」をクリックして、Bootstrapを手に入れます。 http…
結論から言うと、この本は初心者向きではない。 間違いなく、CSS/HTML/JavaScriptの知識がある程度ないと、使いこなすことはできないだろう。では、ある程度経験した人が参照する分にはいいか、と言われると、ググった方がいいように思う。 なぜかというと、…
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…
ApacheからHTTP POSTで送られた画像ファイルを、Spring MVC側で受け取って、特定のディレクトリに格納するサンプルを作りました。ディレクトリ構成はこんな感じです。 目次 mvc-config.xml ImageController ImageDaoImpl.java ImageServiceImpl Image.java m…
Spring MVCで画像ファイルをアップロードするプログラムを書いてみました。Apache上で動くHTMLから画像ファイルをポストして、それをサーバ側で受け取って、特定のディレクトリに格納します。 目次 ディレクトリ構成 pom.xml web.xml ImageController.java I…
.batファイルを間違ってメモ帳みたいな、テキストを開くプログラムに紐付けてしまった。 .batファイルをダブルクリックしてもバッチが実行できず困っていた。結論から言うと元に戻すことはできたのだが、一筋縄ではいかなかった。まず最初に、ぐぐったら一番…
目次 経緯 テキストボックスの値をクリアする 経緯目次ジェネレータという、目次を作るためのHTMLを自動生成するブラウザアプリを作っていたのですが、 入力をミスったときとか、新しいHTMLを生成したいときに項目をいちいちBackspaceを押しながら消していく…
プログラミング言語におけるスコープとは、変数やパラメータの生存期間を決め、どこからそれらにアクセスできるかという範囲を決めるものです。中括弧でくくられた一連の命令文のことを「ブロックスコープ」といいますが、ブロックの中で定義された変数は、…
JavaScriptで繰り返しタイマーを作成するには、window.setInterval()関数を使います。setIntervalの使い方は以下のとおりです。 setInterval(<関数名>,3000); ・第一パラメータは関数名 ・第二パラメータはタイマーの待ち時間(ミリ秒単位)ごく普通の使い方を…
JavaでWebアプリケーションを開発するには、何よりもまず、「Java EE標準ディレクトリ構成」を学ばなければいけない。 Java EEの仕様で、WebコンテナにWebアプリケーションを配置する際は、決められたディレクトリ体系がある。 それが何もわかっていなかった…
最近はSIerっぽい仕事ばっかり。 打ち合わせ多くて仕事がつまらない。 早くこんなとこ辞められるように頑張らないと。 辞めないうちは、文句もいえない。 実力つける。 <html> <head> <title>SPA</title> <style type="text/css"> body { width : 100%; height : 100%; overflow : hidden; background-color : </head></html>…
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 …