手とり足とり教えるスレ part3
■ このスレッドは過去ログ倉庫に格納されています
Javascriptはnullに聞け
◆.PT9876/4U
http://www17.ocn.ne.jp/~addict/
htmlはタクトに聞け
Web先生、HTTP教授他
http://www5.starhope-japan.com/ >>1
ひどく使い勝手が悪い "part3" だぎゃ〜 !
いやがらせですかい ? スレタイ間違ってるせいでずっと誤解を招きそう
なのでさよならこのスレ。 >>2
前スレで質問したんだけれども、イライラした時はどうしてる?
わりと煽られることが多いだろ。だから聞きたくて。
雑談すまぬ。以外とお前が好きなんだ。
確かにちょっとずれてる部分はあるけれども。 >>16
>イライラした時はどうしてる?
プライベートならば一発こいて寝る.
Web 上ならば徹底的に無視する.
(釣られやすいと評価している人も いるようだが実は その逆...)
"問題アリ" と判定した人には それ以後いっさい関らないようにしている.
そのことが深刻な粘着君を作り出しているような気が...
> 雑談すまぬ
前スレは ともかく, ここがまともに機能することは なさそうだと思う.
(僕は新スレを建てようと考えたが 弾かれた)
雑談以外に使いみちは ないと思われ.
> 確かにちょっとずれてる部分はあるけれども
馬鹿だと お呼び ! すげー。part3できてるw
ちなみに、空レスで下げてる人って前スレの最後埋めた人?
あと、>>1は本スレへの誘導しなきゃだめだろ。
でも乙 ようやく新スレ到着。
スレタイからJavaScriptの文字を消したのは何故。 質問スレから誘導されてきました。
ttp://www.msn.co.jp/home.armx
MSNのサイトを見ると、フラッシュのバナーの上にマウスを乗せると、
htmlの部分にかぶって大きくなる広告があるのですが、
このjavascriptはどんな風に書けばいいのでしょうか?
検索しようにもどんな単語で検索すればいいのかわかりません。。
宜しくお願いします。 >>23-25
"JavaScript 質問スレッドは一つでなければならない" と考えて
あからさまに妨害をしたい人がいるのではないだろうか ?
前スレの最後の意味のない埋め立て,
タイトル変更, その他もろもろからして...
(この状態では PC 初心者をもサポートするかのような印象を受ける)
(どう考えても そのようなことをやるのは不可能だと思う)
僕個人としては ここを以前と同じようには考えていない.
>>26
せっかく頼って来てくれたのに申し訳ないけど,
上に書いた通り, ここは まともに機能しないスレッドとなってしまった.
(すでに見限ってる人もいるし, 僕も同様)
対策を考えているけれど, どうしたものか...
そしてリンク先でも あんたの言うような状態を確認できていない. msnのは「なんとかの呪いを信じますか?」って広告だな。何度もリロードしてようやく見つけた。
これはFlash側の細工の方が大きいのでは。
JavaScriptでやるなら半透明まで再現するかどうか。 >>32
>"JavaScript 質問スレッドは一つでなければならない"
いやー、そんな事考えて無かったよ。
どうせなら、Javascriptに留まらずいろんな事教えてもらえばいいじゃないかと思っただけさ
Web先生は住むとこがなくなって2chできないらしいから、一人でがんばって頂戴。 とりあえず, ここは (雑音であるという理由で) 今まで避けて来た話題を
煮詰めるために使うしかないと思ってる.
唐揚げしてる人, 言いたいことがあるのなら言ってみないか ?
>>1 も こういう形にした真意を言ってみたらどうか ?
しかし, こういうスレッドが必要とされているのは まぎれない真実だ ! >>41
>Javascriptに留まらずいろんな事教えてもらえば
受け持ち範囲を絞ってるからこそ, きめ細かい対応が可能になるとは思わないかい ?
"なんでもあり" の掲示板ならばスレッド化している意味がないでしょ ?
たとえば " PC 操作の基礎からの説明 " を延々と やられたらどうか ?
大切なことは必要とされる情報を必要なだけ提供すること.
言い替えれば 無駄な情報を垂れ流さないことだ.
web なんたらが支持されないのは
頼みもしない無駄な情報が多く,
かつ, 間違いが散りばめられているからだ. メールによるお問い合わせフォームを作成しています。
説明書によるとCGIプログラムが利用可能なサーバー提供会社でないといけないようですが、
現在使っているyahooのジオサイトは対応していないと言うことです。
アドレスも使いづらいのでCGIプログラムが使えて、比較的料金も安く、安心して使えるところがあれば教えてください。 どうしてスレ違いなんですか?
手とり足とり教えるスレではないのですか? ああっ、JavaScriptしばりじゃなくなってるよこのスレ!
>>55
じゃあマジレス。
こないだ使ったAT-LINKというところがなかなか良かったです。 プロフェッショナルが集まるこの版が私の最後の砦です。
PCってのは、思いつくことは何でもできると聞いてもう早6年、それでも私の知識じゃ無理だったサイトの作り方、思いついたらレスください。
皆様も初めてPCを買う人に、「(常識的な範囲で)何でもできるよ」って言ったこと、ありますよね?
そんな皆様、責任を持って助けてください(笑)。
私は1枚の顔写真を持っています。
それをphotoshopで加工し、どんどんひげが伸びていく様子を10枚ほど作りました。
1はピカピカの顔。2はちょっとチクチク。3は無精ひげ....ってな感じです。
さて、これをweb上にアップします。
顔写真1があって、下にはダイアログで「ここをクリックしてひげそり」って感じにします。
その日、閲覧した誰もそこをクリックしないと、日付が変わって写真2になります。
またさらに誰もクリックしないと写真3になり、どんどんひげが伸びた画像に変わっていきます。
途中で誰かがクリックすると、また写真1に戻り、ピカピカの顔になります。
さて、このWEBを作るには何を使えばよいのでしょうか。
ご教授よろしくいお願いします。
ちなみに、私まだ初級と中級を行き来する者ですので、
せめて検索しやすい言葉でご教授いただければ幸いです。
よろしくお願いいたします。 そろばんの10倍くらい使う人に練習が必要な計算機、
と親父にパソコン買ってやったときに言った覚えはあるけど。さておき、
サーバサイドで、
1.クリックされた時刻を記録しておくプログラムと、
2.1の時刻と現在の時刻と比較して、0日後、1日後、2日後、3日後…の画像を
返すプログラムを作っておく。
クライアントサイドで、
3.2のプログラムをsrcにしたimgを貼る。
4.imgをクリックされたら1のプログラムを叩き、3の画像をリロード。
暇つぶし代わりにちょっと質問。
サーバーのチャットログをJavascriptで読み込んで表示する場合に、
2つのチャットログを読み込んで時系列でソートして表示って難しい?
ログ1つならよくチャット系ので見かけるから流用できそうだけど、
2つを読み込んでソートはなかなか難しそうor重そうだなとなんとなく思ったので。
PerlならいけるんだけどJavascriptは苦手なので、
難しそうなら諦めようかなと考えてたり。 >>61
くっつけて普通にソート
同時にしようとしてるから難しいのでは? input,textarea,select{
background-color:#XXXXXX;
color:#XXXXXX;
}
・ XXXXXX は16進数
・ CSS の記述は解ってるものと想定 ここはnullが立てた荒らしスレです。
◆.PT9876/4UはNGワードにしましょう。 Web先生いますか?
その節はありがとうございました。 <div class="a">text</div>
.a{ border:1px solid red; height:500px; width:500px;}
上記のような場合のときに、textを中心に持っていきたいのですが、どうやれば
いいのでしょうか?横は、text-alignでできるのですが、縦に中心に持っていくには
どうすればいいのでしょうか? FreeCGIにて掲示板を設置してみたのですが、スパムな広告の書き込みが多くて困ってます。
対策として必ず日本語(2バイト文字?)が入らないと書き込めないようにしたいのですが、どうやればいいのでしょうか?
使用している掲示板は↓です。
ttp://kboard.kaism.com/sample/kboard.cgi あの手の書き込みって律儀にjavascriptオンのブラウザでやってないでしょ。
サーバー側でやるしかないと思う。 ◆.PT9876/4Uさんに、以前一からスプリクトを作っていただいたものですが
また作っていただく事はできませんでしょうか・・・・
スレタイが変わってしまい、Javasprictの事とは無縁?のスレのようですが
Javasprict作成依頼スレなどあるようでしたら誘導していただければと思いますm(__)m >>144
CGI 取り替えてはいかが ?
www.web-liberty.net/download/index.html
"Web Board Pro"
気の効いた機能満載の perl script.
僕も使わせていただいてます.
>>146
詳細を伺いましょうか ?
>>147
召喚されて来ますた ! >>142
CSS の問題になるけど垂直方向のセンタリングって やったことないや.
ちょっと実験してみるかな ? >>142
block element に限るけれど.
margin-top:50%;
margin-bottom:50%";
を指定してやれば 一応 垂直方向センタリングになるけど... >>150
50% + 50% + 子要素の高さ > 親要素の高さ(100%)
オーバーフローしてるわな
inline要素なら普通vertical-align使うべきだろ やっぱnullだな。
3ヶ月前の質問へのレスしてるし。 >>150
position:absolute;
top:50%;
margin-top:マイナス センタリングしたいブロック要素の高さの半分;
でばっちりまんなか。
質問なのでageさせて。
script.aculo.usでonclick="new Effect.Appear('BBBB');"
って書いて#BBBBのdivをフェードインさせたいんだけど、
IE6でもFirefox2.0.0.3でもフェードインしてくれないんだ。
Firebugで見たらOpacityはちゃんと動かしてくれてたんだけど。
タブ切り替えたり、ドラッグで窓の大きさを変更すると
突然#BBBBが現れるのでレンダリングをさぼられてたような雰囲気。
よそのファイル読んでる訳でなし、キャッシュは関係ないよね?
リファレンスに載ってたサンプルは動くのに(´・ω・`)
WinXPx64、script.aculo.us1.7.0、prototype.js1.5.0。おながいします。 >>157
待ってました !
しかし, prototyp.js など (の js library) は いじったことありません.
(だれか助け船よろしく) >>159 == >>157 ?
お気の毒さま.
みんな冷たいよねぇ〜.
この機会に library の研究 ???
って, 今から仕様を調べていたのでは間に合わねぇ〜 ! >>160
no.
>>159 != >>157
so true. このスレッドは やっぱりダメかも ?
なにせ, >>1 がアレだからなぁ〜.
え" ?
そういうお前も "アレ" だって ?
それ言っちゃ, お仕舞いよ ! いろいろ考えたけれど ここを再利用することに決定. (>>1 さん, 御免なさい.)
それにしても 類似スレッドの多いこと!!! (みんな おいらが 悪いのさ !) 奇しくも ほぼ一年ぶりで 同じ場所に舞い戻った形.
"JavaScript 質問用スレッド" の過去スレからのピックアップは頓挫しましたとさ.
#1 全部読み終わってサンプル作る気になった質問は たった一つ.
いくらなんでも効率悪すぎ !
作ったサンプル:
homepage2.nifty.com/alter/samples/table_background/exam.html 本日のサンプル:
"popup_thumdnail"
homepage2.nifty.com/alter/samples/popup_thumbnail/exam.html とりあえずガンガン揚げ.
サンプルの動作確認情報を切に希望しますだ. nifty 用 0ch script (旧ばーじょん) 設置完了.
必要なときが来るまで保留しておこう.
(設置した BBS が spum の温床になった苦い経験あり) ダウンロードサイトベクターのダウンロードカウンターってどうやって数えてるの? >169
ようこそここへ !
>ダウンロードカウンターってどうやって数えてるの?
良く判んないけど,
その手の CGI を配布しているサイトがあった記憶が...
お役に立てました ? Javascriptのスレなのね
CGIでやるとリンクにマウスあてるとcgiのリンクアドみえるでしょ
あれが嫌いなんです。
ま、KYっぽいんで、お邪魔しました >169
www.cgi-down.com/cgi/downcon.php
例えば こことか b(-_-)
>171
今 ここには僕しかいないので文句を言うやつぁ〜いね〜ずら.
なので, JavaScript に限らず,
知っている範囲で お答えするです.
(ここを建てた >>1 の意図はそういったものだったに違いない)
もしかすると お役に立てるかもしれませんよ !
ついでだから雑談でもしていきませんか ? ども。お言葉に甘えて。
<a href="http://www.***/file/bbb.lzh">bbb.lzhのダウンロード</a>
<a href="http://www.***/cgi-bin/downcon.cgi?
down=http://www.user/file/bbb.lzh&name=bbb.lzhファイル&hp=http://www.user/file/aaa.html">aaaのページ</a>
てな具合にcgi?down=アドレスとなるわけです。
直アドでカウントできればなぁと。
で、ベクターはどないなっとんねんというわけです。 >>173
僕は かつて (今年の2月頃まで) xrea を借りてました.
Access Log CGI などを漁りまくったことがあります.
それで, 結局は 俗に言う "生ログ" を
FTP でダウンロードして眺める方法に 落ち着きました.
単にアクセスの状況を知りたいのなら これで十分な気がします.
(データを集計して残しておきたいのなら 面倒臭すぎることになりますが)
それと最近のアクセスログ CGI は JavaScript 併用のタイプが多く存在します.
この手のものなら 小細工ができる気がしますが...
要するに "ポチ" の回数を知りたい訳でしょ ? 生ログですか。
ロリポップだけど。。。
あるかな? >>173
中の人じゃないからあくまで推定だけど
ベクターはservletでPATH_INFOを使ってると思う。
CGIでもPATH_INFOを使えるけどファイルのパスや拡張子を
制限されててどうしてもcgiの文字が入ってしまうことが多いね。
雑談したいならこのままでもいいけど
詳しく知りたいならWebProg板の方がいいな。 >>173
たとえば >>172 の所の解説を読むと...
<a href="http://www.***/cgi-bin/downcon.cgi?
down=http://www.user/file/bbb.lzh&
name=bbb.lzhファイル&
hp=http://www.user/file/aaa.html
">aaaのページ</a>
これらの "get" で送られるパラメータは JavaScript で
こっそり送信できる気がしますが...
(DOM で onclick の動作を自動付加することは難しくない)
もちろん, JavaScript 切ってる人には通用しません.
カウントしたい理由が どういったものかで 選択肢が決まるのではないでしょうか ? ども、ありがとう!
生ログもゲトできました。
phpあたりから生ログにアクセスできたら
ウェブ上で解析できるんですけどね。
お気遣い感謝。では http://pc11.2ch.net/test/read.cgi/hp/1205922529/442
なんだか変なこと, つぶやいてるひと はけ〜ん.
おぉっと, 今度はこちらに乱入して来たりして... (桑原桑原) 本日のサンプル:
"Table Row Background"
"table row の背景色を変更; クリックしたもの以外は元に戻す " というもの
homepage2.nifty.com/alter/samples/popup_thumbnail/exam.html link miss: 以下のものが正しいっす :
homepage2.nifty.com/alter/samples/table_background2/exam.html http://pc11.2ch.net/test/read.cgi/hp/1205922529/444
ネタ けって〜 ! d(・_・)
し〜かし, あまりにも馬鹿馬鹿しくて ( ゜〜゜) !
まともに答えるヤシはいるのか ???
ある意味, 興味津々であ〜る. ページランクって、毎日相互リンク1件していくと
大体HP(もしくはブログ)をオープンして、どの
くらいで0から1になるの? >>183
正直に白状します !
ぺーじらんくって何 ?
しかし, これでは回答にならない.
www.google.co.jp/search?hl=ja&q=%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%A9%E3%83%B3%E3%82%AF&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=lang_en%7Clang_ja
どうやら Google が やっているランクづけのことのようではある.
でもねぇ〜.
こういうことにはまったく興味がないのさ.
たしかそういうスレッドがあったような :
http://pc11.2ch.net/test/read.cgi/hp/1204089068/l50
もしかして誤爆 ? Vol 59 読み終わった.
収穫ゼロ.
頭が痛くなった...
良い質問をする人は極めて少ないって事を痛感. (はぁ)
日記スレッド化している今日 此の頃... >>166 のサンプルがIE5.17(MacOS9.x版) で動作不良.
WaMCom(Mozilla1.31相等) では問題なく動作するのに...
いまさら IE5.17 などに固執していている人はいないのは承知.
しかし... 5.17 で問題が発見されるのなら
他のバージョンでも同様なのが IE のクソッタレぶり.
(つまりダメダメな部分だけは なぜか共通 !)
お願いだから絶滅してくれ〜 ! >>181
JavaScript でコントロールできると思うけど,
(ただし, JS 切ってるときが問題になるけど)
(個人的に 2ch に書きこむ場合など JS 切ってたりする)
参考までに...
背景画像を img_bg とすると...
img_bg.style.height=document.body.clientWidth;
これだけのヒントで解らなければ以下のところで待ってます:
http://pc11.2ch.net/test/read.cgi/hp/1155395444/l50 すいません。ここで聞いて大丈夫かわからないんですが、質問させてください。
今度、新しくサイトを作ろうと思っているんですが、
そのサイトはディレクトリ名をAmazonやWikiみたいに
日本語のディレクトリ名で構築したいと考えております。
「日本語ディレクトリ」でググってみたものの、参考になるサイトはありませんでした。
日本語ディレクトリ型のサイトを作る場合、ディレクトリ=ファイル名を
ただ日本語→アルファベットにUTF-8変換し、そのファイル名でサーバにアップロード
すれば、それで可能なものなんでしょうか?
サーバによってはUTF-8への変換が効かないサーバもあるとは聞いたんですが、
詳しい方お願いいたします。 >>190
そのまえにAmazonやWikiのどこが日本語なのかと・・・・ あの花のエンディングが好きなのでhtml5を駆使して再現したいのです。
どなたかご協力お願いします。 エンディングはこれです↓
あの日見た花の名前を僕達はまだ知らない。 ED
http://vlog.xuite.net/play/cEdmRUxCLTM1ODI4MzQubXA0
とりえず40秒くらいからのシーンを再現したいです。 やりたい事
クリックで開始
↓
音楽とともに花びらが回転しながら落下
↓
花びらはドラッグ可能。
↓
40秒後、ズームアウト。花びらが逆回転し上昇する。
↓
終了 検索したらちょうどぴったりのスクリプトがあって
花びらのランダム落下が再現できました。
でもFirefoxで動かないので対応させたいです。
画像ゆら落下
http://www.aa.alpha-net.ne.jp/wahahaha/h_macromedia/javascript.html
花びらはcanvasで表示したいのですが難しいので画像を使います。 画像のドラッグは下記でできました。
画像をドラッグしてみよう!
http://una.soragoto.net/tips/1.html
でもこれもFirefoxに対応していません・・・・ この2つを合わせて画像を表示したところだいぶそれっぽくなりました。
http://zz.x0.com/anohana/test1.html
※Firefox非対応 現在できないこと
1.花びらをドラッグすると花びらが消える判定がおかしくなる
2.画像の回転
3.クリックで開始
4.Firefoxで花びらの落下・ドラッグ
5.キャラクターを前面に表示する
6.花びらをグレースケールにする
7.ズームアウト
8.花びらの逆回転・上昇
1個ずつクリアしていきたいです。 花びらをずっとドラッグしてて分かったんだけど
消えるんじゃなくて上に移動してるのか cssで花びらをグレースケールにするより最初から画像を
用意して切り替えたほうが簡単かなって思ったんだけど
rakka.js内の画像が切り替えられない
JavaScriptによる画像切り替え
http://weboook.blog22.fc2.com/blog-entry-6.html
副作用でキャラクターを前面に配置できた。
でもdrag.js使わないといけないからキャラが動いてしまう・・・
http://zz.x0.com/anohana/test3.html >>193
2000年4月作成のネスケ4対応プログラムでHTML5を駆使・・・だと・・・?
あとは任せた
ttp://www1.axfc.net/uploader/Sc/so/253918.zip
(パスワードは、Aで始まってる最初の発言のID) >>205
うわー、すばらしい!
Fireofox対応、画像切り替え、花びら上昇。完璧です!
ありがとうございますm(__)m
CSS 3のアニメーション機能「Transitions」
http://builder.japan.zdnet.com/html-css/sp_css-firefox-safari/20401467/2/
画像の回転は↑を使おうと思ったのですがIEもFirefoxも対応してないので
png連続再生を使わせていだきます。 めんまフォントなんてあるんですね。
ウェブfontで表示できるのかな?再配布禁止だけどコッソリ・・・
画像にして表示したほうが早いですね。
html5使わないなぁ 音の再生はaudioタグを使えばいいんだけどChromeだと?プチプチノイズが入るので
>>201のライブラリを使っています。
なのでFlashに対応していないiPhoneでは音楽の再生ができません。 iPod touchで一応表示できてた!
初代だから画像落下が重すぎて2fpsくらいだけど。
iPadならいい感じで再生できるのかな?
どうせならiPhoneでも音楽再生できるようにしたいな
http://zz.x0.com/anohana/img/ipod.jpg ↓のブックマークレットのゲームをあの花ED再現ページで実行すると花をシューティング出来ます。
Kick Ass - Destroy the web
http://d.hatena.ne.jp/nakamura001/20110526/1306429834
画像落下と相まってめっちぁゲームになっとる!
おもろいw http://atto.s2.pf-x.net/~atto/cgi-bin/up/img/4517.htm
canvasの入門がてら葉っぱ落下だけやってみようとか思って書いたら
つい>>199の要望全部対応してしまったお。
試行錯誤しながら書いたまんまなのでソース汚いけど気にしないお。
mp3はChromeとSafariしか再生できないみたいだが
oggも用意すればFirefoxとかでも動くぞ。
音楽を鳴らせないと色がつかないぞ。 >>212
1行たりとも元のコードが残ってないとか、気合入りすぎにもほどがある。
document.allの排除や、ちまちま画像変換やった俺の立場がないだろw
設置場所と権限の関係なのか、Safariは動かない、Operaは延々と落ち続ける、
Firefoxは静かに動き、まともに動くのはChromeのみという状態だったが、
見たことないくらいMathオブジェクト多用してるし、とにかくクオリティ
高すぎてびびった。 >>213
スマンヌ。2-3日前から既に書き始めていたのだ。
Playボタンは元のコードを流用した。
数学もどきしてるのはヒトデの描画だけで他は全部乱数だお
>>212
うぉー!なんすかこれwww
僕の思い描いていた事のすべてを実現してます!
再現度120%です。212さんマジかっけーんすよ!!
ズームアウトのシーンが秀逸!
画像だと1500個も表示できないので完全再現するには
canvasは必要不可欠ですね。
でもやっぱりまだブラウザがhtml5に最適化されてないのが分かりますね。
これ凄い綺麗だなぁ。永延とリピートしてます。
下のグラデーションも素晴らしい! このED再現の真の目的はズームアウトのシーンが見たかったからなんです。
すばらしい再現をしていただきありがとうございましたm(_)m
まさかここまで完璧に実現できるモノとは思いませんでした。 これあの花好きの人みんなに見せてあげたいですが
webkitブラウザ使ってる人しかちゃんと見れないのが残念ですね。
逆にChromeの布教に利用できますがw
webkit以外で表示したらめんまちゃんに怒られるようにすればいいかな? htmlファイル1枚でここまで出来るのか!
夢が広がりんぐww もうほとんど完成しちゃってますが
html版とhtml5版として改良していきたいです!
コードを書けない僕が改良するなんておこがましいですが・・・
メンマ大地に立つ!とかテロップも再現できるかなぁ。
>>212さんならキャラが下から上にスライドするシーンとか完全再現もできそうですね。 html版は全ブラウザ対応をさせたいです。
わがままですがあまり完全に再現するとムービーを再生してるみたいで
凄さが分からないんですよね。
スゴすぎて凄さが伝わらないという皮肉な結果に・・・
あとFlashならなんでもできるからFlashだと思われのもマズイです。 よく見たら本物はグラデかかってないのか。
こいつオリジナルを超えてやがるっ! ズームアウトのシーンはcanvas全体を縮小してるのかな?
そういう事もできるのか。
画像を個別に縮小したら不自然になるよねぇ。 これがフルスクラッチっていうやつですね。
まさにジョバンニ状態。212が一晩でうんたん(云々) きょうのメンマの声をrtmpdumpでキャプチャしてみようとしたけど
できなかった\(^o^)/
http://www.anohana.jp/menma/index.html
別にいいけど・・・ >>218
mp3と同じパスにoggファイルも置けば一応FirefoxとOperaも動いたお。
最新バージョンしか試してないけどね!
最初は>>201を使って全部mp3で済まそうとしたんだけど
そのスクリプトに直リンクしても動作しなかったのだ >>229
すいません、Opera入れてなかったので確認してませんでした。
ちょっと重いですがちゃんと再生できました!
葉っぱを1000個くらいにするとバッチリです(*^ー゚)b
Firefoxでも落下はカクカクなんですが反転後はきれいに動きました。 201のスクリプトはWebからじゃないと実行できないみたいです。
audioタグでも問題なく再生されてるのでローカルでも実行できる
こちらの方がいいですね。 >>205さんのおかげでなんとかクリックで花びら上昇ができました!!
感謝です!
変な処理をしていますが気にしないですください(ぉ
再生時間を参照してないので一度データをキャッシュしないと音がズレます・・・
http://zz.x0.com/anohana/test4.html
めんまフォントはttfをwoffコンバータで変換したので
IE以外のブラウザだったらインストールしてなくても表示できます!
ひらがな・カタカナだけのフォントだからファイルサイズが
約100kしかないのでちょうど(・∀・)イイ!! 女の子は地に足が付いていなかったのでウィンドウ下部に固定w なんか処理が変だったのでこっそり修正。
音楽を再生→停止→再生で2度読みにしたからズレは軽減されたかな? 花びらをもっとゆっくり回したいんだけどカクカクになっちゃう。
12枚に増やしてもダメだった・・・
1枚絵をコードで回転させるしかないかな。
svgの回転ってどうなんだろう? 237の使ってみたけどカオスな状態に・・・
http://zz.x0.com/anohana/test4-2.html
うまく使えばズームアウトのシーンに利用できそうだけど
jsの中身が意味不明すぐる。
最初jQeeryのバージョンが違ってて動かなかった。 キャベツの1/2サイズが120円だった。
この前50円だったのに!!超絶インフレ。 >>240
JavaScriptと関係ない雑談するなら、ブログがTwitterでやってくれ。
こんな過疎スレより反応いいはずだし、作業も捗るぞ。
ttp://natbat.net/code/clientside/css/snowflakes/ >>241
すごい!これCSSだけで表示してるのか!
ローカルに保存してもちゃんと動いてる。
これでcanvas版とcss版とpng版が作れる!
作れないけど・・・ ごめんね。誰も見てないと思って独り言呟いちゃった(>_<) いいこと思いついた。、反転時のストップを利用してDIOの
ザ・ワールドッ!!!そして時は動き出す
を再現したい。
Canvas版でめんま大地に立つができました〜。
http://zz.x0.com/anohana/canvas.html
画像28枚使ってます。 せっかくエレガントなコードを書いていただいたのに
こねくり回してしまってなんだか申し訳ないわ(´・ω・`) まぶたを閉じるシーンに5枚も用意したのに
細かすぎて伝わらない選手権状態に・・・ 立ち上がるシーンはズームアウト後だから画像が小さくて困った。
背景の色が移り込んだり色が薄くて幽霊みたいになったりで(幽霊だけど!)
めんまだけ拡大したんだけど130%にしたらちょうど元のサイズと同じになった。
実寸だと粗くて違和感あるけど結局使われるのは縮小後だから大丈夫。 canvas版はもう僕にはいじれそうにないので一先ず終了します。
png版はもう少し改良できるかな?今のままでも味があって良いけど。 怖話
http://kowabana.jp/
ここおもしろい。
audioタグが貼ってあるけどスマホ用だからか
コントロールもautoplayもないから再生されない。
SEO対策に使っても削除しないブログです。ご利用は無料です。
http://www.c-recipe.biz/ >>252
ttp://zz.x0.com/anohana/canvas.html
IE 9.0.1(Internet Explorer 9.0.8112.16421)
SCRIPT438:
オブジェクトは 'getContext' プロパティまたはメソッドをサポートしていません。
canvas.html, 行 94 文字2 >>255
あ〜、動かないんですか・・・っと思って調べてみると一応サポートはしてるみたいですね。
IE9でgetContextが値を返さない時の対処法
http://kaniku.seesaa.net/article/202321674.html
謎の一行を追加してみました。
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
で、近くのケーズデンキまで自転車で行って動作確認してきましたw
ちゃんと動きました! でもIEの為に、こんな気持ち悪いタグを追加しないといけないなんてやだなぁ。
エラーを出すぐらいならブラウザ側で処理すればいいのに。 >>257
おいおい、IE9に「古い解釈で表示しないといけないページだ」と思わせる
古臭いHTML文書にしているのはどこのどいつだw
HTML5の機能使うなら、ページの構造の方もHTML5仕様に合わせとけ。
ttp://html5.validator.nu/
ttp://validator.w3.org/#validate_by_uri+with_options >>258
いろいろエラー出ますね。よく分からないので放置しますがw
厳密な記述をしろというのも分かりますが、他のブラウザで問題なく
表示できる事が何でIEでは出来ないの?と思うわけです。
ウェブ上にはお行儀の悪いhtmlが無数に存在するわけで
各ブラウザはそれに合わせてくれているのにIEだけ俺に合わせろと言うのです。
負の遺産があるからなのかもしれませんが、もっと柔軟な対応をして欲しいです。 >古臭いHTML文書にしているのはどこのどいつだw
犯人は>>212です(>_<) ちなみにiPad2も置いてあったので
試してみたら重いけど動きました。 間違えてタグ閉め忘れたら文字が降ってきたので
Webフォント版にしてみました。
http://zz.x0.com/anohana/test5.html
FontCreatorを使ってめんまフォントにお花を追加してます。
Webフォントに対応していないブラウザでは星が降ってきます。 角度を変えた文字を登録すれば回転もできるかな・・・
IEでは文字を降らすと固まって動かなくなります。 あと変更した点は目を閉じるようになりました!
UserAgentにMobileが入っている場合はお花の数が30個になります。
アップル端末にはMobileが入ってるみたいだけどAndoroidはどうだろう?
Canvas版にもモバイル判定を入れました。 はぁ、簡単なこと1つでも実現するのにものすごく時間がかかる めんまスタンドアップできました。
http://zz.x0.com/anohana/test6.html
あと「花びらをドラッグすると花びらが消える判定がおかしくなる」にも対応。
無理やりなので出現判定がおかしくなるけど。 クレジット表示を追加しました。
http://zz.x0.com/anohana/test7.html
めんまの画像切り替えるのと殆ど一緒だから思ったより簡単にできた。
すごいエンディングっぽい! >>205さん、>>212さん。ご協力ありがとうございました。
どこかに晒してこようかと思います。 Webフォント版に歌詞を付けました。
CSS3のtext-shadowでWindowsでもなめらかフォントを。
http://d.hatena.ne.jp/kk6/20101128/1290931461
text-shadow: #999 0.1px 0.1px 1px;
これを追加したらすごい文字が綺麗になった! 一昨日、あの花本スレとはてな匿名ダイアリーに投下したんだけど反応が薄かった・・・
「すごさがよくわからんw」とか言われて(´・ω・`)ショボーン
でも昨日辺りに2chまとめサイトが取り上げてくれててTwitterにも拡散されて
1日で3,000ヒットした\(^o^)/
かくれオタのブログ
http://zeark969.blog38.fc2.com/blog-entry-2856.html うわっ、検索したらあの花ED再現してる人いっぱい出てきたw
あの花ED風のエフェクトを作った 2011-07-18
http://d.hatena.ne.jp/ufssf/20110718
>CSS3のTransformを使用して画像を回転させる
あー、これやりたかったんですよ! XHTML1.0とHTML5の違いをスタバのページで紹介
http://ascii.jp/elem/000/000/626/626754/#ixzz1VwDOp2UD
language="JavaScript"って要らなくなるのか。
楽でいいなぁ。見栄えも良い! nullpo nullpo nullpo nullpo nullpo 〜 age 創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
適当なスレがなかったのでここで。
あるブログで前職内情暴露の記事を書いてます。
(アメブロ、ライブドア)
会社はそれを知っており、この1年間でCMS(WP等)を使った
サイトを30程乱立させてきましたが、
ようやくその効果か会社名検索からライブドアのみ表示されなくなりました。
これに対抗するためには、どうすればよいですか。
また、ライブドアを再度表示させるためにはどうすればよいですか。
ちなみにアメブロは会社HPの次に表示される上位表示になっています。 Aiのデータ渡されてボタン作成しろっていわれて
マウスオーバーがどうのこうのいわれたけど
日本語が理解できません。
どうすればいいですか? webと連動したアプリを作りたいんですがどういったスキルが必要になりますか? 突き詰めると最後は画像にたどり着く。
これも時代の流れかな。8文字2行のテキスト広告は
過去の遺物になってしまった・・・必要なときは社内で全員で考えて
メッセで候補を送ってたんだぜ。 ホームページで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
VK0VNDECH5 ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆ 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
GZVCE ■ このスレッドは過去ログ倉庫に格納されています