2012-01-01から1年間の記事一覧
とうとう 6ヶ月間の受講が修了しました。まだまだWEB業界で通用するレベルにはほど遠い状態ではありますが、それでもおかげ様で入学当時とは比較にならないほどのスキルアップと、たくさんの貴重な経験を積むことができました。そして何よりも、たくさんの新…
作業用音楽装置のロゴ変更！epikhigh くんに作ってもらいました。 実はネーミングがダサすぎるので、ローマ字で誤魔化していたんですが 漢字で良い感じに仕上げてくれました。正確な時間はわかりませんが、作成まで凄まじく早かったです。 数分くらい？２．s…
既に出来上がっているサイトの好きな部分を、WEB上から書き換えるスクリプトを作りました。 書き換えしたい箇所を特定のコメントタグで挟んでおくだけで、以降何度でも書き換えできます。 場所も大きさも自由なので、頻繁に書き換えるトップページの更新情報…
ブログのように WEB 上から記事を書いて サイトを更新していけるスクリプトを作ってみました。管理画面これだけｗ 製作時間はちょうど24時間くらいでした。タイトルと記事を書いてボタンを押すと その記事のページが作成されてサイトに追加されます。とりあ…
以前から作っていた「作業用音楽装置」を、より実用的に使えるようにしました。あらかじめ自分の好きな曲の URL（YouTube） をデータベースに登録しておき ランダムに演奏させるスクリプトです。【バージョン２ からの改善点】 ＊WEB 上から URL の入力、削…
配列数だけ xxx に代入して繰り返す foreach ( $word as $xxx ) { print $xxx; }配列の重複を削除して配列を再編成 $word = array_unique( $word );配列内容を xxx で全部つなげる $word = implode( "xxx", $word );文字列を xxx で分割して配列にする $word…
MUSE「Exogenesis Symphony Part 3 (Redeption)」 ミューズ「エクソジェネシス(脱出創世記) :交響曲第3部 (あがない)」以前けっこう話題になった、芸人鉄拳のパラパラマンガ『振り子』で使われていた曲のフルバージョンです。創造性を高める為に、さっぱり英…
S本さんとS藤さんが、前回作ったフォームを実戦で使ってみてもらえるとの事でしたので、さっそくバージョンアップしました。パっと見はほとんど変わりませんが、スクリプトの中身はかなり変わりました。 僕はギャンブルは全くやらないので詳しくはわからない…
ギャンブルの多点買いで、どれが当たってもほぼ均等な払戻金になる 資金配分を計算。多点買いで均等払いになる投資金額を求める公営ギャンブルに合わせて最小単位を100円に調整している為 投資金の合計に±100円の誤差が出る場合がある。配列を使えば10点買い…
PHPとSQLを使って、作業用音楽装置をバージョンアップ！＊更新の度に全曲をシャッフルする ＊何曲目まで再生したかを表示 ＊一度再生したら一巡するまで同じ曲を再生しない <html lang="ja"> <head> <meta charset="utf-8"> <title>作業用音楽装置２</title> </head> <body style="background-color:#000;color:#fff;padding:10px"> <input type="button" value="再生" onclick="start();"> </body></html>
YouTube の始まる前の鬱陶しい CM とか邪魔な広告が、一切表示されなくなります。 Chrome https://chrome.google.com/webstore/detail/gighmmpiobklfepjocnamgkkbiglidom?hl=jaFirefox https://addons.mozilla.jp/firefox/details/1865 作者による説明 Adblo…
echo と print の違いが、すごくわかりやすくまとめてありました。echo()とprint()の違い
作業中の音楽は YouTube で聴く派です。 BGMを流していて曲が終わった時、次の１曲を選ぶ時に（結局いつもの曲になるのに）意外と時間喰ってるなあと思って、java script でなんとかならないものかと考えました。YouTube の自動再生を利用して、あらかじめ選…
ストップウォッチ <html lang="ja"> <head> <meta charset="utf-8"> <style> body{ background-color:#000; color:#fff; padding :10px; } h1{ margin :0; padding :5px; width :250px; text-align:center; } #sec,#mode{ background-color :#aaa; color :#000; width :250px; margin :20px 0; padding :5px; te</meta></head></html>…
神秘の調和、アップル社のプロダクトデザインに隠された「黄金比」ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法フィボナッチ数列 - デザインの公式 黄金比とフィボナッチ数列について説明する美しい動画
前に作った脳トレプログラムでスキルが足りなくて妥協した部分が、先週習ったDOMを使うとできそうだったので、また挑戦。 ＊秒数をリアルタイムで表示 ＊1〜20まで順番にクリックしていく ＊順番が合っていれば、秒数の下にクリックした番号が追加されていく…
ついでに被リンクにしてみる <html> <head> <meta charset="utf-8"> <link rel='stylesheet' href='style.css' type='text/css' media='screen,print'> <style> .list{ margin :20px 0 300px 20px;cursor:pointer; } dl dd{ margin :0px 0; width:173px;height:auto; } dt { color:#fff;line-height:24px;} body{ backgr…</link></meta></head></html>
epikhigh さんからリクエストがあったので、豆知識サイトのアクセス状況を公開します。 ここに画像を表示すると拡大しても文字が潰れて読めなかったので、リンク先に画像を置きました。まず、ここ一ヶ月の日別アクセス数。 グラフは訪問者数です。 記事が増…
見出しをまとめて表示させなさい。 <body> <header> <hgroup> <h1>七夕</h1> <h2>日本五節句の一つ</h2> </hgroup> </header> <section> <h3>七夕の語源</h3> <p>「古事記」または、日本書紀に登場する。</p> </section> </body>
ブログのエントリー記事を表示させなさい。 <body> <header> <h1>カフェランチブログ</h1> </header> <article> <h2>7月1週目ランチ</h2> <p>ランチで人気の特製ロコモコ丼です。ボリューム満点のハンバーグに特製ソースで味付け！ぜひ食べに来てくださいね。</p> <p><img src="image/locomoco.jpg" width="450" height="338" alt="ハンバーグ、目玉焼き、トマト、サニーレタスがのったロコモコ丼。"></p> </article> </body>
文章を内容でわけて表示させなさい。 body> <header> <h1>クリスマスオーナメント</h1> <p>クリスマスツリーに飾られるオーナメントをご紹介します。</p> </header> <section> <h2>ツリートップ</h2> <p>クリスマスツリーの先端に飾られるオーナメントで、星型をしていることが多い。地域によっては天使が使用される</p></section>…
音声を再生させなさい。 <body> <h1>サンプル音声を再生</h1> <audio src="image/sample.mp3" controls> <p>ブラウザ上で再生できない方は<a href="image/sample.mp3">音声のダウンロード</a>をどうぞ。</p> </audio> </body>
動画を表示させなさい。 <body> <h1>サンプル動画を表示</h1> <video src="image/sample.mp4" controls> <p><img src="image/sample.jpg" alt="動画のサムネイル"></p> <p><a href="image/sample.mp4">動画のダウンロード</a></p> </video> <p>※サンプル動画は無音です。</p> </body>
地図のPDFを表示させなさい。 <body> <h1>地図のPDFを表示</h1> <object data="image/map.pdf" width="600" height="400"> <p><img src="image/map.gif" alt="地図PDFのサムネイル"></p> <p><a href="image/map.pdf">PDFのダウンロード</a></p> </object> </body>
コピーライトを表示させなさい。 <body> <h1>コピーライトを表示</h1> <p>コピーライトとは著作権という意味です。</p> <p><small>Copyright © studio felica Inc. All Rights Reserved.</small></p> </body>
本来の文章の意図から離れて強調したい部分を区別して表示させなさい。 <body> <h1>蛍光ペンである部分を区別</h1> <p>先生はしばらく困ったようすでしたが、眼を<mark>カムパネルラ</mark>の方へ向けて、「では<mark>カムパネルラ</mark>さん。」と名指しました。するとあんなに元気に手をあげた<mark>カムパネ</mark></p></body>…
話している部分を区別して表示させなさい。 <body> <h1>日記内で人が話している部分を区別</h1> <p>今日はとても暑い日だった。日陰を歩いていたら、近くに居た人の声が聞こえてきた。<br /> <i>「わあ！キレイ・・・！」</i><br /> 思わず声のする方に目をやると、とてもキレイなひまわりが咲いて</p></body>…
日付を表示させなさい。 <body> <h1>上野動物園のパンダに赤ちゃんが生まれる</h1> <time datetime="2012-07-06" pubdate="pubdate">2012年7月6日</time> </body>
引用を表示させなさい。 <body> <h1>読書メモ</h1> <p>本のタイトルや気になったフレーズなどをメモしていきます。</p> <cite>引用：グスコーブドリの伝記</cite> </body> <body> <h1>読書メモ</h1> <p>本のタイトルや気になったフレーズなどをメモしていきます。</p> <cite>引用：グスコーブドリの伝記</cite> <p>グスコーブドリは、<q>イーハト</q></p></body>…
面積の単位を表示させなさい。 <body> <h1>面積の単位を表示</h1> <p>１辺の長さが１メートルの正方形の面積は、１m<sup>2</sup>と表します。</p> </body>
