2011-01-01から1年間の記事一覧
今までは23インチのモニターを使っていたんですが、最近開発をしているときにちょっと画面が小さいなぁと思っていたのでもう一台21インチのモニターを購入しました。プログラミングや何か作業をしているときはマルチタスクでいろんなアプリやブラウザを立ち…
Googleの社内写真を集めました。 ポロライド風写真(Google社内写真)
(v2)ではAPIキーをURIごとに取得しなければいけませんでしたが、(v3)からはAPIキーが不用になりました。テスト環境や本番に移行した際にAPIキーの取り直しといったわずらわしさがないのでお手軽に使えるようになりました。 コントロールの種類と表示設定 Goo…
確認ページ HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>おかず</title> <link rel="stylesheet" href="css/base.css" type="text/css"> </head> <body> <section id="container">…</section></body></html>
手元にあるPHPの教材でCodelgniterを使ってのサンプルがあったのでインストールしてみました。 Codelgniterとは アメリカのElisLab社によって開発されているフレームワーク。特徴としては軽量で高速、シンプルな機能構成・設定ファイル、コマンドラインが不…
API「application programming interface」 Webサイトなどの開発を効率的に行うための技術で、Webサーバ上にあるAPIを利用した、プログラミング手法です。この「Web API」はGoogleやAmazon、Yahoo!、Youtubeや楽天、じゃらん、はてなといった有名どころのサ…
PHPとMYSQLが多少分かってきたのでそろそろwordpressの方にも力を入れていきたいと思います。とりあえず今日は買ったテキストで勉強してました。作りたいネタもある事はあるけど、特にサイトを制作しての商売とかは考えていないのでそれよりはPHPやらSQLやら…
前に作ったお問い合わせフォームで使用した正規表現のメモ。 mb_convert_kana 文字列を「全角」←→「半角」に変換する。 mb_convert_kana( 文字列, 変換オプション, 文字エンコーディング ); 第3引数で出力する文字エンコーディングを指定します。指定しない…
※ローカルでは全てのエラー確認が出来ましたが、何故かサーバーに上げるとお名前フォームの全角カナの判定がうまく作動してくれません。とりあえず今はその部分の入力チェックは行わないようにしています。 12/16 バグ修正しました。授業でフォームの練習を…
課題3 課題3←確認ページ 現在は" . $time . "です</h3>\n"; if ($time < 6) { echo "夜更かししすぎです\n"; } else if ($time < 11) { echo "おはようございます\n"; } else if ($time < 18) { echo "こんにちは\n"; } else if ($time < 23) { echo "こんばんは\…
外部ブラウザで開かない原因を考えるといろいろあるなぁと思ったのですが、とりあえず知っている限りの設定方法と確認場所を書いていきます。 まずは外部ブラウザの表示の方法 ■メニューバーの「実行(R)」⇒「実行(S)」⇒「PHP Webページ」■左のエクスプローラ…
2カラム 3カラム←確認ページ <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>カラム練習</title> <style type="text/css"> * { margin:0; padding:0; } #container { width:750px; height:auto; margin:40px auto; background-color:#fff; } #header { width:100%; …</meta></head></html>
PHP課題【001】←確認ページ 1500円の商品の税込は" . $total . "円です。</h2>"; ?>
昨日の授業で演算子・if文を書いてる時にふとFizz Buzz問題を思い出したのでやってみました。 Fizz Buzzとは 1から100までの数を表示させる。ただし3の倍数の時は数字の代わりにFizz、5の倍数の時は数字の代わりにBuzz、3と5両方の倍数の時はFizz Buzzと表示…
簡単な計算フォームを作ってみた http://www35.atpages.jp/kirix/ninja/original/calc/calc.html←確認ページ html <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>計算</title> <body> <form action="calc.php" name="form1" method="post"> <p></p></form></body></meta></head></html>
jqueryによるアコーディオン アコーディオン←確認ページ ソース <html> <head> <meta charset="UTF-8"> <title>アコーディオン</title> <style type="text/css"> * { margin:0; padding:0; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "MS Pゴシック", sans-seri</meta></head></html>…
dt.dd横並び定義 html <dl> <dt>2011.11.29</dt> <dd>横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト</dd> <dt>2011.11.29</dt> <dd>横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト横並びテスト</dd> <dt>2011.11.29</dt> <dd>横</dd></dl>…
配列演算 これだとあんまり配列使う意味がないかな? 演習 var a = new Array(5 , 12 , 18); var b = new Array(33 , 14 , 65); function calc1() { var sum = a[0] * b[0]; alert(sum); } function calc2() { var sum = a[1] * b[1]; alert(sum); } function…
昔使ってたvistaのノートPCにLinuxをインストールしてみました。このvistaはもともとスペックがあまり高くないということもあるのですが、だんだん調子が悪くなってきてファイルを開くだけでもえらく時間がかかり、とても使える状態ではありませんでした。で…
昨日途中まで作って今日まで持ち越すのもなんなので、完成させました。 まだfloatの段組みで時間かかっちゃうかなぁ。 ※一部修正しました。contentページのサイドバーのバックのカラーを指定し忘れていたのと、コンテンツのソースの順番を「nabigation⇒写真⇒…
smooth.pack.js http://kikin.han-be.com/lessonWork/1116/smoothscroll1.html 忍者にjavascriptのソースをアップロードしたままなのでパスの指定はそこにしました。 smoothScroll.js http://kikin.han-be.com/lessonWork/1116/smoothscroll2.html smoothScr…
Math.floor() (小数点以下切り下げ) Math.round() (小数点以下を四捨五入) Math.random() (乱数を発生) Math.floor() & Math.random() (整数の乱数を求める)
ANTICA VINERIA GIULIANO http://kikin.han-be.com/lessonWork/1114/top.html←課題制作サイトへ TOPのソース <html lang="ja"> <head> <meta charset="UTF-8"> <title>ANTICA</title> <style type="text/css"> * { margin: 0; padding: 0; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", …</meta></head></html>
少し前にPHPの開発環境としてEclipseを導入したんですが、HTML/CSS環境も作ろうと思いEclipseのプラグインを追加しました。 Aptana EclipseベースのフリーのWebオーサリングツール。 Zen-Coding HTML/CSSをショートカット+スニペットで簡略化してコードを書…
onClickで別ウィンドウ 確認ページ onMouseで画像変更 確認ページ onMouseで色変更 確認ページ 背景色変更 確認ページ 初級CSS課題【S14】〜【S16】UPしました。 http://kikin.han-be.com/html_css.html
サムネイル Javascriptでの画像置換 ← 課題制作用ページに飛びます。
授業で作成したナビゲーションのオーバーロールを復習。 もちろん見た目は全部一緒です。 CSS http://kikin.han-be.com/lessonWork/1107/navTestCss1.html jsイベント http://kikin.han-be.com/lessonWork/1107/navTestJs1.html jsライブラリ(Daniel Nolan) …
ninja 課題制作用サイト課題制作をアップするninjaのホームページをレイアウトしました。 ただこれで完成ではなくてとりあえずのレイアウトです。どういうスタイルにするのか自分で考えると、たったこれだけの制作でも時間がかなりかかってしまった。結局最…
手間取った 今日の授業はWANTS CAKEサイトのIE対策をしてました。 IE対策と元のレイアウトの微調整をしていたら思ったより時間がかかってしまった…。IE対策はちゃんとCSSや各要素の構造を理解していないと手間取ってしまいますね。しかし一筋縄でいかないと…