JavaScript

再掲:javascriptでActiveRecordっぽくハッシュを検索するコードの断片

2011年の投稿ですが個人的によくできたと思ったので再掲します 記事 javascriptもrubyと同様にインスタンス*1に対して動的にフィールドを追加できるようだ。javascriptなのでバインドは名前を付けた関数でも可能である。 ということでActiveRecordみたいな手…

Mastodonの画像消すブックマークレット

javascript:(function(){ var a=document.createElement("script"); a.src="https://j.mp/1bPoAXq"; document.head.appendChild(a); setInterval( function(){ $("a[style^='background']").parent().parent().css("display","none");} ,100); } )();

JavaScriptのカスタムイベントとプロトタイプベースのオブジェクト指向(継承は知らん)

JavaScriptのカスタムイベントとプロトタイプベースのオブジェクト指向(継承 は知らん) <html lang="ja"> <head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> </head> <body> <div id="d1" style="background-color:red;height:100px"> ターゲット1(生JavaScript) </div> </body></html>

Multi Track Playerっぽいのつくった。

本人バレが怖いのでgithubのありかとか配備場所とかは言えませんが、私、バンド活動をしておりまして、練習後の会話で「マルチトラックレコーダーのweb版とか無いのかな?」という話になりまして、探したけど、きっとあるのだろうけど見つけられないので2時…

jquery.mobile環境下におけるシークバーの実装

オーディオのコントロールを自分で作った。 jsfiddle.net ここが大変参考になった。 $("#seek-bar").on("mouseup", function () { var myVideo = $("#video")[0]; var currentTime = $("#seek-bar").val() / (100 / myVideo.duration); myVideo.currentTime …

音楽再生環境をスマホ最適化したっ

iPhoneが64GBから16GBにシュリンクしたので音楽を持ち歩けない私。 なんとかせねばということで作りました。 製作時間10時間ぐらい。 jquery.mobileを使ってUIを作った。 まぁまぁハマったけどStackOverFlowに助けてもらいながら。データ構造とか突貫でちょ…

jQueryでappendした要素がsubmitに含まれないクソッタレ

stackoverflow.com 正月休みに発覚して半日もんもんとしてPC持って合間にコーディングしたよ。

もっと読むをtext/templateですっきり書く

<script> var page = 1; function getMore(){ $.ajax({ data : {"page" : page,"submit" : "more" }, dataType : "json" }).done(function(json){ var tablehtml = []; for( var i=0,l=json.length; i

Windowsでtern

備忘録 EmacsにternをインストールしてjQueryを補完する -- blog.10rane.com に従えばよいのですが、tern本体をWindowsが認識できないので PATHを通します。 C:\Users\<ユーザー名>\AppData\Roaming\npmです。

reload

忘れるよねtrue。。 function reload(){ location.reload(true); }

円運動

<html lang="ja"> <head> <meta charset="UTF-8"> <link rel="icon" href="//ja.gravatar.com/userimage/14611836/d5caef2a5366cf647fc8fba3430e5854.png" type="image/png"> <title></title> </link></meta></head></html>

テンプレートを使う

テンプレートを使うとは素晴らしい。 <script> var template = $("#template").text(); $("#hoge").append(template.replace("hoge","fuga")); </script> <script type="text/template" id="template"> <?php include "partial_html.php" ?> </script> <div id="hoge"> <p>aaaa</p> </div>

emacsでJavaScript/jQueryの補完

EmacsにternをインストールしてjQueryを補完する -- blog.10rane.com これすごい

再入門

ちょっとqiita.com をみてJavaScriptに再入門した。 <html> <head> <meta charset="UTF-8"> <title>mediator</title> </head> <body> <div id="results"></div> </body></html>