Popbox.jsModal 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat iusto vitae adipisci, fuga exercitationem eum alias sit accusantium nisi. Qui assumenda alias fuga delectus odit soluta reprehenderit aut sint veniam! Close Open another
JavaScriptのStreams APIで細切れのデータを読み書きする
近年、PCに搭載されるメモリは爆発的に増えました。16GBや32GBのメモリが搭載されているのが当たり前の時代です。性能の制限が強いスマートフォンですら4GBほど搭載していることがあります。ストレージの読み書き速度もどんどん加速し、昔では扱えなかったようなデータ量をリアルタイムで処理できます。インターネット回線も同様に大量のデータを扱えるようになりました。 しかし現実的な大きさのデータを一度に扱おうとすると、現代でもそれなりに処理時間がかかります。ユーザはレスポンスに対して敏感で、反応が0.1秒でも遅れるとストレスを感じます。しかし時間がかかるものはかかるのです。この問題は一見どうしようもないように思えます。 そこで登場するのが「データを細切れにして処理する」というコンピュータにおける万能の薬です。細切れにして逐次処理すれば、少しずつデータを処理することができ、素早いレスポンスを実現するこ
JavaScriptユニットテストの理想と現実
Talk at 関西Node学園 梅田キャンパス 1時限目 https://nodejs.connpass.com/event/82614/
改めて理解するJavaScript Array / Understanding JavaScript Array // Speaker Deck
All slide content and descriptions are owned by their creators.
クライアントサイドSEOという思考実験
クライアントサイドSEOという思考実験 2018/4/24 Roppongi.js @studioTeaTwo
7 Tips to Handle undefined in JavaScript
Because JavaScript is permissive, developers have the temptation to access uninitialized values. I'm guilty of such bad practice too. Often such risky actions generate undefined related errors: TypeError: 'undefined' is not a function TypeError: Cannot read property '<prop-name>' of undefined and alike type errors. JavaScript developers can understand the irony of this joke:
JavaScript Performance Optimization Tips: An Overview — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. In this post, there’s lots of stuff to cover across a wide and wildly changing landscape. It’s also a topic that covers everyone’s favorite: The JS Framework of the Month™. We’ll try to stick to the “Tools, not
Vue.js入門ハンズオン 〜環境構築からS3静的ホスティングで世の中に公開するまで〜 - log4ketancho
この記事は、 Vue.js #1 Advent Calendar 2017 - Qiita の１日目です。 最近（1ヶ月前くらいから）Vue.js を使い始めた初心者です。同じように Vue.js を始める人の少しでも参考になれば、ということで「ことはじめ」的なメモを残しておこうと思います。 手元の環境でも同じことができるハンズオン形式の記事にしたつもりです。ただ、無意識的に省略してしまっている部分があるかもしれませんので、不明点がございましたら遠慮なくご連絡ください！また、「こうすべき！」という Vue.js プロの方々からのコメントもお待ちしております！ この記事を読むとできるようになること この記事では（超）簡単なランディングページを作ることで、Vue.js の基本のキを学びます。具体的には下記の流れになります。 環境セットアップ 新しいコンポーネントの追加 入力値バリデーションの実
コスパで学ぶ自動テストのはじめ方 - 若くない何かの悩み
Qiita 週間ランキング1位を獲得しました Kuniwak です。ご愛顧ありがとうございます。 qiita.com さて、本題に移りたいと思います。 つい最近ですが、勤め先の別チームに向けて自動テストの導入を支援するための資料を作成しておりました。こちらを共有したいと思います。 speakerdeck.com 資料中にある「仕様化テストを推奨しない」という決断には賛否両論あるかと思います。仕様化テストを推奨しなかった理由は、仕様化テストにかかるコストは相当に高く、本当に余裕があるときでないと選べない選択肢だったからです。今回自動テストを導入しようとしているチームは、見るからに余裕のない状況だったので仕様化テストからやれとは言えませんでした。 もし、「自分だったらこうする」等のアドバイスがあれば、ぜひ参考にしたいと思います。コメントなどに書いていただけると嬉しいです。
Tasks(Macrotasks), Microtasksについて - Carpe Diem
概要 Angularで出てきたfakeAsyncやwhenStableを使う時に、microtasksの話が出たのでちゃんと理解しようと調べてみました。 実験 以下のjsのログ順はどうなるでしょうか？ console.log('script start'); setTimeout(function() { console.log('setTimeout'); }, 0); Promise.resolve().then(function() { console.log('promise1'); }).then(function() { console.log('promise2'); }); console.log('script end'); MicroTask1 結果 このようになります。 script start script end promise1 promise2 setTime
自分でコードを書きながらブロックチェーンを勉強した - mizchi's blog
マネーゲームとしての仮想通貨は興味はないのだが、技術的に興味があって自分で簡単なコードを写経しながら勉強した。 定義 ブロックチェーンの実体はブロックを繋いだリスト構造 ブロックはいくつかの入力値(生成日時など)と、自分自身のハッシュを持っている 前のブロックのハッシュ値と、入力値を元に自分自身のハッシュが決まる。その手順は公開されている。 要はハッシュ値とそのメタデータが連続するただの配列なりの LinkedList。面白いのはここから。 ネットワークに参加するそれぞれが任意に新しいブロックを追加することができる ブロックチェーンは検証結果が正しく、より長いものが信頼される なのでビットコインみたいな仮想通貨は、生成コストが重く、検証コストが軽いものが好まれる。 他のネットワーク参加者からブロックチェーンの更新を受け取った時、手元のブロックチェーンとそれを比較し、より長いものを自分のブロ
JavaScript. The Core: 2nd Edition
Read this article in: Russian, German. This is the second edition of the JavaScript. The Core overview lecture, devoted to ECMAScript programming language and core components of its runtime system. Note: see also Essentials of Interpretation course, where we build a programming language similar to JavaScript, from scratch. Audience: advanced engineers, experts. The first edition of the article cov
JavaScript Primer - 迷わないための入門書 #jsprimer
JavaScript Primer 迷わないための入門書 Tweet Watch Star Xのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことはあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを読み書きできるように書かれています。 初めてのプログラミング言語としてJavaScriptを学ぶ人は、まずは「はじめに」から読んでみてください。 書籍版 このウェブサイトの内容はアスキードワンゴから書籍として出版されています。 書籍版の内容はウェブサイト版と同一ですが、本として読めるように最適化されています。 書籍版は次のサイトから購入できます。 Amazon 達人出版会（電子書籍版） 詳細につ
初学者としてJavaScriptを学ぶ | さにあらず
はじめに 僕が以前書いたModern JavaScript 概観、そして Electron へは、読んで貰えただろうか？ あれは初学者には全く向いてないエントリだ。 あのエントリは、僕の理解したモダンな JavaScript 全体について概観することを目的としているからね。 あれを読んで、「今の JavaScript ってこんなに大変なのか…」と感じた人は多いだろう。 しかし、ある程度のソフトウェアを開発するために技術全般を概観しようとすれば、ああいう分量になるのは致し方ない。 と言う訳で、今回はちゃんと初心者向けのエントリを書いた。 少し多く感じるかもしれないが、丁寧に説明しようとしたからだと好意的に解釈して欲しい。 開発環境 Thinkpad X1 Carbon 2016 年モデルに Windows10 をインストールしてある。 ハードウェアスペックは、こうだ。 CPU i7 66
おまえは今まで実行したassertの回数を覚えているのか？あるいは新しいアサーションユーティリティのご提案 - teppeis blog
JavaScript Advent Calendar 2014 11日目。 いきなり要約: Promiseや非同期テストのアサーションを簡単確実に書けるようになるesplanというライブラリのPoCを作った話。 Promiseや非同期のテストは難しい 詳しくはJavaScript Promiseの本: Chapter.3 Promiseのテストをご覧いただきたいのだが、Promiseのテストを正確に書くのはそんなに簡単ではない。 例えばmochaだと、 // 間違ったテスト1: // mayBeResolveWithOne() が1以外でresolveしたときタイムアウトエラーになる it("mayBeResolveWithOne()は1でresolveする", function(done) { mayBeResolveWithOne().then(function(value) { as
[JS]レスポンシブ対応、グリッドベースの進化したタブ型コンテンツを実装できるスクリプト -GridTab
タブ型コンテンツのレイアウトも進化しています。 通常のタブ、天地のタブ、カード型レイアウトのようなタブなど、グリッドベースのさまざまなレイアウトに対応したタブを実装できるスクリプトを紹介します。
![[JS]レスポンシブ対応、グリッドベースの進化したタブ型コンテンツを実装できるスクリプト -GridTab](https://cdn-ak-scissors.b.st-hatena.com/image/square/0055f08f0ccb2f7b0e3fe11502bd913eeccac1f6/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201701%2F2017020203.png)
この1年、Webのパフォーマンスで変わったことは？──HTML5 Conference 2016
この1年、Webのパフォーマンスで変わったことは？──HTML5 Conference 2016 川田寛（ピクシブ株式会社） こんにちは、ふろしきです。HTML5 Conference 2016の当日は、38度近くの熱があり、発表時はろれつが回ってませんでした。しかし、伝えたいことは伝えられたと思っています。その内容とは… 「この1年でWebのパフォーマンスの技術にどんな動きがあったのか」 というダイジェスト。ここで話した3つのテーマについて、本記事でもご紹介。 1. レイアウト処理を減らす HTML5がバスワードするよりもずっと前から、CSSでアニメーションさせることはごくごくあたりまえ。JSが扱えないデザイナーであっても手軽にアニメーションできる良い世界になりました。しかしそこに、モバイルが出現したことで、JSだけで満足という人たちもCSSの機能を活用しなくてはいけなくなりました。 モ
【JavaScript】テキストエリアに入力された文字数をカウントします。
JavaScriptを使って、テキストエリアに入力された文字数をカウントする方法を紹介します。 まずはデモをどうぞ。 実際に試してみてください。 入力されてテキストが何文字か判定します。： サンプル・デモ 使用したコードは以下。 <script> function strCount(){ var CODE_TYPE_ASCII = 0; var CODE_TYPE_KANA = 2; var CODE_TYPE_KANJI = 4; var zenLen = "あ".length; // 全角の文字数(全角を1文字と数えるブラウザと2文字と数えるブラウザがある) var crlfCount = 0; // 改行の文字数（CRとLFは別々にカウントする） var spaceCount = 0; // 半角空白（スペースとタブ）の文字数 var space2WidthCount = 0; //
フロントエンドのIaCとCIとLoC
KubeCon + CloudNativeCon EU 2022 Recap Kubernetes Meetup Tokyo #51 / k8sjp51-kubecon-eu-2022-recap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
仕事で WebRTC
