[B! JavaScript] Ytraのブックマーク

【JavaScript】本日未明、[ async - await ]さんが死体で発見され... - Qiita

「な、なんじゃこりゃあああぁあっtっt！！！！」・・・・・・・・・非同期処理を"ちゃんと"理解して使いたい『非同期処理なんとなくの理解で書いている...』『動いてるし、ヨシ！』令和プログラマー*1である私自身、なるべく気を付けようと思っていますが、ついついなんとなくで書いてしまいそうになります。（*1: 令和になってからプログラミングを知った人。初心者のこと。）ちなみに冒頭のコードは、「並列でいける処理をつい直列でやってしまっている」例です。実際に手を動かしながら非同期処理の理解を深める本記事は以下の構成で、順を追って非同期処理を学習し、明日から自信を持って非同期処理が書けるようになるためのハンズオンです。 JSの非同期処理について知る Promise について知る Async / Await を使えるようにする冒頭のコードがリファクタリングできるようになる実際

Ytra 2020/08/26

分かりやすい

リンク

forked: テキストをファイルとして保存 File API: Writer - jsdo.it - Share JavaScript, HTML5 and CSS

これは何 Chromeで動いていた作品をフォークして日中常用しているFirefoxで動くようにしてみました。関連作品 JavaScriptでGoogle Driveにテキストエリアの内容を保存動的にWebWorkerを作成して動かす Blog たまに、JavaScriptネタの記事も書いています。 http://kjunichi.cocolog-nifty.com/misc/ // forked from rotsuya's "テキストをファイルとして保存 File API: Writer" http://jsdo.it/rotsuya/2MRA document.getElementById('buttonDownload').addEventListener('click', function () { var text = document.getElementById('te

Ytra 2013/12/03

リンク

JavaScriptからローカルファイルを作成する方法まとめ - あらびき日記

この記事は abicky.net の JavaScriptからローカルファイルを作成する方法まとめに移行しました

Ytra 2013/12/03

リンク

第23回　JavaScriptによるUIの実装：スライダー | gihyo.jp

こんにちは、前回、前々回に引き続き、JavaScriptでUIを実装する方法を紹介していきます。今回は前回のドラッグと関連の深いスライダーを実装してみます。基本のスライダースライダーは簡単にいえば動きの制限されたドラッグです。今回も、最初はなるべくシンプルに実装してみます。まず、基本となるHTMLは次の通りです。スライダーの基本 HTML <form class="js-slider-form" onsubmit="return false;"> <input type="text" name="slider" id="slider1o" value="0"> <div id="slider1" class="js-slider"> <div></div> <input type="button" value=""> </div> </form> 今回は少々手抜きで、input ty

Ytra 2013/12/03

リンク

javascript スライドバー (スライダ) コントロール

ライブラリを利用せずに手軽に汎用のスライドバー・コントロールを作成する javascript コードです。単体の関数として実装されており、すべての変数や操作関数は他の名前と衝突しない様にクロージャ内に隠蔽されています。このページには外部依存のファイルはありません。利用されるすべてのスクリプトとスタイルシートはこのページ自身に含まれています。動作確認済みブラウザ：FireFox 3.5, Safari 4, Opera 10, Chrome 4 （IE は IE6 まで対応する様に組んだつもりですが未確認）基本的に CSS2 と HTML DOM に対応していて javascript が ECMA-262 に準拠しているブラウザなら大体動作すると思われます。例バーをクリックするとその位置にノブが移動して操作対象が変化します。ノブでマウスボタンを押すとノブをドラッグ出来ます。マウス