[B! JavaScript][qiita] stibbarのブックマーク

console.logをもっと使いこなす！ - Qiita

ブラウザ上でのデバッグにconsole.log()をよく使いますが、MDNのConsole APIのページを見ると色々ありましたので調べてみました。よく使うコンソールメソッド console.log()：ログ情報の一般的な出力用。 console.info()：有益な情報の出力用。 console.warn()：警告メッセージの出力用。 console.error()：エラーメッセージの出力用。 console.log()のカスタムCSSスタイル console.logの引数にCSSを指定し、%cディレクティブを使用すると出力結果にスタイルを適用できます。ディレクティブの前のテキストは影響を受けず、ディレクティブの後ろのテキストが装飾されます。文字列の置換文字列を受け取る console オブジェクトのメソッド (log() など) の 1 つに文字列を渡す場合、次の置換文

stibbar 2024/08/03

リンク

[初心者向け]GoogleMapJavascript APIを用いたマップと検索ボックスの表示方法 - Qiita

google map APIを使ってアプリ上にマップを追加する方法です。基本的には公式ドキュメントをコピペに沿って記述すれば実現できますが、Javascript初心者の私は解読するのにやたらと時間がかかったので同じ様なことを始める方のために共有しておきます。出来ること･マップの表示･検索ボックスの表示･マップ、検索ボックスの装飾少し手を加えれば以下のように装飾することもできます。手順 1.マップを配置したいhtmlファイルにidを記述 2.javascriptファイルにWebAPIに関する記述をする 3.CSSをいじってマップを装飾するこれだけ。手順1:マップを配置したいhtmlファイルにidを記述以下公式ドキュメントからの引用です。ポイントはAPI呼び出し用scriptに libraries=places を記述すること。これにより検索&検索位置へ画面を切り替えるラ

stibbar 2023/06/25

リンク

JavaScriptの上限・限界値 - Qiita

JavaScriptの文字列や配列は最長でどこまで格納できるか、気にしたことはありますか？関数は何個まで引数を取れるのでしょうか？ブロックのネストは何段まで？この記事では、そんな素朴な疑問に答えてみます。テストに使った環境は、 macOS 12.3.1 (Arm64) Node.js v17.7.2 Firefox Nightly 102.0a1 (2022-05-29) です。当たり前ですが、この記事に載せる数値は環境によって変わる可能性があります。テストに使ったスクリプト類は https://github.com/minoki/javascript-limits に置いてあります。文字列の長さまずは文字列の長さです。規格には The String type is the set of all ordered sequences of zero or more 16-bit

stibbar 2022/05/31

リンク

require()とは何か？何が便利なのか - Qiita

などとついていますが、このrequire()ってよくわからない。具体的には、どうやって使えばいいの？普通にscriptタグで読み込む場合とどう違うの？「require」でググっても英和辞典とかしかでないんだけど！ということでざっと調べてみました。 require()とは何か？ commonJS 以下、要約そもそもの発端は、「Javascriptって良いよね。ブラウザ以外（ServerSide）でも使おうぜ」ということからだったらしいです。しかし、scriptタグで読み込むこと前提だったので、HTMLがない（レンダリングエンジンがない）場合に外部ライブラリを参照する方法がない。。。（さらに言えば、FileやNetwork、標準入出力など色々と不便。）これじゃ困るということで、ServerSideの標準仕様を定めたのがcommonJS。その中で外部ライブラリを参照する方法が

stibbar 2021/10/16

https://requirejs.org/

リンク

JavaScriptで月末日を取得する - Qiita

var dt = new Date(); // 「今日」のインスタンスを取得 console.log(dt); // Thu Jan 30 2014 00:00:00 GMT+0900 (東京 (標準時)) console.log(new Date(dt.getFullYear(), dt.getMonth() + 1, 0)); // Fri Jan 31 2014 00:00:00 GMT+0900 (東京 (標準時))

stibbar 2021/01/28

リンク

初心者による超初心者のためのPixiJS入門 - Qiita

この記事はGitHubに掲載した記事 https://github.com/wowowo142/c96 の転載となります。記事更新情報(全部読んでからまた来た人向け) (2022/04/20) Spriteの元となる画像ファイルなど、リソースの読み込みに関してすごく分かりやすく詳細に解説されている記事がありました。ローダー(PIXI.Loader)の使い方は筆者の能力と気力不足により本記事では解説できなかったので、 Pixiをちゃんと使いたい方はぜひ読みましょう。超オススメ。 PixiJS の Sprite 調べてみた (2020/12/14) 公式以外で自分より前に似たようなチュートリアルを書かれている方がいました。v4.5.5準拠ですが、ゲームの作り方まで踏み込んだ解説をされていたのでリンクを貼っておきます(英語)。 GitHub - kittykatattack/learning

stibbar 2020/10/11

https://github.com/kittykatattack/learningPixi

リンク

async/await 入門（JavaScript） - Qiita

