皆さん、こんにちは！ヨンです。 アシアルのハイブリッドアプリの開発者の一人で、モバイル、ウェブ、サーバ開発技術に興味を持っています。 アシアルの英語ブログ（The Web Tub)で記事を書いたので、皆さんに共有したいと思います。今回の記事は「Object Detection with Javascript, the Easy Way!」です。ライブラリ ml5.jsとp5.jsを利用して物体検出のアプリを作成します。 こちらがデモになります。
Javascriptで物体検出！
皆さん、こんにちは！ヨンです。 アシアルのハイブリッドアプリの開発者の一人で、モバイル、ウェブ、サーバ開発技術に興味を持っています。 アシアルの英語ブログ（The Web Tub)で記事を書いたので、皆さんに共有したいと思います。今回の記事は「Object Detection with Javascript, the Easy Way!」です。ライブラリ ml5.jsとp5.jsを利用して物体検出のアプリを作成します。 こちらがデモになります。
How to "import" a typedef from one file to another in JSDoc using VS Code?
Let's say I have a file named "File1.js". In this file, I export an object of objects and I give each object a typedef, like so. /** * My typedef for each object. * @typedef {Object} MyObject1 * @property {String} username Your username * @property {String} realname Your real name. * @property {boolean} isUnique Are you unique as a person? */ module.exports = { /** * Person One! * @type {MyObject1
JavaScript Primer - 迷わないための入門書 #jsprimer
JavaScript Primer 迷わないための入門書 Tweet Watch Star Xのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことはあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを読み書きできるように書かれています。 初めてのプログラミング言語としてJavaScriptを学ぶ人は、まずは「はじめに」から読んでみてください。 JavaScript Primerを読み始める 書籍版 このウェブサイトの内容はアスキードワンゴから書籍として出版されています。 書籍版の内容はウェブサイト版と同一ですが、本として読めるように最適化されています。 書籍版は次のサイトから購入できます。
PEG.jsのすゝめ - 株式会社BEFOOL ブログ
木内智史之介（ｼｬｯﾁｮｰ） ミンカさんけっこんしてくださいおねがいします(ｽﾞｻﾞｰ SEGAさん、DIVAの筐体ください(ｽﾞｻﾞｰ 掲示板アプリでのコメントレンダリング問題 掲示板をアプリを作成していると、避けて通れない道の一つに、「コメントの描画」というものがあります。 単に、ユーザー入力をそのまま表示すればいいだけであれば、そんな簡単な事はないんですが、 当たり前ですが、色々要件はついてくるものです。 改行したポイントで改行されるように URLは自動的にリンクに レス記法（»1）は自動的にリンクにして、クリックでそのコメントにジャンプ 引用記法（> hogehoge）は、引用っぽく表示。あ、入れ子可能ね！ レス記法までは、単純な正規表現と要素の置き換えで実現可能ですが、 引用の入れ子まで来ると、文章を構造化して管理していく必要性が出てきて、 急激に難易度が上昇します。 markd
スナック「jQuery」 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ……あら、いらっしゃい。 若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。 何飲む？ ……水割り？ わかったわ。 じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。 What is jQuery? この店――『jQuery』がオープンしたのって、2006年なんだけどさ。その頃の、この街の様子って覚えてる？ ……知らないか。あなた、まだ若いもんね。その頃って、そりゃあヒドイもんだったのよ。 その頃、シェア率トップだったブラウザって、もちろ
GitHub - rsify/pico: Take browser screenshots in Javascript 📸
Warning: nerdy This program renders whatever is displayed in the given Window into an image, thanks to svg's <foreignObject>. No server side code is required to produce the screenshot. There is no native Javascript API to take the screenshot of what the user is currently seeing on their screen (and because of security issues there probably will never be one). Since we don't have access to the raw
JavaScript ASTを使ったツール(自作、ESLint、Babel、jscodeshift)を実装する話
JavaScript ASTを使ったツール(自作、ESLint、Babel、jscodeshift)を実装する話 Dive into ASTというJavaScriptのASTを使ったツールの作り方を見ていく話を書きました。 自作の正規表現、ASTチェックツール、ESLint、Babel、jscodeshiftでそれぞれ動くツールを実装してるので、リポジトリにまとめてあります。 スライドではCode Surferを使ってASTや書き方をインタラクティブに解説しています。 スライド: Dive into AST リポジトリ: azu/dive-into-ast: JavaScriptを中心にしたAST(Abstract Syntax Tree)を使ったツールの作り方についての資料です！ 自作ASTツール、ESLint、Babel、jscodeshift それぞれでASTを使ったツールをどう実装
Jake: JavaScript build tool task runner for NodeJS
Jake is a simple and flexible JavaScript build tool for NodeJS. Jake has been around since the very early days of Node, and is full featured and well tested. Jake is a CLI tool. You can install it globally with npm i -g jake, or install it locally and run with npx. You can even embed it as a module in larger programs.
# CommonJS と ES6の import/export で迷うなら - Qiita
はじめに いつもはes6のモジュール管理方式であるimport/export(ES modules)を使って、npmで手に入れたライブラリや自分で作成したモジュールをロードしているが、たまに思った挙動にならないことがある。また、export defaultしたモジュールをテストしようとしてkarmaでrequire()するとエラーになったりした。そういう場合は、とりあえずmodule.exportsを使ってみるとうまくいったりすることが多いのだが、なぜなのかはあまり考えていなかった。 ということで、実際にはどうなっているのか、またモジュールシステムとは何なのかという点で基本的なことから理解を深めて、es6のimport/exportとの違いを知り、より正しく実装できるようになれば良いと思っている。 結論としては 方針としては基本的にはES6形式で記述するが、CommonJS形式の読み書きが
JSON5 – JSON for Humans
JSON for Humans View the Project on GitHub json5/json5 JSON5 – JSON for Humans JSON5 is an extension to the popular JSON file format that aims to be easier to write and maintain by hand (e.g. for config files). It is not intended to be used for machine-to-machine communication. (Keep using JSON or other file formats for that. 🙂) JSON5 was started in 2012, and as of 2022, now gets >65M downloads/w
Prism
Download Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily. Dead simple Include prism.css and prism.js, use proper HTML5 code tags (code.language-xxxx), done! Intuitive Language classes are inherited so you can only define the language once for multiple code snippets. Light as a
CORS関連、これだけ知っとけばまぁ大丈夫 - Qiita
はじめに APIを作っているとほぼほぼCORSに関する実装を行うことになるが、登場してくるリクエストヘッダやレスポンスヘッダの名前が少々紛らわしくて覚えづらい。 そこでCORSとは何か？から始まって一連のやりとり、及び必要なリクエストヘッダ・レスポンスヘッダの名前や設定値についてメモを取ることとする。 CORS XHRでは、異なるドメインに対してアクセスを行い、レスポンスデータを読み込むことができない（同一生成元ポリシー）。生成元はURI中のスキーム・ホスト・ポート番号の組み合わせで判断される。 http://example.com と http://example.com:8080 は異なる生成元となる。 JSONPという手法もあるが、これはある種ハックでありセキュリティ上の問題も多い。 そこで異なる生成元にアクセスするための手法としてクロスオリジンリソース共有（CORS）という仕様が策
クラス - JavaScript | MDN
// 宣言 class Rectangle { constructor(height, width) { this.height = height; this.width = width; } } // 式（クラスは無名だが、変数に代入される） const Rectangle = class { constructor(height, width) { this.height = height; this.width = width; } }; // 式（自分の名前を持つクラス） const Rectangle = class Rectangle2 { constructor(height, width) { this.height = height; this.width = width; } }; 関数式と同様に、クラス式も無名であったり、割り当てる変数とは異なる名前を持ったりすること
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSer.info
JavaScriptで重複排除を自分で実装してはいけない（Setを使う） - Qiita
Almin · Flux/CQRS patterns for JavaScript application.
【JavaScript】スプレッド演算子の便利な使い方まとめ
isomorphic-git
ESLintのコメントでのルール制御 - Qiita
javascriptビルドツールなどで相対パス地獄(../../)を解決する方法まとめ - Qiita
