入門Node.jsプログラミング | 翔泳社
JavaScript（ES2015以降）をフル活用して 柔軟性に富んだWebアプリを作成しよう！ フロントエンドもバックエンドも JavaScriptのスキルを120％活用する 本書は 「Get Programming with Node.js」 Jonathan Wexler, Manning Publications Co, 2019 の翻訳書です。 アプリケーションを構築できるプラットフォームは数多く存在します。Node.jsは、そのひとつですが、Webアプリケーション（インターネットを介してリクエストを処理し、応答として処理したデータとビューを返すアプリケーション）の構築に適している点が最大の特徴です。 本書は、純粋にJavaScript（ECMAScript 2015以降）だけを使ってアプリケーションを構築する手法と、その手立てを提供します。そのため、JavaScriptの機能と
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
The Accessibility Object Model (AOM) 日本語訳
The Accessibility Object Model (AOM) 日本語訳 このJavaScript APIを作る努力の目的は、開発者にHTMLページのアクセシビリティツリーの変更（ついには探索まで）を許可するためである。 編集者: Alice Boxhall, Google, aboxhall@google.com James Craig, Apple, jcraig@apple.com Dominic Mazzoni, Google, dmazzoni@google.com Alexander Surkov, Mozilla, surkov.alexander@gmail.com 詳細 解説を読む 仕様を読む - 注:アップデートしていない Can I Use Chrome、Safari、Firefox のAOM対応状況 インタラクティブスライドデッキ (for Chrome)
JavaScript の仕組み：メモリ管理+ 4つの共通のメモリリーク処理方法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は sessionstack blog に投稿されている、How JavaScript works シリーズの一記事 "How JavaScript works: memory management + how to handle 4 common memory leaks" の和訳です。投稿されたのは Alexander Zlatkov, 原文はこちらです。翻訳については許諾いただいています。 メモリ管理もしくはC言語におけるメモリ解説他、用語なども怪しい箇所は多分にありますので、間違いがありましたら修正のご指摘・編集リクエス
Webサイトパフォーマンス実践入門 高速なWebページを作りたいあなたに | 翔泳社
Jeremy Wagner（ジェレミー・ワグナー） フロントエンドのWeb開発者として10年以上の経験を持っています。Webパフォーマンスに関する執筆活動の他、Web開発関連のカンファレンスでさまざまなトピックに関する講演を行っています。 著者Webサイト：https://jeremywagner.me Twitter：@malchata 武舎 広幸（むしゃ ひろゆき） 国際基督教大学、山梨大学大学院、カーネギーメロン大学機械翻訳センター客員研究員等を経て、東京工業大学大学院博士後期課程修了。マーリンアームズ株式会社（www.marlin-arms.co.jp）代表取締役。主に自然言語処理関連ソフトウェアの開発、コンピュータや自然科学関連の翻訳、辞書サイトDictJuggler の運営などを手がける。訳書に『マッキントッシュ物語』『暴走する帝国』（以上翔泳社）『ハイパフォーマンスWebサイ
フロントエンドガイドラインについての質問表 - Qiita
この1ページの質問表は、チームで効果的なフロントエンドガイドラインをつくり一貫性とまとまりのあるコードを共に書けるようにする為の補助ツールである。 HTML HTMLの方針 HTMLを書く上でのチームとしての基本方針は何か？ (例： セマンティックなHTML5マークアップを書く, アクセシビリティ, 等。 これらの 資料 を 参照) HTML Tools HTML プリプロセッサーを使用しているか？ (例： HAML, Jade, など) テンプレートエンジンを使用しているか？ (Mustache, Handlebars, など) バックエンドの構成はフロントエンドに影響するか？ (例： WordPress はマークアップのクラスにwp-paginateを加える) もしあれば, そうしたルールをについてさらに説明できるか？ HTML 記述のスタイル スペースかタブか？ コメントルールはどう
GitHub - takahashim/js-stack-from-scratch: Step-by-step tutorial to build a modern JavaScript stack from scratch
モダンJavaScriptスタックチュートリアル、ゼロから始めるJavaScript生活へようこそ。 ⚠️️ このチュートリアルのメジャーアップデート版を3月初旬に公開する予定です。ご期待下さい! より詳しく(英語). これはJavaScriptスタックを使い始めるための最短最速のガイドです。このガイドは一般的なプログラミングの知識とJavaScriptの基礎を前提としています。これら全てのツールを一緒につなぎ合わせることにフォーカスしており、各ツールについて可能な限りシンプルな例を提供します。このチュートリアルは、独自のボイラープレートをゼロから準備するための方法として見ることもできます。 もちろん、ちょっとしたJSによるインタラクションを含むだけのシンプルなウェブページを作るのであれば、ここで紹介するスタックを全て使う必要はありません(ES6コードを複数のファイルに書いてCLIでコンパ
Vue.js 2.0のFeaturesを訳してみる - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Vue.js 2.0 がリリース prismrismと申します。唐突な初投稿は Vue.js についてです。 この１年半ほど Vue.js 1.x と遊び続けていたのですが、先日 Vue.js 2.0 がリリースされました。まだ α 版なので確定していないことも多いようですが、2.0にはまだリファレンスに相当するものが無いので自己満足のために「新機能の情報が知りたいけど英語読みたくない…」という方々の助力となるべくMarkdown記法の練習も兼ねて和訳を書いてみようと思い至りました。 2.0 でどのような変更があったのかは公式 Gith
Vuex とは何か？ | Vuex
注意 これは、Vue 3 で動作する Vuex 4 のためのドキュメントです。Vue 2 で動作する Vuex 3 のドキュメントをお探しの方は、こちらをご覧ください。 Vuex は Vue.js アプリケーションのための 状態管理パターン + ライブラリです。 これは予測可能な方法によってのみ状態の変異を行うというルールを保証し、アプリケーション内の全てのコンポーネントのための集中型のストアとして機能します。 "状態管理パターン"とはなんですか？ #単純な Vue で作られたカウンターアプリをみてみましょう: const Counter = { // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions methods: { increment ()
ReactのHigher Order Components詳解 : 実装の2つのパターンと、親Componentとの比較 | POSTD
ReactのHigher Order Components詳解 : 実装の2つのパターンと、親Componentとの比較 (編注：2016/7/27、いただいたフィードバックをもとに記事を修正いたしました。) 概要 この投稿は、HOCパターンを利用してみたいという 上級ユーザ 向けの記事です。もしReactが初めての方は、まず Reactのドキュメント を読むところから始めるとよいでしょう。 Higher Order Componentsは、さまざまなReactライブラリにとって価値があることがわかっている素晴らしいパターンです。この投稿で、HOCとは何か、できることは何か、制約は何か、どのように実装するのか……という点について詳細に見ていきます。 付録として、関連トピックについても見ていきます。それらは、HOCを学ぶ上での中核にはならないものの、カバーしておくべきだと私が思っているもので
JavaScriptユーザのための関数型プログラミング(前編) | POSTD
私が関数型プログラミングについて度々耳にするようになったのは、数カ月前からです。でも当時は、それが何なのか見当もつかず、単なるバズワードだと思っていました。皆さんの中にも、そのような方は多いでしょう。それ以来、私は関数型プログラミングについて深く学び、この言葉を日々聞いてはいるものの内容を理解していない初心者の方のために、分かりやすく説明しようと思い立ちました。 関数型プログラミング言語の話になると、「 Haskell と Lisp は どちらが優れているのか 」という 議論 が 白熱する 傾向にあります。HaskellとLispはどちらも関数型言語ですが、実際には大きな違いがあって、それぞれに長所と短所があります。その具体的な内容については、この記事を読み終える頃には深く理解していただけると思います。この2つの言語には、それぞれから派生した言語があります。その中で恐らく皆さんが耳にしたこ
elm-architecture-tutorial/README.ja.md at master · evancz/elm-architecture-tutorial · GitHub
このファイルは README.md の翻訳です。 commit 7d5d75bc7a2ecb87c0d7ed182a94ff4d128f722f 時点の README.md に基づいています。 Elm アーキテクチャ このチュートリアルでは "Elm アーキテクチャ" を概説する。 "Elm アーキテクチャ" は全ての Elm プログラムに見出す事が出来る。例えば、 TodoMVC や dreamwriter といったものから、 NoRedInk や CircuitHub などの商用製品の中で動作しているものにもである。基本的なパターンはフロントエンドを Elm や JS や、他の何かで記述する際にも有用である。 Elm アーキテクチャは無限にネストされるコンポーネントの為の単純なパターンであり、モジュール性、コードの再利用、テストの観点で優れている。究極的には、このパターンは複雑なウェブ
Flux Utilsのドキュメント日本語訳
JavaScriptの世界を反映するかのようにFluxのフレームワークも案の定玉石混合の状態となっています。Reduxが一つ頭抜け出したかなと言った状況ですが、Reduxはすでにロックインしてるので、Facebookのflux/utilsを使うのがいいよという話もあったりします。自分もいまだにどのフレームワークを使ったらいいのか決めあぐねているので、flux/utilsの勉強のためにFlux Utilsのドキュメントを日本語に訳してみることにしました。 はじめに まずはじめにこの記事は以下のFlux Utilsのドキュメントを日本語に翻訳したものとなります。日本語と一緒に原文も載せてありますが、フォントを小さくしていて読みにくいです。なので英文で読みたい方は本家にてどうぞ。 Flux | Application Architecture for Building User Interfac
Promiseはどう動作するのか – Promiseを実装してみる | POSTD
目次 1. はじめに 2. Promiseの概念を理解する 幕間：行列が嫌いな女の子 2.1 Promiseとは何か？ 幕間：実行順序 2.2 Promiseと並行処理 幕間：式の抽象化 3. Promiseのからくりを理解する 3.1. Promiseで式を順序付けする 3.2. 最小限のPromise実行 4.Promiseとエラー処理 幕間：計算失敗の場合 4.1. エラーをPromiseで処理する 4.2. Promiseの失敗の伝播 5. Promiseの結合 5.1. Promiseを確定的に結合する 5.2. Promiseを非確定的に結合する 6. Promiseの実用的な理解 6.1. ECMAScript Promiseの導入 6.2. .then の分析 7. Promiseとは相性が悪いケースとは？ 8. まとめ 参考文献 追加資料 資料とライブラリ 1. はじめに
MVI (Model-View-Intent) と MVC との違い - Qiita
Cycle.js の MODEL-VIEW-INTENT のチュートリアルから MVI (Model-View-Intent) と MVC (Model-View-Controller) に関する説明を抜粋して翻訳しました。原文のライセンスは MIT です。 「Passive/Reactive プログラミングの違いを学ぶ」 をあらかじめ読んでおくと理解が深まるでしょう。筆者の André Staltz さんは Flux、Redux などのアーキテクチャの比較や評価を UNIDIRECTIONAL USER INTERFACE ARCHITECTURES と NOTHING NEW IN REACT AND FLUX EXCEPT ONE THING の記事で述べています。 MVI (Model-View-Intent) について MVI は Cycle.js の main() 関数を3つの
Redux入門 1日目 Reduxとは(公式ドキュメント和訳) - Qiita
Redux初心者向けです。というか私が初心者です。 Reduxに触れてみようと思って、まずは公式のGithubのドキュメントでも読んでみるか、と自分へのメモも兼ねてざっくりとした和訳をして行きます。 公式github Redux入門 1日目~6日目までの部分を短くまとめた記事も書きました。 ダイジェスト版 1.1 Motivation(背景) http://rackt.org/redux/docs/introduction/Motivation.html 近年、Javascriptのシングルページアプリケーションは複雑になってきてstate(状態)を管理するのはしんどくなってきた。新機能開発するのもバグ修正するのもかなり辛い。 根本的に、「変化」と「非同期」を"同時"にコントロールするのは人間には無理がある。Reactはその問題に対してViewレイヤーで非同期と直接DOM操作を取り除くこと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ジャスト・イン・タイム (JIT) コンパイラの短期集中コース
Locki - The easiest way to localize your website
初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ
GitHub - avajs/ava-docs: Localized docs for AVA