javascript on yosiopp

確定申告支援テンプレートを公開したよ

Tue, 10 Feb 2026 10:00:00 +0900

どうも。確定申告の時期ですね。（挨拶）去年までの私は、某確定申告できるクラウド会計サービスに年間一万円くらい払ってました。ですが、割に合わな

MPEでGFM Alertsをつかうには

Fri, 29 Aug 2025 13:30:00 +0900

こちらは、VScode 拡張の Markdown Preview Enhanced では GitHub Flavored Markdown の Alerts が表示できなかったので、それっぽく表示できるようにするってエントリです。方針 MPE は MkDocs の Admonitions 記法に

ER図生成ツールの準備

Mon, 29 Mar 2021 21:00:00 +0900

前回のエントリでER図作成ツールを作りたい旨書きましたが、今回はもろもろ準備を進めていきます。 package.json ホントにリポジトリ作っただけで、まだpack

ER図生成ツールを作る！(予告)

Thu, 25 Mar 2021 19:30:00 +0900

ER図を作らなきゃいけないシーンになると、いつも A5:SQL Mk-2 にお世話になっています。本当にありがとうございます。ただ、macで使うためにはwineを

あすけんの体重データを収集する

Wed, 08 Apr 2020 10:00:00 +0900

実は私、あすけんユーザなのですが、ふと入力した体重データが欲しくなったもののエクスポート機能が見当たらなかったのでWEB画面からデータを引っ

インストール不要のQRコードリーダー

Fri, 11 Oct 2019 20:08:00 +0900

仕事でAndroid端末を触っている際、QRコードを読む必要に迫られる事があります。
そのたびにPlay Storeからアプリをダウンロードしていたのですが、正直面倒くさいなあと思っていました。

ふと、そんなことを思い出し「javascript QRコード読み取り」で検索したところ、アプリをインストールしないでもQRコードの読み取りができるとのことでした。便利な世の中ですね。もっと早く調べればよかった。😂

今回はその中でも以下の記事をなぞってQRコードリーダーを作ってみたいと思います。
https://qiita.com/diggy-mo/items/5caf1fcf157fc29e9451

はてブ埋め込みコードのJSONP

Wed, 07 Mar 2018 10:00:00 +0900

はてなブックマークにはブックマークコメントをブログなどに埋め込む機能が用意されています。もう10年以上前の機能なんですねー。で、たとえば、自

データバインディングするjQueryプラグイン

Sat, 25 Feb 2017 12:46:28 +0900

jqueryのプラグインとして、htmlにjsonデータを突っ込めるコードを書いた。
ただし、いま流行りのリアクティブ感は一切なく、実行したタイミングでviewに反映して終わり、というすごーく限定的なシロモノとなっているので注意。

https://github.com/yosiopp/jquery-viewbinder

javascriptでファイルを加工する

Tue, 16 Jun 2015 01:00:18 +0900

繰り返し似たような編集を行う場合、サクラエディタのマクロ機能などを使ったりしますが、もうちょっと複雑な編集がしたい時など、javascriptで書けたりすると便利ですよね（正規表現や条件分岐を使いたい、とか）。

そんなとき、node.jsを使うと割と簡単に実現できそう。

浮動小数点の足し算

Tue, 29 Jul 2014 01:00:10 +0900

またjavascriptの浮動小数点の話ですが。単純な小数同士の加算だけでも正しくない値になっちゃうんですね。たとえば、 0.01+0.05は

javascriptの小数点端数処理についていったん整理する

Tue, 06 May 2014 01:00:10 +0900

javascriptでの小数点演算に泣かされているのでここで一旦整理したい。

NIFTY Cloud mobile backendを触ってみる

Tue, 04 Mar 2014 01:00:50 +0900

http://mb.cloud.nifty.com/

いわゆるMBaaSってやつです。mobile backend as a service。ざっくり言うと、携帯向けシステムのサーバ側実装を肩代わりしてくれるサービス。

んで、このBASICプランが無料なんスよ。
APIリクエスト200万回、プッシュ通知200万回、ストレージも5GBまで使える、とけっこう気前いい感じ。

あとAndroidやiOSのSDKだけじゃなく、javascript向けのライブラリもあるのです。

なので、ちょっと触ってみようかなーってエントリ。

ナンプレを解くJavascript

Tue, 10 Sep 2013 01:00:17 +0000

世の中にはすでにいっぱい溢れてますが、私も作ってみました。ナンプレを解くアプリ。ただし、難しい問題（いわゆる場合分けしないと解けない問題など

bfcacheに大いにハマる