はじめに今更ですが、JavaScriptのasync/awaitに関する備忘録になります。「今まで$.Deferred()やPromiseなどで非同期処理は書いたことがあるが、async/awaitはわからない」「$.Deferred()やPromiseなどの非同期処理の書き方より、もっと簡潔に書ける書き方があれば知りたい」「今までの非同期処理の書き方と比べて何が良いのかわからない」といった人達向けの記事です。 $.Deferred()やPromiseなどで非同期処理を書いたことがある前提のため、非同期処理自体に関する説明は記載しておりません。記載している利用例のコードはChrome（最新）のコンソール上で動きますので、コンソール上で実行して動作を確認してみると理解が深まりやすいと思います。本記事で用いている用語 Promiseを返す Promiseオブジェクトを返すこと。

stibbar 2020/07/11

https://qiita.com/rana_kualu/items/e6c5c0e4f60b0d18799d

リンク

JavaScriptでフルスクラッチゲーム開発しよう第1回準備編 - Qiita

HTML5のゲーム開発向けフレームワークの乱立昨今、HTML5のCanvas, WebGL, WebAudioAPiなど、Webフロントエンド技術でのゲーム開発に向いた技術が増えて、Webブラウザ向けのゲーム開発界隈が盛り上がりを見せています。それに合わせて、JavaScriptによるゲーム開発向けフレームワークも広がりを見せ、どれを選べばいいか迷ってしまうほど、多くのフレームワークが登場しています。習熟の道しかし、HTML5ゲームの開発をする際にそういったフレームワークを使用することを選択した場合、CanvasやWebGLなどの特性を学ぶ他、そのフレームワークの使用方法や設計理念も学ぶ必要があり、目の前に登場する大きな要塞に立ちくらみを覚える人も居るかと思います。「フロー体験」という考え方があり、技術の習熟においては、自分の現在の習熟レベルに合わせて技術を学習する必要があります

stibbar 2020/05/05

リンク

2018年のJavaScriptのコードフォーマッター事情 - Qiita

2020/01/23追記: これはすでに古い情報です。ESLintとPrettierは同時に使わないのが今の推奨設定です。最新の情報は以下のところにあります。 https://future-architect.github.io/typescript-guide/baseenv.html 以下は過去の情報です PySpa統合思念体です。 go fmt便利ですよね。設定なしで言語が定めるルールで一発でやってくれるので良いですね。で、JavaScriptでは歴史的経緯もあって、フォーマットの流派はいろいろあります。インデントはスペース2/4、ハードタブ文字列にはシングルクオート使う派（英語キーボードだとシフトキー押さなくていい）末尾のセミコロンは必須・省略そのためカスタマイズ可能なフォーマッターが必要となります。カスタマイズの柔軟性や歴史的経緯や新しい文法への対応などで、いくつかのツー

stibbar 2019/04/11

http://cou929.nu/data/google_javascript_style_guide/

リンク

旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita

はじめにネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ

stibbar 2017/06/27

https://tsuchikazu.net/javascript-module/

リンク

大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのかまとめ - Qiita

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

stibbar 2016/06/28

リンク

モダンJavaScriptアプリケーション開発 in Salesforce - Qiita

はじめに HTML5でのアプリケーション開発は、エンタープライズ向けアプリケーションでも当たり前のようになってきました。これはSalesforceにおけるアプリケーション開発でも同じです。 Salesforceでのアプリケーション開発はVisualforce/Apexで行うというのが数年ほど続いてきたので、HTML5つまりJavaScriptを主体とするアプリケーション開発にはなれていないベンダーも多数あるかと思います。自分は創業当時からJavaScriptでのSPA(Single Page Application)をメインプロダクトに据えた会社を運営しており、Salesforceのパートナーとしても長いことやっていますので、このあたりのノウハウは比較的多い方です。そのためこのエントリはそれなりに説得力を持ってお届けできるとは思います。真っ先に行うべきこともしあなたがSalesforc

stibbar 2015/04/25

リンク

JavaScriptのモジュールシステムの歴史と現状 - Qiita

社内向け資料。自分が書いたコードを説明するために資料作る羽目になった。昔のことはうろ覚えで雰囲気で書いてる部分もあるので、そこらへん勘弁。古の時代(~2010) 前提としてJavaScriptは名前空間がwindowの一つしかない。昔Prototype.jsがあった。もうみんな忘れたけどあの時期はプリミティブなオブジェクトのprototypeを生やしまくって、それが衝突しまくってprototype良くない的な雰囲気が生まれたり生まれなかったりした。その反省があってか(歴史的に若干微妙な気がするが) jQueryは名前空間を一つに集約した。いわゆる jQueryPlugin は、jQueryのプロトタイプにヘルパを生やしまくっていた。グローバルを汚すのは駄目だけどjQueryの名前空間を汚すのはいいよね、ぐらいの考え。 jQuery非依存なライブラリは、「GoodParts」として、

stibbar 2015/02/07

リンク

はてなブックマーク

タグ

関連タグで絞り込む (5)

JavaScriptとqiitaに関するstibbarのブックマーク (13)

お知らせ

月間はてなブックマーク数ランキング（2024年10月）

今週のはてなブックマーク数ランキング（2024年10月第4週）

今週のはてなブックマーク数ランキング（2024年10月第3週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス