JavaScript
イマドキのJavaScriptの書き方2018 もうはじめよう、ES6~ECMAScript6の基本構文まとめ(JavaScript)~ イマドキを知ってから古いコードを眺めると、なんて読みにくいんでしょうか。。。自分なりの解釈というか、使い勝手を乱筆 var varは全部とりあえずconstに…
イマドキのJavaScriptの書き方2018を読んでみた。 重い腰を上げて書き直したい。
theta sで撮影した全天球画像をwebページに取り込んで満足していましたが、iphoneなどのスマフォで表示できなかった。 This panorama is too big for your device! It's 5376px wide, but your device only supports images up to 4096px wide. Try another …
ほとんどcssのメモtheta.html?image_file_path.jpgこんな感じでファイルにパラメータを付けて呼び出す。縦幅を100%にしてみた。 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>theta view</title> <link rel="stylesheet" href="pannellum.css"/> </link></meta></meta></head></html>
ほとんどcssのメモtheta.html?image_file_path.jpgこんな感じでファイルにパラメータを付けて呼び出す。縦幅を100%にしてみた。 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>theta view</title> <link rel="stylesheet" href="pannellum.css"/> </link></meta></meta></head></html>
乱数チューニングによる動きのコクというのをみつけて、ソースを眺めて発見したのがProcessing.js Processing.js基礎最速入門なんかできそう＃追記 ゲーム制作のサンプルを見て疲れる
互換モードだと表示されないってなレアな環境なことかと思ったら、バリバリの推奨環境と聞いて対策を考える引っかかっていたのがindexOFだった、、、IE8以下だと動かないのね。（今更それ？）array.indexOf(value)jQuery.inArray(value, array) $.inArray(va…
arrにchkを含んでいなかったら、ほにゃららを実行arr = ["A", "B", "C"]; if(arr.indexOf(chk)==-1){ ほにゃらら } 複数の含むをチェックしたいときに
ちょっと語弊もあるけど、こまったよ。配列の対策は簡単に分かった。jQueryバンザイ if(ArrayList.indexOf(key) == -1){} if($.inArray(key,ArrayList ) == -1){}文字列の対策はこっち if( url_name.indexOf("http") == -1 ){} if( url_name.match(/http/) ==…
開始：startD 終了：endD パラメータはyyyy, mm, ddとオプションとか function makeDay(obj, y, m, d, opt){ //日時のオブジェクトを一気に作る obj = {year: y, month: m, day: d}; tim = opt==undefined ? {hour: 0, min: 0, sec: 0} : {hour: 23, min:59,…
実験しながら幾つか作ってみた。 天気予報 「天気予報」を入力するとLivedoorから引っ張ってくる。サンプルで掲載されていたやつ。 http://weather.livedoor.com/weather_hacks/cityのコードを変更することで地域を変更できる。cityコードは少ないのが難点。…
やっとこさ動くようになったBotHevenです。 特定の文字列を入力すると、設定した文字列をSlackに投稿するって仕掛けなんですが、辞書を作成して読み込ませることができればいいなーって考えです。 参考 GoogleスプレッドシートのデータをJSONで取得してみた…
あれれ？となった。 function getText(xml){ console.log(xml) //Object } function xmlHoge(xml){ $.ajax({ url: "data.xml", dateType: "xml", success: function(xml){ hoge = getText(xml);} error: function(){ alert("xml読めねー"}; }); cosole.log(h…
カレンダー本体に仕込むのはやめた。 search.html.erb こんな感じかな？ <%= fields_for(:cond) do |r| -%> <input type="button" id="Ago" name="Ago" value="六ヶ月前" class="button_link" /> <%= r.text_field :day_from, :size=>"15", :class=>"datepicker" %> hoge.js 日付を取得してDate型に変換して処理してブチ込む。変換のところって…
JavascriptテクニックいろいろByte-saving Techniques https://github.com/jed/140bytes/wiki/Byte-saving-techniques糸且之入Ｅ∃言己足亦土也 2012-12-26 サンタのためのコードゴルフ http://d.hatena.ne.jp/firewood/20121226たまにメモる。 JavaScriptに…
http://jsdo.it/kenmituo/s82fスクリプトが仕込めないのでリンクだけ。
jQueryで出来ないかなーと探して見つけたのが 東京文様をまねっこ jQuery 背景をランダムに（blogzz） こんな感じで書いてみた <script type="text/javascript"><!-- $(function(){var A = Math.floor(16*Math.random());$('#change_back').addClass('bd'+A);}); //--> </script> <style type="text/css"> .bd1{background:ur…
JavaScriptの動かないコード (初級編) parseIntで返り値が0になるエラー（主に言語とシステム開発に関して）の記事を見つけた。 Ruby On Railsで入力チェックに仕掛けてあったJava Scriptに問題が発生した。 <script type="text/javascript">
まったく面倒でしかたがない XMLデータからデータを持ってきて、掲載期間のところだけ表示させる仕掛け xmlデータ <Root xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <Row> <StartY>2011</StartY> <StartM>6</StartM> <StartD>1</StartD> <EndY>2011</EndY> <EndM>7</EndM> <EndD>24</EndD> <title>たいと…</row></root>
1ヶ月の勤務状況をWebで入力しなくてはいけなくなったのだが、使い勝手が悪すぎて「俺に作り直しさせろ！」と叫んでみても声は届かずな残念な状況なので、FirefoxとGreasemonkeyを使って俺好みの入力にカスタマイズする為のメモ。 必要なもの Firefox Grease…
いい表題ではないな、、、_form.html.erb <% content_for :html_header do -%> <script type="text/javascript"> <!-- window.onload =function(){ /*prototype.jsで書く*/ Event.observe("rental_moving", "change", handler); } function handler(e){ var rental_moving = $F("rental_movi</script>…
ほんとうにjavascriptの日時比較は面倒で仕方ない var open_data_str="2011/4/25"; var open_arr=open_data_str.split("/"); var open_date=new Date(open_arr[0], open_arr[1]-1, open_arr[2]);1日だけならこんな形で処理して問題なし。 2日の比較になると…
続きなネタ 連想配列に追加するときはpushを使うらしい。 var externals = new Array(); if($(this).find("img1")){ externals.push({img: $(this).find("img1").text(), alt: $(this).find("img1_alt").text()}); } やっとこさ調べて検証も出来たが、画像フ…
About Twitter's Link Service (http://t.co)というサービスが始まっているらしく、ツイートボタンも仕込んだりしてイロイロと便利になるらしい。 ツイートボタン 共有APIのための開発者ドキュメント Javascriptのプロパティはツイートボタン作成ページで頑…
をクリックしたら、xmlファイルを読み込んで背景の画像を数秒おきに書き換えたい。 そこで試したコード <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.4.2");</script> <script type="text/javascript" src="js/jquery.xml2json.js"></script>//初期設定 var img_path = "img/place/"…
Google Mapみたいな奴を作るとしたら？で頑張ってみたけど、MapじゃなくてStreet Viewだね。html <html lang="ja"> <head> <meta charset="UTF-8" /> <title>GoogleMapModoki</title> <script src="js/jquery.js" type="application/x-javascript" charset="utf-8"></script> </meta></head></html>
「iPhone向けというか、新たに何か作るとしたら？」という自問自答で考えていたら「敷地内Mapを作ったら楽しい？」 どんな感じにしたいか、考えてみた。 まず、背景写真に矢印をいれてみる。 矢印をクリックしたら「方角はそのままで、矢印方向へ移動」 「・…
今度は対象が教室で200ぐらいある。同じようなことばかり書かなくてはならないのが面倒だ。 名前とか設備とか注意事項とか。 要件 対象が200件 HTMLを200件も作りたくない DBが使えないから、XMLで何とかしたい XMLで一覧表示するネタは見飽きた。任意の1件…
今までのおさらい。 http://d.hatena.ne.jp/kenmituo/20100305 http://d.hatena.ne.jp/kenmituo/20100319 だらだらと書いてみたあとで作ってみたが、条件が増えてエライことになった。 教室のタイプ（room:13種類） VHSなどのテープ系デッキのタイプ（tape:5…
http://d.hatena.ne.jp/kenmituo/20100305で悩んで納得したけど、複数の要素を書き換えられないことが分かって悲しんでいた。 さっさっと書く index.htm <html> <body> <p>Script test Top Page</p> <p><a href="sample.htm?normal">normal</a></p> <p><a href="sample.htm?wagon">wagon</a></p> </body> </html>sample.htm <html> <body> <script type="text/javascript">…</body></html>