Tue, 25 Jun 2013 01:00:07 +0000

プロジェクトでjQuery Mobileとか使っていて、結構ゴリゴリ $.mobile.changePage を呼んだりするページを作ってるんですが、そんな折に、ブラウザバックすると

jQuery Mobileのtrinsitionで遷移先pageの位置を指定する方法

Fri, 26 Apr 2013 01:00:55 +0000

すんごいニッチな要求かもですが、私には必要だったので調べましたよ。

やりたいことは、タイトルの通り「jQuery Mobileのtrinsitionで遷移先pageの位置を指定する」ことなんですが、

具体例を挙げて言うと、

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<div data-role="page" id="hoge">
  <header data-role="header"><h1>hoge</h1></header>
  <div style="height:3000px">&nbsp;</div>
  <p><a href="#fuga" data-transition="slidefade">fugaへ遷移</a></p>
</div>
<div data-role="page" id="fuga">
  <header data-role="header"><h1>fuga</h1></header>
  <p><a href="#hoge" data-transition="slidefade" data-direction="reverse">hogeへ遷移</a></p>
</div>
</body>
</html>

たとえばこんなHTMLの場合。[サンプル]

（※hogeページはリンク位置が3000pxくらい下にあるところに注意）

リンクを辿るとhogeからfugaにslidefadeで遷移して、fugaからhogeにslidefade(reverse)で遷移します。

この時、fugaからhogeに戻る際、pageの先頭に戻っちゃうんですが、hogeからfugaに遷移したときの位置（3000pxくらい下の位置）に戻ってほしい。

ということです。

jQuery.trimが思った通りに動いてくれない。。。

Tue, 09 Apr 2013 01:00:29 +0000

jQuery.trimってのは、String.trimみたいな文字の前後の空白を除去してくれるjQueryのユーティリティ関数です。 IE6に

TiddlyWikiでコピペしやすくするマクロ

Fri, 22 Mar 2013 01:00:01 +0000

参画したプロジェクト毎に個人用メモを残す目的でtiddlywikiを使用しています。

ローカルで動作するjavascriptで記述されたwikiです。

さくさくメモを残せるし、結構気に入ってます。

ただ、不満な点もあって、ファイルパスとか書いた内容のコピペが面倒だということ。

ダブルクリックすると該当tiddler（記事のこと）の編集モードになってしまうので、トリプルクリックでの全選択ができません。

ダブルクリックしないように注意しながらドラッグ選択をするのですが、やっぱりちょっと手間だなあ、って。

なので、そんな不便を解消するマクロを作ってみましたよ。

seleniumオブジェクトの中身

Wed, 19 Dec 2012 01:00:56 +0000

仕事でSelenium IDEを使ってテストケースを書いていたりするのですが、
ケースを作るにあたって、javascriptでbaseUrlの値を参照したくなりました。
どこにあるんだろうと思って2～3ページ検索しましたが見当たらず。

なので、echoコマンドでseleniumオブジェクトの中身を出力して探してみました。

要素からはみ出す文字を[...]に置き換えるjQueryプラグイン

Tue, 16 Oct 2012 01:00:10 +0000

jQueryって便利ですよね。最近私もお世話になってます。なのでちょっくら私もプラグインっぽいの書いてみたいな、と思って作ってみた＝タイトル

javascript雛形

Thu, 13 Sep 2012 08:04:15 +0000

ちょっとjQuery試したいときに毎回テンプレをググってくるのもアレなので、メモしておこう。 <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min.css" rel="stylesheet" /> <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> </head> <body> </body>

式の変形

Tue, 06 Mar 2012 10:30:59 +0000

たとえば、JANコードのチェックデジット算出方式であるモジュラス10/ウェイト3での正当性検査はこんな感じに書くと概ね正しい結果を得られる。

pixivの広告を非表示にするjavascript

Wed, 21 Dec 2011 12:37:07 +0000

// ==UserScript== // @name pixiv_hide_ad // @namespace http://yosiopp.net/ // @description pixivの広告を非表示にします // @include http://www.pixiv.net/* // ==/UserScript== (function (callback) { var script = document.createElement("script"); script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"); script.addEventListener('load', function() { var script = document.createElement("script"); script.textContent = "(" + callback.toString() + ")();"; document.body.appendChild(script); }, false); document.body.appendChild(script); })(function(){ jQuery.each([ "ad", "adver_top", "adver_topBottom", "adver_footer", "adver_footerBottom", "adver_Rightcolumn", "ads_value" ], function(){$("."+this).hide();}); $(".area_new").find("a").each(function(){