タグ

javascriptに関するLhankor_Mhyのブックマーク (544)

  • prismaのような感覚でスプレッドシートを操作できるGASライブラリ "GASsma" - Qiita


     Node.jsORMTypeORMSequelizeprismaMongoDB Google Apps Script(GAS)() 25()  function myFunction() { const sheet = SpreadsheetApp.getActiveSpreadsheet(); const hog
    prismaのような感覚でスプレッドシートを操作できるGASライブラリ "GASsma" - Qiita
  • Storage Access API - Web API | MDN

    Storage Access API(ストレージアクセス API)は、埋め込まれたクロスオリジンのコンテンツが、通常はファーストパーティのコンテキストでのみアクセスできるストレージ(これをオリジンのファーストパーティストレージと呼びます)に無制限にアクセスする方法を提供します。 API は、埋め込まれたリソースがファーストパーティストレージに現在アクセスできるかどうかを確認し、ユーザーエージェントからファーストパーティストレージへのアクセスを要求できるメソッドを提供します。 ほとんどのブラウザーは、埋め込まれたクロスオリジンリソースのクッキーおよびサイトデータへのアクセスを制限する多くのストレージアクセスポリシーを実装しています。 これらの制限は、各最上位オリジンの下に埋め込まれたリソースに一意のストレージスペースを与えることから、サードパーティのコンテキストでリソースが読み込まれたときの

    Storage Access API - Web API | MDN
  • JavaScript: 豆知識 - Qiita

    暗黙型変換 果たしてMath.maxは何と答えるのか!? Number? NaN? それどころか文法違反? 1文字も見落とさずじっくり観察してね。 Math.max(!1,!0) Math.max(-0,null) Math.max(1,0..a) Math.max(1,NaN) Math.max(-1,true) Math.max(-1,"") Math.max(-1,[]) Math.max(-1,[,]) Math.max(-1,[,1]) Math.max(-011,[-1e-1-1]) Math.max(-1,[{}]) Math.max(011,10) Math.max("011",10) Math.max(-["-012"],013) Math.max(" \n011\n ",012) Math.max(" \11\n","\r\f\v") Math.max("0b11","

    JavaScript: 豆知識 - Qiita
    Lhankor_Mhy
    Lhankor_Mhy 2024/06/10
    “ついでに"use strict"の記述はしない”
  • 若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA


    2000HTML1020HTML NetscapeIEIE62000  / spacer.gif XHTMLCSStable使Image ReadyFireworks <table border="0" cellspacing="0" cellp
    若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA
    Lhankor_Mhy
    Lhankor_Mhy 2024/05/22
    懐かしいな。もっと以前だと、ネットスケープの document.layers とかあった気がする。
  • 令和のHTML / CSS / JavaScriptの書き方50選


    Web 2024Web 調 1. HTML  Lazy loading <img>loading="lazy"
    令和のHTML / CSS / JavaScriptの書き方50選
    Lhankor_Mhy
    Lhankor_Mhy 2024/05/14
    hgroup、生きとったんかワレ / CSSネストや:nth-child( of S)やカスケードレイヤーが書いてないけど、その辺りは平成時代でも常識、ということなのかしら。
  • React の state の仕様ってどう思いますか??

  • 【JS】「ただの {}(ブロック文)」を使うと嬉しいこと

    JavaScript の 「ブロック文」 をご存知でしょうか。 波括弧(ブレース)で囲む、コレです。 if ブロック if () {} や、for ブロック for () {} として目にすることが多いですが、 {} 単体でもブロック文になります。 これだけだとオブジェクトと思ってしまうかもしれませんが、ブロック文になります。 (オブジェクトとブロック文の解釈については javascriptのオブジェクトリテラルは評価されるまでは、あくまでブロック文でしかない - メモを揉め が詳しいです) なんの意味もないように見える「ただの {}(ブロック文)」ですが、意外と便利なことがあるのでこの記事ではそれを紹介します!

    【JS】「ただの {}(ブロック文)」を使うと嬉しいこと
    Lhankor_Mhy
    Lhankor_Mhy 2024/04/18
    Iterator Helper がまだChromeにしか実装されてないからイテレータを reduce しようとするとテンポラリに変数を使わなきゃいけなかったりする時とかにわりと使う。『配列化すればいい』という意見もあろうが。
  • buttonタグのsubmitした値がPOSTされなかった話 - Qiita


    formpost  <form action="post.php" method="post"> <button type="submit" name="action" value="back"></button> <button type="submit" name="action" value="send"></button> </form> $action = (string)filter_input(INPUT_POST, 'action'); if ($action === 'back') { //  //
    buttonタグのsubmitした値がPOSTされなかった話 - Qiita
  • deck.glを使ってGoogle Mapに大量のポリゴンを描画してみる - Qiita


    Google MapGoogle Map 使Google Map使 Google Map使MapsJavaScript API使MapsJavaScript APIGoogle Map使Web使JavaScript MapsJavaScript API使loadGeoJson()addGeoJson()使 deck.gl使Googl
    deck.glを使ってGoogle Mapに大量のポリゴンを描画してみる - Qiita
  • JavaScript でキューを実装して性能を比較してみた - Qiita

    JavaScript でキューを実装して性能を比較してみた。 今回は、以下の条件で実装を行った。 クラスとして実装する 1個のデータのエンキューとデキューを行うメソッドをそれぞれ実装する それ以外のメソッド (要素数、先頭を削除せずに取得など) は実装しない エラー処理 (空のときにデキューを試みるなど) は行わない なお、実装で出てくる # つきのメンバ変数はプライベートプロパティである。 方針・実装 配列のpush・shift 配列の末尾に要素を追加するメソッド push をエンキューとして用い、配列の先頭から要素を取り除いて返すメソッド shift をデキューとして用いる。 エンキューとデキューがともに1回メソッドを呼び出すだけで実現でき、シンプルな実装になる。 class QueueShift { #q = []; enqueue(value) { this.#q.push(val

    JavaScript でキューを実装して性能を比較してみた - Qiita
  • React HooksのuseStateがどういう原理で実現されてるのかさっぱりわからなかったので調べてみた


    Reacthooks React2ContextSuspensehooks使 hooks使調 Hooks hooksReactReactuseStateuseEffectcomponentDidMountuseXXXuseState
    React HooksのuseStateがどういう原理で実現されてるのかさっぱりわからなかったので調べてみた
  • C++/Java系言語で1文字だけでコメントアウトするブロックを切り替える - Qiita

    概要 プログラミングをしていると実装の方式を試してみることがあると思います。あるいは、別の実装でうまくいくか自信のない時、今あるものはコメントアウトしておいて別の実装を試してみたり。そんな場合、今時はエディターの機能で簡単にブロックをコメントアウトしたりできますが、言語仕様をうまく使って一文字編集するだけでコードブロックをコメントアウトする小技を大昔に思いついていて今でも使うことがあるので紹介します。実装中の試行錯誤の時には便利です。 この技はC++/Java/Javascript系の、ブロックコメント/* ... */とインラインコメント//がサポートされている言語で利用できます。 ブロックを/の削除でコメントアウトする 以下のように書いておくと、一番最初の/を削除すると最初の行がインラインコメントからブロックコメントに切り替わり、ブロック全体がコメントアウトされます。 先頭行が//で始

    C++/Java系言語で1文字だけでコメントアウトするブロックを切り替える - Qiita
    Lhankor_Mhy
    Lhankor_Mhy 2024/03/23
    ちょっと面白かった。
  • TC39 に新設された Stage 2.7 について | blog.jxck.io

    Intro TC39 の Stage 2 と Stage 3 の間に、新たに Stage 2.7 が追加された。 これはなんだろうと思った人が、検索で辿りつけるよう、その経緯と目的をまとめる。 TC39 Stages TC39 は、 ECMAScript (つまりまあ JS) の新機能を議論する Task Group だ。 ここでは、比較的自由に新機能の提案がなされ、定期的に行われるミーティングでの議論や、実装からのフィードバックを経て、 Stage が上がっていく仕組みをとっている。 旧来の Stage は 0~4 まであった。ざっくり言うと以下のようなものだ。

    TC39 に新設された Stage 2.7 について | blog.jxck.io
  • JavaScriptでの型判別まとめ(typeof, Object.prototype.toString.call) - Qiita

    console.log('string: ', typeof 'a', Object.prototype.toString.call('a')) console.log('String: ', typeof new String(""), Object.prototype.toString.call(new String(""))) console.log('number: ', typeof 0, Object.prototype.toString.call(0)) console.log('Number: ', typeof new Number(0), Object.prototype.toString.call(new Number(0))) console.log('boolean: ', typeof true, Object.prototype.toString.call(t

    JavaScriptでの型判別まとめ(typeof, Object.prototype.toString.call) - Qiita
    Lhankor_Mhy
    Lhankor_Mhy 2024/03/12
    へえ……→ Window.prototype.toString === Object.prototype.toString // true
  • HTML: iframeを使った手品 - Qiita


    iframeid0outerHTMLiframe onload setIntervalsetTimeout
    HTML: iframeを使った手品 - Qiita
  • 【jQuery】jQuery4.0.0の変更点紹介 - Qiita


    jQuery 9jQuery 70jQyery42024/02/06 jQuery12006/08/2622013/04/1832016/06/098 201033.7.1 jQuery 4.0.0 BETA! jQuery 4.0.0 
    【jQuery】jQuery4.0.0の変更点紹介 - Qiita
    Lhankor_Mhy
    Lhankor_Mhy 2024/03/05
    “Automatic JSONP promotion removed”👍
  • JS Visualizer 9000

  • うるう日にしか発生しないバグ


    Javascript  11truefalse 2020-12-24() 2021-01-01(+-1) Javascript () : 2024/10/10 : 2024/01/28 true2023/01/28 ~ 2025/01/282024/10/10true2023/01/282025/01/28true 
    うるう日にしか発生しないバグ
    Lhankor_Mhy
    Lhankor_Mhy 2024/03/03
    Temporal だとどうなってるんだろ
  • WebAssemblyを利用してJavaScriptアプリケーションのパフォーマンスを向上させる方法 - Qiita


    WebAssembly使JavaScript 1. WebAssembly WebAssemblyWasmJavaScriptWebAssemblyCC++RustGo Amazon Prime VideoWebAssembly2
    WebAssemblyを利用してJavaScriptアプリケーションのパフォーマンスを向上させる方法 - Qiita
    Lhankor_Mhy
    Lhankor_Mhy 2024/02/28
    同じアルゴリズムではなくて再帰とループで比較してるのが気になった。
  • View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 - ICS MEDIA


    View TransitionsAPI使 CSStransitionanimationJavaScriptWeb AnimationsAPIView TransitionsAPI 使使  View TransitionsAPI JavaScriptCSSJS 20246Chrome 126Edge 126J
    View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 - ICS MEDIA