web
授業が始まってしまう。 非常に久しぶりの更新。 panoramaサンプル。 html5 使ってるので例によって safari か chromeで。 google map api が v3 になってから、api key が要らなくなったのは良いのだが、 search api などとの連携ができなくなった。 痛し痒…
新しく入れた wordpress の plugin の SyntaxHighlighter が markdown と干渉しまくる。 markdown とは長いつきあいでもう離れられないので、 泣く泣く SyntaxHighlighter を停止する。 まあ、これまでみたいにソースは wiki に貼ればよいか。 それはそうと…
twitter のトップページ (ログインページ) で、縦や横にスクロールしているやつは、 jQuery の jquery-scrollList というものを使っているようだ。 さらに、その jquery-scrollList のソースを読んでみると、 これが案外簡単で短いコードで、 jQuery の anim…
Rubyで組んだdaemonだけど、思うにせっかくJSON形式で実時間でデータもらってきているのだから、 それをそのまま返すよう webサーバを兼ねるようにしてやって、 JavaScript でアクセスすれば、 ざらざら字幕が流れるような実況できると思うんだ。 mysql や一…
自宅サーバでは twitter api でばんばん遊んでいるのだが、 近頃 Basic 認証から OAuth 認証に移行したりして、けっこう難しくなってきた。 そもそも授業の演習用に学生に twitter のアカウント取らせたりするのが面倒。 まあ、ゼミ生くらいになれば目も届く…
HTML5についてのおさらい。 なるほど。
このブログで遊んでみた。 chrome や safari で見るとわかります。 あと、google の slideがやや更新されていた。 SVGとか。 ていうか、SVGっていうタグができたんだこりゃすごいんだかなんだか良くわからない。
mixiアプリ蛇ゲームが審査を通って公開された。 ソース等。 今ならすべてのアプリ(新着順)で見られるが、そのうち埋もれてしまうんだろうな。
突然だが、ゼミの学生と話しててじゃあmixiアプリでも作ってみるかという ことになり、http://mixi.jp/run_appli.pl?id=23138 作ってみちゃったりしたので、遊んでみてください。 mixi アプリ for PC というものなので、携帯では見えないだろうと思います、…
ボタンで。 buttonタグって昔からあったんだなぁ。 いろいろ比較。
あいかわらず transition で遊んでみる。 その2 その3 その4
Tableless web designっていう用語があるんだな。 13 Reasons Why CSS Is Superior to Tables in Website Design ま、確かに、ページレイアウトにtableを一切使わなくなったのはここ2、3年だし、 それはwordpressなんかのテーマを書くようになってからとも言…
フォントサイズを変えてみる。 特に問題なし。 document.getElementsByClassNameを使ってみる。 うはは、動く動く。 firefox3.6 でも、スライダがテキスト入力になるだけで一応動くな。 キーボードで
ビデオのサンプル。 Adobe Media Encoder で H.264のmp4を作成。 safari ではさすがにきちんと再生できるが、chrome ではだめだめ。 まだまだ実用性はないようだ。
バグってたので直した。 far-past と far-future は不要かと思ったのだが、 どうもなめらかに表示するのに(つまり、-webkit-transition のために) 先読みしておく必要があるようなので、 元に戻した。 あと、いろいろ使われてないコードなどあったので整理。…
html5 スライドだけど、 一切 Google API など使わずに、純粋に html5 + JavaScript でかけることがわかった。 Webに置く必要もない。ローカルファイルとして動く。 外部の API やよけいな JS や CSS を読み込む必要なし。 ただ全部コードを読んで、 JavaScr…
A Basic Raycaster canvascape: 3d walker canvas photo safari css references
google chrome でしかまともに動かないが、すごい。 css3の transitionプロパティでアニメーションサンプルをいろいろ作ってみた hover ってアンカータグ以外にも使っていいのか。 たったこれだけで動く。 hoverだけでなくactiveも当然使えるわけだな。 こち…
GWT、google web toolkit。 JavaをJavaScriptにコンパイルしてHTML5で動かしてしまうという、かなり力技なしろもの。 HTML5にはcanvasがあるわけだから、 Java Applet もGWTでコンパイルしてHTML5で動くのかもしれん。 ていうか今更誰もJava Appletとか興味…
このスライドだが、 キー入力ができるのだから、javascriptを読み込んでいるはずだが、 ソースを読むとそれらしい javascript は google api くらいしかない。 さては google slide api とかあるのかと思い、調べてみると Ajax Slide Show というものがある…
html ruby て何かと思ったら言語の ruby ではなくてルビを振るタグの仕様らしい。 html5 で標準仕様となったらしいんで、試してみたのだが、 確かに chrome 4 と IE 8 では動くが、firefox 3.6 と safari 4、opera 10 は未対応のようだ。 レンダリング: 安積…
三年生向けの集中講義で html5 の canvas をやろうと思ったのだが、 これだけじゃ大したことはできなさそうだ。 WebGLあたりもやったほうがよかろうか。 Firefox 3.7a2pre Nightly Build WebGL Test。 ブラウザがOpenGLをサポートするのかそれはすごい時代に…
通常の背景色(というよりは、背景画像の画素の色)と文字を選択した時の色がほとんど同じで困ったので調べてみた。 文字を選択した時の色+文字選択時のコネタ。 すばらしい。 そのものずばり。 たぶん選択した時の色は背景色を反転させているだけ(或いはそれ…
なんかもう、教えることがほんとになくなってきたんで、photoshopかgimpでボタンの描き方でもやろうかと思ったのだが、やってみるとそれなりに難しい。しかも、まるでやる気が沸いてこない、自分的に。 基本的にこの手のグラフィックが自分にとことん合って…
日本外史補完計画は2007年10月から始めたのだが、 それから2年あまりを経て、 やっと源氏正記源氏上下(巻之二、三)の現代語訳が終わった。 だいたい、他にもつまみ食いしているから巻数でいうと三巻分くらいか。 全体の1/10以上はやったが、1/5には達してな…
まだやってます。 住所表示追加。 そうかあ。 あの人型のマーカーって、google Maps APIで勝手に表示してはくれないんだ。 GIconクラスって言うんだな。めんどくさい。 普通、ストリートビューを開くと、右下にマップも重ねて表示されるんだが、 あれってつ…
だんだん教えるネタがなくなって来たんで、 先週は google maps api とかやったんで、 今週は streetview panorama やることにした。 厚木はストリートビューの範囲に入ってないのでやむを得ず中野をサンプルにしてみる。 二階のベランダに誰か立ってる。 緯…
cssとcs:s。 たしかに紛らわしい。 授業準備。 とりあえずfloat関連をがっつりと。 menubar_samples1 sidebar_samples1 sidebar_samples2 sidebar_samples3 sidebar_samples4 sidebar_samples5 sidebar_samples6 sidebar_samples7
すべてのメディアはソーシャルに向かう 大変革期を迎えたマスメディア企業への提言 ここで 「すべてのメディアは、紙などの従来型メディアからデジタルメディアに移行し、最終的にソーシャルメディアに向かう」 と言い、また、 従来型メディアの代表として紙…
あまりにも待ち遠しいので、phpでさくっと作ってみた。 $target_time = mktime(0,0,0,4,1,2010); $current_time = time(); $diff_time = $target_time - $current_time; $diff_time = round($diff_time / 3600 / 24); $text = "神奈川県受動喫煙防止条例発動…