並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 353件

新着順 人気順

JavaScriptの検索結果241 - 280 件 / 353件

  • The await event horizon in JavaScript

    The await event horizon in JavaScriptCharles Lowell December 11, 2023 javascriptstructured concurrency There is a boundary around every black hole where the velocity required to escape its gravitational pull exceeds the speed of light. Once anything, including light itself, passes over that threshold, it is trapped inside the mysterious interior of the black hole forever. There is no escape, and t

      The await event horizon in JavaScript
    • Reactを始めるためのJavaScriptとES6基礎知識 - Qiita

      はじめに 仕事でReactを実装することになり、今更ですがJavaScriptとECMAScript 2015(通常ES6と呼ばれます)の基本的な知識についてまとめようと思います。 この記事では、Reactを始めるために必要なJavaScriptとES6の要点に焦点を当て、それらの概念を一部ですが詳しく説明し、実際のコード例を交えて理解を深めていきます。 let、const、var:変数宣言 まずは基本となる変数宣言を見ていきます。変数を宣言するための主要なキーワードは let、const、および var です。それぞれの特徴と適切な使用法について見ていきましょう。 let

        Reactを始めるためのJavaScriptとES6基礎知識 - Qiita
      • JetBrains JavaScript Day 2023

        JetBrains JavaScript Day 2023 is a free virtual event about modern JavaScript and TypeScript development that took place on November 2. You are welcome to wa...

          JetBrains JavaScript Day 2023
        • WebAssemblyを利用してJavaScriptアプリケーションのパフォーマンスを向上させる方法 - Qiita

          ウェブアプリケーションのパフォーマンス向上は、ユーザーエクスペリエンスの向上に直結します。そこで、本記事ではWebAssemblyを使用してJavaScriptアプリケーションの実行速度を向上させる方法を紹介します。 1. WebAssemblyとは WebAssembly(通称Wasm)は、ウェブで高速な実行を実現するためコードです。。これは、ウェブブラウザ内で実行できる低レベルのバイナリフォーマットであり、JavaScriptの補完として設計されています。WebAssemblyの主な目的は、ウェブでの高性能なアプリケーションの実現を支援することです。これにより、C、C++、Rust、Goなどの言語で書かれたプログラムをウェブアプリケーションで直接実行することが可能になります。 Amazon Prime Videoで動画再生にWebAssemblyを採用されている実例があるようです。 2

            WebAssemblyを利用してJavaScriptアプリケーションのパフォーマンスを向上させる方法 - Qiita
          • JavaScript JIT compiler

            This playlist contains videos where I worked on the JIT (just-in-time) compiler for Ladybird's JavaScript engine (LibJS)

              JavaScript JIT compiler
            • Python & JavaScript Libraries · Ollama Blog

              Python & JavaScript Libraries January 23, 2024 The initial versions of the Ollama Python and JavaScript libraries are now available: Ollama Python Library Ollama JavaScript Library Both libraries make it possible to integrate new and existing apps with Ollama in a few lines of code, and share the features and feel of the Ollama REST API. Getting Started Python pip install ollama import ollama resp

                Python & JavaScript Libraries · Ollama Blog
              • JavaScriptとRubyの連携: よくあるミスとエラー解消方法 - Python転職初心者向けエンジニアリングブログ

                JavaScriptとRubyの連携: よくあるミスとエラー解消方法 JavaScriptとRubyの連携は、ウェブアプリケーションやサーバーサイド開発において重要です。しかし、この連携にはいくつかのミスやエラーが発生する可能性があります。本記事では、そのよくあるミスとエラー解消方法について解説します。 1. JavaScriptからRubyへのデータの送信 JavaScriptからRubyへのデータの送信には、主にAjaxリクエストやフォームの送信を使用します。以下は、Ajaxリクエストを使用してJavaScriptからRubyにデータを送信する方法の例です。 // JavaScriptからRubyへのデータの送信 const data = { name: 'John', age: 30 }; fetch('https://example.com/api.rb', { method: '

                  JavaScriptとRubyの連携: よくあるミスとエラー解消方法 - Python転職初心者向けエンジニアリングブログ
                • GitHub - tc39/proposal-signals: A proposal to add signals to JavaScript.

                  Stage 1 (explanation) Authors: Rob Eisenberg and Daniel Ehrenberg This document describes an early common direction for signals in JavaScript, similar to the Promises/A+ effort which preceded the Promises standardized by TC39 in ES2015. Try it for yourself, using a polyfill. Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a

                    GitHub - tc39/proposal-signals: A proposal to add signals to JavaScript.
                  • フロントエンドとJavaScriptの歴史を雑に話す会

                    フロントエンド歴10年のmizchiと初心者のateaが雑に話します。フロントエンド、プログラミング、AI、ゲーム、FF14、スト6。 52分〜1時間50分あたりは初心者プログラミングの話で、フロントの歴史だけ聞きたい人は飛ばしてください。 2時間43分のトラブルから音声スレッショルドが効きすぎて聞きづらいです。申し訳ない。 0:00 音声トラブル 4:50 雑談 7:30 自己紹介 16:30 配信の動機 18:50 初めてのインターネット 22:20 FlashとCGI 30:00 JavaScript 35:40 GMail/GoogleMap 43:10 サン牧とPerlと 52:00 ネトゲとの付き合い方 1:03:50 ブラックボックス 1:15:37 初心者vsAI 1:32:54 期待値は低いとアド 1:45:00 スト6のモダン 1:50:50 フロントエンド 2:0

                      フロントエンドとJavaScriptの歴史を雑に話す会
                    • Bootstrapが難しいので、苦し紛れにJavaScript関連用語だけざっくり調べた - Qiita

                      注記 この記事の投稿者はRuby on Rails初学者であり、自身の学習の備忘録目的で記事投稿を行なっております。 情報の正確さには最大限注意をしておりますが、もし誤り等がございましたらお知らせいただけますと幸いです。 ご覧いただきありがとうございます! Ito と申します! Ruby on Rails初学者です。 調べた動機、経緯 初めてのアプリを作成しようと思いRails new後、Bootstrapを導入しようとしたら数時間ハマりました。 開発環境はRails7系を使用していますが、ChatGPTに質問をしたところWebpackerを薦められました。 JavaScript周りの知識があればChatGPTのアドバイスの矛盾点に気付けたのでしょうが、知識の持ち合わせがなかった私は、なすがままに振り回されてしまいました。 悔しかったのと、「自分と同じように機械に使われる初学者さんを1人で

                        Bootstrapが難しいので、苦し紛れにJavaScript関連用語だけざっくり調べた - Qiita
                      • 【JavaScript】Promise 〜 初めてのAPI操作 〜 - Qiita

                        初めまして、現在プログラミングスクールで学習中のやまちゃんと申します。 Reactを勉強してみたいなと思っていましたが、そもそもJavaScriptの基礎を さらっとしか触れていなかったので勉強することにしました。 その中で非同期処理において大事だと言われるPromiseについて少し調べてみました。 今回はcatAPIを用いて猫画像を取得する非常にシンプルなコードで見ていこうと思います。 catAPIについては下記を参照ください! catAPI ※ この記事は「RUNTEQ Advent Calendar 2023」の21日目を担当した記事です。 そもそも非同期処理とは? JavaScriptでは基本一つの処理が完了するまで他の作業はできませんが、 非同期処理は一つの作業をしている間に他の作業ができるようにした仕組みの事です。 参考記事 非同期処理とは何か、何が嬉しいの? Promiseと

                          【JavaScript】Promise 〜 初めてのAPI操作 〜 - Qiita
                        • A compilation of outstanding testing articles (with JavaScript) | Practica.js

                          A compilation of outstanding testing articles (with JavaScript)Testing the dark scenarios of your Node.js applicationPractica v0.0.6 is aliveIs Prisma better than your 'traditional' ORM?Which Monorepo is right for a Node.js BACKEND now?

                          • GitHub - zheksoon/dioma: Elegant dependency injection container for vanilla JavaScript and TypeScript

                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                              GitHub - zheksoon/dioma: Elegant dependency injection container for vanilla JavaScript and TypeScript
                            • WordPressでのJavaScriptの読み込みと編集方法

                              WordPressのカスタマイズにはCSSやPHP、HTML、JavaScriptを利用します。 JavaScriptが使えるとスライドショーやアニメーションなど、動的なコンテンツのカスタマイズが可能です。 今回の記事では、JavaScriptの読み込み方法やJavaScriptプラグイン、管理画面からJavaScriptファイルを編集する方法などを解説します。 JavaScriptを使いこなし、WordPressを自由にカスタマイズしましょう。 JavaScriptとは、ウェブページ上で高度な機能を実現するためのプログラミング言語です。 「好きなところにズームできる地図」「2Dや3Dのグラフィックアニメーション」「スライドショーのスクロール」「カーソルを合わせると変化するボタン」などの機能にJavaScriptが使われています。 JavaScriptはユーザーのブラウザ上で動作するため、

                                WordPressでのJavaScriptの読み込みと編集方法
                              • 【JavaScript】JavaScript ライジングスター 2023 - Qiita

                                2023 / 2022 / 2021 / 2020 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2023年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は累計スター数ではなく、『2023年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに総合ランキング1位は2016年~2019年にVue.jsが4連覇、2020年はDeno、2021年はzx、2022年はBunでした。 以下は2023年のランキング、2023 JavaScript Rising Starsの日本語訳です JavaScript ライジングスター 2023 8回目のJavaScript ライジングスターにようこそ! ここでは、2023年のJavaScriptエコシ

                                  【JavaScript】JavaScript ライジングスター 2023 - Qiita
                                • [javascript] カラフルなconsole.log - Qiita

                                  はじめに 普段、一面の白いconsole.logを見て、イライラしたり、重要な情報を一目で見つけるのが難しいと感じたことはありませんか?今日は、console.logをカラフルに変える方法を皆さんに共有します。 エクスポート関数を作る export const success = (msg: string) => { console.log("\x1b[32m%s \x1b[0m", `SUCCESS: ${msg}`); }; export const error = (msg: string) => { console.log("\x1b[31m%s \x1b[0m", `ERROR: ${msg}`); }; export const warning = (msg: string) => { console.log("\x1b[33m%s \x1b[0m", `WARNING: ${

                                    [javascript] カラフルなconsole.log - Qiita
                                  • Google スプレッドシートが計算ワーカーを JavaScript から WasmGC に移植した理由  |  web.dev

                                    Google スプレッドシートが計算ワーカーを JavaScript から WasmGC に移植した理由 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google スプレッドシートは、Chrome で WasmGC を使用する Google 初のプロダクトの 1 つです。この移行は 2022 年に発表され、Google スプレッドシートと Chrome のチームは標準化、エンジニアリング、ツールに関して連携し、最適化に関するフィードバックをリアルタイムで提供しました。このパートナーシップは、Google のエンジニアリング チームが Chrome を効果的に連携させ、より多くの Google アプリを WasmGC で実行できるようにする前例となります。 課題: JavaScript Google スプレッドシートの計算エンジンは元々 Java で記述

                                      Google スプレッドシートが計算ワーカーを JavaScript から WasmGC に移植した理由  |  web.dev
                                    • Python と JavaScript の連携: 強力なフルスタック開発の可能性 - Python転職初心者向けエンジニアリングブログ

                                      近年、ウェブ開発やフルスタック開発において、PythonとJavaScriptの組み合わせが広く利用されています。Pythonの柔軟性とデータ処理能力、JavaScriptのブラウザ上での動的な操作が相互補完し合い、効率的でパワフルなアプリケーション開発が可能になります。本記事では、PythonとJavaScriptの連携に焦点を当て、具体的なコーディング例を交えながら、そのメリットや技術的な側面について詳しく解説します。 Python と JavaScript の連携の背景 PythonとJavaScriptは、それぞれ異なる用途に特化しており、その特性をうまく組み合わせることで、より広範な開発課題に対応できます。Pythonはデータ処理や機械学習などで得意とし、JavaScriptはウェブブラウザ上での動的な操作やクライアントサイドの開発において強力です。この組み合わせにより、効果的な

                                        Python と JavaScript の連携: 強力なフルスタック開発の可能性 - Python転職初心者向けエンジニアリングブログ
                                      • Instant.dev - Type-safe web APIs with JavaScript and Postgres - Instant Analytics

                                        The magical JavaScript API framework with ORM, migrations and vectors

                                          Instant.dev - Type-safe web APIs with JavaScript and Postgres - Instant Analytics
                                        • 採用担当者が開発者に求めるプログラミング言語スキルランキングトップ10、PythonがJavaScriptを超えて1位に

                                          コーディング面接に使われるWebサービスなどを手掛けるCoderPadは2024年1月17日(米国時間)、「需要の高いプログラミング言語 トップ10」を発表した。ランキングは、技術者の採用担当者、人事リーダー、採用マネジャーと開発者を対象とした同社による調査「State of Tech Hiring 2024」に基づくものだ。 需要の高いプログラミング言語 TOP10 ランキングの結果は以下の通り。括弧内の数字は、その言語のスキルを持つ候補者を求める回答者の割合だ。 関連記事 2024年に人気が出る言語は? 「2023年の言語」はやはりC#に プログラミング言語の人気ランキング「TIOBEインデックス」の2024年1月版が公開された。C#が「2023年のプログラミング言語」となり、Fortran、Kotlin、Scratch、PHPもこの1年で順位を伸ばした。 2023年の言語はC#で決ま

                                            採用担当者が開発者に求めるプログラミング言語スキルランキングトップ10、PythonがJavaScriptを超えて1位に
                                          • JavaScript

                                            2023年度リクルート エンジニアコース新人研修の講義資料です

                                              JavaScript
                                            • Node.js vs. Deno vs. Bun: JavaScript runtime comparison | Snyk

                                              JavaScript runtimes help you build advanced, server-driven JavaScript projects that aren't dependent on the user's browser to run. There are several choices of runtimes available, with the supremacy of the old stalwart Node.js being challenged by Deno and Bun. Deno is the latest project produced by the same developer who originally created Node.js, Ryan Dahl, back in 2009. Deno aims to improve its

                                                Node.js vs. Deno vs. Bun: JavaScript runtime comparison | Snyk
                                              • イマドキJavaScriptの機能・書き方まとめ【ES2015バージョンアップなど】 | アントレプレナー

                                                イマドキJavaScriptの機能や書き方とは? 最近のJavaScriptの使い方とは? 本記事ではこのような疑問を解決します。 Web開発になくてはならないプログラミング言語がJavaScriptです。 そんなJavaScriptは、2015年に発表されたECMAScript(JavaScriptの母体規格)の大幅なバージョンアップによって機能や書き方などが更なる進化を遂げました。 この2015年がJavaScriptの大きな転換期となり、今に至るまで毎年バージョンアップが重ねられています。 そして、現在のWeb開発で使われるJavaScriptの機能や書き方は、”イマドキJavaScript”や”モダンJavaScript”とよく呼ばれます。 そこで今回はイマドキJavaScriptの機能や書き方についてご紹介します。 変数宣言(letとconst) JavaScriptの変数宣言に

                                                  イマドキJavaScriptの機能・書き方まとめ【ES2015バージョンアップなど】 | アントレプレナー
                                                • A Simple Introduction to the History API in JavaScript

                                                  Goal: Use the History API to keep track of changes in your web page Prerequisites: Basic JavaScript knowledge (events, DOM) and familiarity with the XMLHttpRequest object

                                                    A Simple Introduction to the History API in JavaScript
                                                  • フロントエンド開発の変遷④ JavaScriptライブラリ乱立時代 - Qiita

                                                    2009年ごろからWebアプリケーションはSPAを代表に、複雑な要件を求められる傾向にあり、フロントエンド開発のパラダイムシフトが起きていました。jQueryは次第に影をひそめ、MVC/MVVMを活用したBackbone.js、AngularJSなどの新たなWebアプリケーションフレームワーク、ライブラリが次々と出現しました。 この時期フロントエンド開発でJavaScriptが担う役割は飛躍的に大きくなりました。この状況でフレームワークなどが提供する設計指針なしに実装を進めると、非常に複雑でレガシー化を引き起こしやすいコードになってしまう。 そこでMVC設計という従来サーバーサイドで普及していた概念がフロントエンドに導入されました。 MVCフレームワークとして人気の高かったのがBackbone.jsでした。 MVCモデルを導入することでビューとモデルが直接関連することがなくなり、フロントエ

                                                      フロントエンド開発の変遷④ JavaScriptライブラリ乱立時代 - Qiita
                                                    • 【HTML】フォームバリデーションの実装方法をもう一度見直してみる【生JavaScript】

                                                      //html <input type="text" id="text" required> <span id="errorMessage"></span> //js const input = document.getElementById('text'); const errorMessage = document.getElementById('errorMessage'); if (input.checkValidity()) { // 標準のバリデーション機能 errorMessage.textContent = input.validationMessage; // 標準のバリデーションメッセージ } 標準機能を用いたバリデーション なにが嬉しいの? Web APIにはクライアントのバリデーションに必要な機能が標準でいくつも実装されており、これらを利用することで「自分で書くコード

                                                        【HTML】フォームバリデーションの実装方法をもう一度見直してみる【生JavaScript】
                                                      • 非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワーク・「matcha.css」

                                                        matcha.css matcha.cssは非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワークです。説明が上手くできないのですが、柔軟性のあるCSSリセットというイメージです。 デフォルトのブラウザスタイルシートと同様にHTML要素のスタイルを広範囲に設定したものですが、極力疑似要素を使うなど導入しても既存サイトに影響が出にくい配慮がなされており、多くのブラウザに対応できるようになっています。それだけでなく、カスタムビルドツールが用意されていて、自分のオリジナルmatcha.cssを作る事も可能です。 例えば以下のようなHTMLの場合 <nav> <ol> <li><a href="#">Viennoiseries</a></li> <li><a href="#">Tartelettes</a></li> <li><a hr

                                                          非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワーク・「matcha.css」
                                                        • JavaScript Frameworks - Heading into 2024

                                                          I won't be the first to say it, but I will say it nonetheless, 2023 was quite the year for JavaScript frameworks. Between new technologies we've been watching finally showing they can deliver, and older frameworks making a resurgence if you weren't paying attention you may have missed a pretty significant shift. I anticipate that 2024 will continue to see even larger changes across the board. This

                                                            JavaScript Frameworks - Heading into 2024
                                                          • DOMとは?仕組みや構造を解説!HTMLやJavaScriptとの関係は?|Udemy メディア

                                                            最近、JavaScriptの勉強をしていると「DOM(ドム)」という言葉がよく出てくるけれど、 ・DOMの仕組みや構造が具体的にどうなっているのか分からない…。 ・HTMLやJavaScriptとDOMの関係性が掴めない…。 と感じている方も多いのではないでしょうか? この記事では、 ・DOMの基本的な概念と仕組み ・DOMとHTML、JavaScriptとの関係性 についてわかりやすく解説します。 DOM(Document Object Model)とは? DOMは、Document Object Modelの略称であり、HTMLやXMLドキュメントなどのマークアップ言語と、CSSをJavaScriptなどのプログラミング言語からアクセスできるようにするためのAPI※のことを指します。 このAPIを使用することで、HTMLやXMLの構造を定義し、文書へのアクセスをはじめ、操作や変更が可能

                                                              DOMとは?仕組みや構造を解説!HTMLやJavaScriptとの関係は?|Udemy メディア
                                                            • 学んでみたいプログラミング言語ランキング 3位「C言語」、2位「JavaScript」、1位は?

                                                              Textrade運営事務局はインターネットアンケートにて200名を対象として調査・分析をおこない、学んでみたいプログラミング言語ランキングを作成しました。 アンケート概要 調査概要:学んでみたいプログラミング言語ランキング 調査対象:日本全国の男女 対象人数:200名 調査方法:インターネットアンケート調査 調査媒体:クラウドワークス 調査期間:2023年9月29日 *アンケートの調査結果の詳細はこちらの記事に公開しています。 https://wagtechblog.com/programing/press-release04 学んでみたいプログラミング言語ランキングの調査結果 学んでみたいプログラミング言語ランキングの結果は以下のようになりました。 それではプログラミング言語ごとに詳細を解説していきます。 1位:Python Pythonはシンプルで読みやすいプログラミング言語で、多用途

                                                                学んでみたいプログラミング言語ランキング 3位「C言語」、2位「JavaScript」、1位は?
                                                              • ChatGPTといっしょにJavaScriptでスイカゲームっぽいものを作ってみる - Qiita

                                                                普段BtoBのお堅めWebアプリを作っているエンジニアがスイカゲームに魅了されてしまい、 ChatGPTをお供にスイカゲームっぽいものを作ってみたというお話です。 背景 私は普段、BtoBの割と堅めのWebアプリケーションを作っていて、 業務の中でJavaScriptと戯れる機会がそれなりにあるのですが、 業務アプリ以外で、JavaScriptのアクションゲームっぽいものをつくってみたいな~ と常々思ってました。 ただ、何から手を付けていいかわからなかったので、今まで未着だったのですが、 ちょうどよい機会なのでChatGPTに聞きながらスイカゲーム風の何かの製作に挑戦してみることにしました。 題材を考える 何かものづくりをするときは、モチベーションが欲しいですよね。 私は猫が好きなので、猫関連グッズをモチーフとした「ネコゲーム」を作って 猫たちと戯れたいと思います。 何はともあれ、素材をつ

                                                                  ChatGPTといっしょにJavaScriptでスイカゲームっぽいものを作ってみる - Qiita
                                                                • 【JavaScript・初学者】コンポーネントの基礎となるNamed import/exportの基本的な使い方 - Qiita

                                                                  はじめに 前回の記事で、モジュール化するこによって名前空間を狭くすることができ衝突を防ぐという話をしました。 今回は、そのモジュールをファイル分割によって読み込むimport/exportについて考えていきます。 import/exportの種類 import/exportの方法にはいくつか種類があります。 大きく、default import/exportとnamed import/exportの2種類です。 今回はnamed import/exportについて見ていきます。 named import / export まず、事前準備としてscriptタグにtype="module"を設定して、モジュールとして扱えるように設定します。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport"

                                                                    【JavaScript・初学者】コンポーネントの基礎となるNamed import/exportの基本的な使い方 - Qiita
                                                                  • JavaScriptを勉強していたら、途中からバッティング練習になった - Qiita

                                                                    おはようございます! 今日も昨日やったことの振り返りをしていきます! 昨日やったこと 昨日は、下記のサイトのチュートリアルで数字当てゲームを作りました。 初心者から上級者までレベルが設定されていて、JavaScriptを体系的に学ぶことができるサイトです。 実際に作ったものがこちらです。 気付き 数字当てゲームを作る上で、最初のステップとして用意されていたのが、ゴールを思い描くということでした。 プログラマーのように考えるプログラミングで一番難しいのは、書き方を覚えることではなく、現実の問題にどう適用するかということです。 プログラマーのように考え始める必要があります — それは一般的に、そのプログラムが何をしなければならないかという説明を見て、それを満たすためにコードのどんな機能を用いるかを考え、さらにそれを組み合わせていかなければなりません。 これには努力・プログラミング文法の経験・練

                                                                      JavaScriptを勉強していたら、途中からバッティング練習になった - Qiita
                                                                    • JavaScript Primer - 迷わないための入門書 (jsprimer)を読んで - コブログ

                                                                      はじめに JavaScript Primer - 迷わないための入門書 (jsprimer)の感想を記載いたします。 良かったところ JS は、暗黙的な型変換についてかなりアバウトであることを学ぶことができました。 特に NaN は一度発生すると挙動的にもデバッグ的にもかなり厄介なため、NaN の防止がとりわけ重要であることを学べてよかったです。 難しかったこと this の扱いや、非同期処理、アロー関数の定義等一度読んだだけでは理解しきれない内容が多かったです。JS のコーディングをしていく中で辞書的に都度確認していこうと思います。 学んだこと 第一部:基本文法 JavaScript は ECMAScript の使用によって動作が決められている。ECMAScript は毎年更新される。 変数宣言時にvarを使用するのは現在非推奨。ECMAScript では機能を追加する際にも後方互換性を

                                                                        JavaScript Primer - 迷わないための入門書 (jsprimer)を読んで - コブログ
                                                                      • 【個人開発】webアプリを作成しました【Rails,Javascript,MySQL,GitHub Actions,AWS EC2】 - Qiita

                                                                        【個人開発】webアプリを作成しました【Rails,Javascript,MySQL,GitHub Actions,AWS EC2】JavaScriptRailsMySQLAWSGitHubActions アプケーション名 Quick Clean Restroom Map アプリケーション概要 最寄りの綺麗なトイレの位置をリアルタイムで案内し、トイレの情報を提供します。 URL 備考 EC2インタンスは通常時停止です。 アプリケーションを作成した背景 外出先で最寄りの綺麗なトイレを探すのが困難なことがあります。Google Mapsでは公共のトイレは多く表示されますが、綺麗なトイレをすぐに見つけることは難しいです。同様の問題を抱えている方が多いと思い、ユーザー同士で綺麗なトイレの情報を共有できるアプリケーションを開発することにしました。 アプリの画像 利用方法① 最寄りのトイレを探す 最寄

                                                                          【個人開発】webアプリを作成しました【Rails,Javascript,MySQL,GitHub Actions,AWS EC2】 - Qiita
                                                                        • Migrate to v9.x - ESLint - Pluggable JavaScript Linter

                                                                          To address: If you are using any of these formatters via the -f command line flag, you’ll need to install the respective package for the formatter. Related issue(s): #17524 Removed require-jsdoc and valid-jsdoc rules The require-jsdoc and valid-jsdoc rules have been removed in ESLint v9.0.0. These rules were initially deprecated in 2018. To address: Use the replacement rules in eslint-plugin-jsdoc

                                                                            Migrate to v9.x - ESLint - Pluggable JavaScript Linter
                                                                          • JVM、V8 JavaScript engine、Blinkなどのソースコードを読むために、C++を勉強したいと考えています。 C++を勉強する上でオススメの参考書などがあれば、ご教示をお願いできないでしょうか。 | mond

                                                                            和訳されているC++本はだいたいどれも大きなハズレではないのですが、僕がC++を学んだ時は定評のあるEffective C++から入りました。基本的な言語機能は適宜検索すればわかるので、どういうコードを書くべきでないかという観点から入れたのは自信を持ってコードを読み書きするには良いスタート地点でした。 https://www.amazon.co.jp/dp/4621066099 Effective C++の中には今(C++11以降)となっては必ずしも通用しないベストプラクティス(使える場所ではconstにしよう、など)もあるのですが、なぜ過去は推奨されておりなぜ現在は推奨されていないかを把握したほうがより良いコードが書けるので古典から入るのはおすすめです。特にJVMもV8もBlinkもC++11以前から続いているプロジェクトなので古いベストプラクティスを学ぶ事はそれらの理解の助けになります

                                                                              JVM、V8 JavaScript engine、Blinkなどのソースコードを読むために、C++を勉強したいと考えています。 C++を勉強する上でオススメの参考書などがあれば、ご教示をお願いできないでしょうか。 | mond
                                                                            • 【JavaScript】async/awaitとaxios、非同期通信について - Qiita

                                                                              axiosとは HTTP通信(データの更新・取得)など、HTTPリクエストのやり取りを簡単に行うことができる、JavaScriptのライブラリです。Node.jsで記述されています。APIを提供するクラウドサービスに対して、データを送受信することができます。 非同期にHTTPメソッド(GET・POST・PUT・DELETE通信など)を取り扱えます。 非同期処理とは 時間の掛かる処理の結果を待たずにすぐ次の処理を実行できる仕組みです。Promiseを使うと簡単に実現できます。 Promiseとは、非同期処理の状態を監視するためのオブジェクトで、非同期処理を同期処理のように扱える書き方です。 使う場面 JSONデータを提供しているAPIと接続して、データを取得することが多いです。 Webの場合、サーバーの中で外部にデータを提供している機能(またはそnページ)のことをAPIとよびます。 asyn

                                                                                【JavaScript】async/awaitとaxios、非同期通信について - Qiita
                                                                              • 自動で日数を数える!あなたの進捗ブログに追加すべきJavaScriptコード - 43号線を西へ東へ

                                                                                超個人的なJavaScriptの便利ツールをご紹介します。 走り始めてから何日だったっけとすぐに振り返れるような日数計算ツールです。私以外の誰が得するのか謎なツールですが、日付とタイトルを変更すればみんなに便利になツールになりそうです。 用途に合わせてでカスタマイズできるように、下記にコードを貼っています。日付とタイトルを変更すれば、そのままのブログに貼り付けることが可能です。 走り出してから今日で何日? コードの改変方法 コード コードの修正(2024年4月24日) まとめ 走り出してから今日で何日? ↑ JavaScriptによる自動計算数値です (2024年2月27日からランニング再開) △や□のマークが走った日。 コードの改変方法 コードの下記の部分を変更してください 開始日を変更(月は0が1月を、1が2月を示すそうです。謎仕様です) 開始日を日数に含めないときは-1をけす 表示す

                                                                                  自動で日数を数える!あなたの進捗ブログに追加すべきJavaScriptコード - 43号線を西へ東へ
                                                                                • javascript でなぜ 2^53 - 1 以下の整数を正確に表せるのか - Qiita

                                                                                  javascript の勉強をしていて疑問に思ったことについて調べたので書きます。冷静に考えるとかなり当たり前のことなのですが、同じ疑問を持つ人もいるかと思うのでメモを残しておきます。勘違いがあったら教えてください。 jsでは数値はすべて浮動小数点型で表す ほとんどのプログラミング言語では、整数と整数以外の実数を異なる型で表す(以下、面倒なので整数以外の実数を単に実数と表現する場合がある)。つまり、数値の中でも整数だけを特別に扱う型がある。例えば、Cでよく使うのは整数はint、実数はdoubleなどですね。これに対して、 javascript では整数だけを表す型というのがなく、数値はすべてNumberという型で表現される。つまり、3も0.3も同じ型の値である。Numberは実数を表すのによく使われる64bit の浮動小数点型なので、 javascript では整数も実数っぽく表しているこ

                                                                                    javascript でなぜ 2^53 - 1 以下の整数を正確に表せるのか - Qiita