Codejump | 作って学ぶコーディング学習サイト（HTML、CSS、JavaScript、WordPress）【旧 Codestep】
1冊でスキルが身につく！ Amazonで発売中 書籍特設サイト 出版ブログ 【HTML / CSS】コーディング練習課題 ＿入門編 プロフィールサイト フォトサイト フォトサイト2 レシピサイト／トップページ レシピサイト／レシピページ ブランドサイト（ジュエリー） ＿初級編 ポートフォリオサイト ストアサイト（書店） ECサイト コーポレートサイト（Web制作） ストアサイト（和菓子） ＿中級編 ブログサイト ストアサイト（カフェ） ストアサイト（インテリア） ランディングページ コーポレートサイト（ハウスメーカー） ＿上級編 メディアサイト ギャラリーサイト ＿実践編（Codejump Pro） 実務をモデルにしたコーディング案件 ＿番外編（HTML/CSS） 疑似要素の練習 positionの練習 行数が異なる画像の横並びの練習 画像を斜めに表示する練習 ドロップダウンメニューの練習
SDK for JavaScript | Apify Documentation
Four years ago, Apify released its open-source Node.js library for web scraping and automation, Apify SDK. It became popular among the community, but there was a problem. Despite being open-source, the library's name caused users to think its features were restricted to the Apify platform, which was never the case. With this in mind, we decided to split Apify SDK into two libraries, Crawlee and Ap
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
【JavaScript】ファイル名(拡張子あり)からファイル名(拡張子なし)と拡張子に分割する(正規表現) - Qiita
var reg=/(.*)(?:\.([^.]+$))/; var file_name="demon_uploader.jpg"; console.log(file_name.match(reg)[0]);//demon_uploader.jpg console.log(file_name.match(reg)[1]);//demon_uploader console.log(file_name.match(reg)[2]);//jpg var file_name2=".jpg"; console.log(file_name2.match(reg)[0]);//.jpg console.log(file_name2.match(reg)[1]);//空文字 console.log(file_name2.match(reg)[2]);//jpg
highlight.js
The Internet's favorite JavaScript syntax highlighter supporting Node.js and the web. 192 languages and 512 themesAutomatic language detectionWorks with any HTML markupZero dependenciesCompatible with any JS frameworkSupports Node.js and DenoCurrent release: 11.11.1 #!/bin/bash ###### CONFIG ACCEPTED_HOSTS="/root/.hag_accepted.conf" BE_VERBOSE=false if [ "$UID" -ne 0 ] then echo "Superuser rights
BackstopJSではじめるビジュアルリグレッションテスト - astamuse Lab
こんにちは。デザイン部でフロントエンドエンジニアをしているkitoです。 今回は、BackstopJSを使ったビジュアルリグレッションテストについて書きたいと思います。 ビジュアルリグレッションテストとは視覚的な回帰テストのことで、具体的にはスクリーンショットを撮影して差分抽出して行うテストです。 近年のWebフロントエンド開発では、SassやWebpackのような開発環境が整うに従ってスタイルシートをモジュール化することが増えています。 それはスタイルの汎用性を高めることに大きく貢献していますが、一方で、あるパーツのスタイル修正が想定外の場所で悪影響を及ぼしてしまう可能性をもつようになりました。 この問題に対処するために、Enduring CSSのような新しいタイプの設計手法も考えられてはいますが、既存のサービスに導入するにはかなり敷居が高いでしょう。 そこで注目したいのが、ビジュアルリ
高速化の観点から new Array(100) を使わない方が良い理由
別件で V8 の JIT コードの逆アセンブルを眺めている時に気づいたのですが、JavaScriptで new Array(100) という形で配列を作るのは、高速化の観点から言うと V8 においては避けるべき書き方です。 高速化を求める方は、 new Array() や [] で作成して Array#push で追加していくのが良いでしょう。この記事では、その理由を説明します。 今回の記事は、以下の V8 のブログ記事を参考にしております。 https://v8.dev/blog/elements-kinds 「詰まった配列(Packed Array)」と「穴あき配列(Holey Array)」 v8 は内部的に、その配列がどういうタイプの配列であるかの状態を記録しており、その情報を利用して最適化を適用します。状態は内部的には21個あるのですが、今回話題にするのは、その中でも「詰まってい
JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io
Intro textarea などに入力された文字数を、JS で数えたい場合がある。 ここで .length を数えるだけではダメな理由は、文字コードや JS の内部表現の話を理解する必要がある。 多言語や絵文字対応なども踏まえた上で、どう処理するべきなのか。 それ自体は枯れた話題ではあるが、近年 ECMAScript に追加された機能などを交えて解説する。 なお、文字コードの仕組みを詳解すること自体が目的では無いため、BOM, UCS-2, Endian, 歴史的経緯など、この手の話題につき物な話の一部は省くこととする。 1 文字とは何か Unicode は全ての文字に ID を振ることを目的としている。 例えば 😭 (loudly crying face) なら 0x1F62D だ。 1 つの文字に 1 つの ID が割り当てられているのだから、文字の数を数える場合は、この ID の
JavaScript loose comparison (==) step by step
JavaScript "loose" comparison step by step When you start learning JavaScript, you will likely read about preferring to use === over == to compare values. But why? == performs type conversion: If the two values are not of the same data type, they are converted to the same type first. While this seems, and can be, convenient, this process is not necessarily intuitive. Below you can provide two valu
TypeScript入門以前ガイド - mizchi's blog
某社で自分が React/Redux + TypeScript などの講習をやってみた結果、TypeScript 入門用資料が必要だと思って書いたやつです。 このドキュメントのターゲット TypeScript で書かれたプロジェクトに参加する人 TypeScript を導入するために、その事前知識が必要な人 このドキュメントの読み方 ES2015 for Beginners ES2015 for ES5 Programmers ES Modules 非同期表現: Promise と async/await TypeScript エコシステム編 自分が React/Redux などの講習でいろいろやってみた結果、 ES2015 と TypeScript を同時に教えると、初学者は何がどの概念に由来するかの区別が出来ずに混乱します。なので、ES5 -> ES2015, ES2015 -> Ty
Nightwatch V3 | Node.js powered End-to-End testing framework
One framework for all platforms Mobile webTest on your web apps on real mobile devices, and scale easily by connecting to cloud grids Native mobileTest your native iOS and Android apps with Nightwatch Real desktop browsersTest on real browsers which accurately reflect your users’ environment Searching for bugs just got easy PinpointIdentify the source with the built-in HTML reporter with test stat
An Overview of JavaScript Testing in 2020
(Updated on: 21.11.2021) This guide is intended to catch you up with the most important reasoning, terms, tools, and approaches to JavaScript testing for the year 2022. It combines information from the best articles recently released (they are referenced at the bottom) and adds from my own experience. It’s a little long but whoever reads and understands this guide, can safely assume they know the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Piling.js
Editor.js
FileReaderクラスのonloadプロパティについて
GitHub - rollup/rollup: Next-generation ES module bundler
HTML Button Close Window
Redirect with POST vars (on jQuery)
Konva - JavaScript Canvas 2d Library
GitHub - cheeriojs/cheerio: The fast, flexible, and elegant library for parsing and manipulating HTML and XML.
