
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 新しいドキュメントではフックを使って React が学べます。 フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 このページではフックに関するよくある質問にいくつかお答えします。 導入の指針 フックが使える React のバージョンはどれですか? クラスコンポーネントを全部書き換える必要があるのですか? クラスではできず、フックでできるようになることは何ですか? これまでの React の知識はどの程度使えますか? フック、クラスのいずれを使うべきですか、あるいはその両方でしょうか? フックはクラスのユースケースのすべてをカバーしていますか? フックは
2019年11月30日、翔泳社主催の若手エンジニア向けカンファレンス「Developers Boost(デブスト)~U30エンジニアの登竜門~」が開催された。基調講演では、マイクロソフトのCloud Developer Advocateで「ちょまど」こと、千代田まどか氏が登壇。30歳以下(U30)の若手エンジニアに向け、「これが私の戦い方」をテーマに自身のキャリアを語り、若手エンジニアの成長と交流をブーストした。 マイクロソフト Cloud Developer Advocate 千代田まどか(ちょまど)氏 「推し」には時間・労力・お金を惜しまず、全力を注ぐ マイクロソフトでCloud Developer Advocate(クラウド デベロッパー アドボケイト)として、国内・海外で多数の講演をこなし、「Developers Summit 2017」ではベストスピーカー賞 総合第1位を獲得して
TypeScript v3.8.1 RC 変更点 こんにちはメルペイ社な@vvakameです。 TypeScript 3.8 RCがアナウンスされました。 What's new in TypeScript in 3.8 Breaking Changes in 3.8 TypeScript 3.8 Iteration Plan TypeScript Roadmap: July - December 2019 Roadmapはこちら。 この辺に僕が試した時のコードを投げてあります。 変更点まとめ 型のみのimport, exportのサポート Type-Only Imports and Exports import type { foo } from "./foo"; や export type { foo }; をサポートした flowtypeには前からあったやつですね ECMAScript
皆さんは JSON Schema 使ってますか? 現在では、Web APIのペイロード定義・検証、モックサーバー作成、ユーザー入力フォーム検証、設定ファイルのスキーマ定義・検証・IDEでのエラー表示など、多くの場面で、また多くの言語でライブラリが整備され利用されています。 JSON Schemaの強み Internet draftのフォーマットで仕様が公開されている 多くの言語での多くの実装(言語によっては複数)が存在する 1回書けば、フロントエンド、複数のバックエンドすべてで利用できる可能性が高い 代替実装が存在すると競争原理が働く JSON Schemaの嫌いなところ 見辛い 書き辛い 数行の小さなスキーマならばともかく、JSON Schemaって本当に苦痛。汎用のデータフォーマットを人が直接記述するレイヤーのDSLにするのは正直辛い。ヒューマンリーダブルだからといって人が読めるとは限
TypeScriptはMicrosoftにより2012年10月1日に発表されました。 TypeScriptはスケールするJavaScriptです。 「スケールする」とは、開発に関わる人数や、規模が増えた際にもうまく機能するということです。 TypeScriptはJavaScriptの上位互換でJavaScriptに型が追加されているものです。TypeScriptで書かれたコードは純粋なJavaScriptにコンパイルされます。 TypeScriptはJavaScriptが実行できる全てのブラウザ、コンピュータ、OSで動作し、オープンソースです。 特徴は僕によると…
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「Python」は相変わらず、開発者の間で根強い人気を誇るプログラミング言語だ。一方、「Java」と「JavaScript」の評判――もしくは不評――については、プログラマーによって答えがまちまちだ。 フランスのコーディングスキル開発企業のCodinGameが、人気プログラミング言語とキャリアの詳細について、2万人の開発者を対象に調査した。 それによると、JavaScript、Java、Python、「C++」「C」が特に多くの人に習得されたプログラミング言語だった。習得者が特に少なかったのは「Clojure」「F#」「OCaml」だ。 「最も人気がある」言語は、最も多くの人に習得された言語とは違ったが、トップ5には順位こそ違えど、ほぼ
Introduction One of the biggest challenges in building great audio and music software using the web platform is managing time. Not as in “time to write code”, but as in clock time - one of the least well-understood topics about Web Audio is how to properly work with the audio clock. The Web Audio AudioContext object has a currentTime property that exposes this audio clock. Particularly for musical
はじめに HTML+CSSコーディングにおける制作者の思考や判断、アプローチ、コード化に至るまでの流れなどを分解し、コードの状態なども含めてそれぞれを短い言葉で言語化しました。 以下のような効果が期待できます。 HTMLとCSSを使っておこなってきた事を客観視・再認識できる 始原的な動機を把握することで、手法を別の視点で捉えられるようになる 認識合わせや熟練度確認に利用し、制作時のコミュニケーションを円滑にする 場合によっては、ぼんやりと捉えていたことや、詰まりやすかったポイントなどがハッキリと認識できるようになるかもしれません。 言語化の概要 まずは、全体像が分かる概要図を掲載します。 この記事は、以下のステップと各項目について順に説明するものになります。 前提事項・環境について 言語化するにあたって前提となる考え方や環境について記載します。 HTMLとCSSの役割 HTML → データ
const compile = require('types-assert/compiler').compile; const assert = require('types-assert/assert').assert; // tsファイルをtypes-assertのオブジェクトに変換 const type = compile('type.ts'); const obj1 = { stringProp: "hoge", numProp: 2 }; // 型が正しい場合はスルー assert(obj1, type.Interface1); const obj2 = { stringProp: "hoge", numProp: "2" }; // 型がおかしいのでError assert(obj2, type.Interface1);
同じTypeScriptという言語を利用する場合においても、トランスパイラによってTypeScript自体の機能制限がかかったり、思わぬトラブルを招く場合があります。それぞれのトランスパイラの特徴を踏まえた上で、それにより生じる問題も見ていきましょう。 1-1. tsc TypeScriptの開発元であるMicrosoft純正のTypeScriptトランスパイラです。TypeScriptを利用する際に typescript パッケージをインストールする必要がありますが、それに同梱されています。 公式ツールなだけあって最も早く最新バージョンのTypeScriptに対応したり、言語すべての機能を利用することができる一方で、バンドラではないためminifyやchunkの設定はできません。また、Path Aliasesの未解決や旧ESへの互換性が不完全であることが欠点として挙げられます。 tsco
JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 JavaScriptの仕様であるECMAScriptは年次で仕様が更新されています。ECMAScript 2020(ES2020)は2020年6月にリリースとなりました。現行のすべてのブラウザでES2020の機能は利用できますが、フロントエンドエンジニアにとって使いこなしたい記法ばかりです。 本記事ではES2020に焦点をあて、JavaScriptの新しい記述方法のメリットと使いどころを解説します。 オプショナルチェーン Optional Chaining(オプショナルチェーンやオプショナルチェーニングと呼ばれています)とは、?.構文を用いてnullやundefinedになりうる値へ安全にアクセスできる仕組みです。 利用シーン nullやunde
eslint-plugin-reactへのコントリビュートに挑戦してみた 今年からある程度まとまった単位で活動をブログなどの記事としてアウトプットしておくことで、それを使った振り返りができるように意識しています。 2020年もはや1月が終わり、どんなことをしてたか振り返るとeslint-plugin-reactへのPR作成に時間を使っていたのでまとめを書きます。 eslint-plugin-react GitHub - yannickcr/eslint-plugin-react: React specific linting rules for ESLint eslint-plugin-reactはESLintのプラグインの1つで、React用のルールが用意されています 有名なESLintのconfigであるeslint-config-airbnbなど、様々な場所で利用されています 最近は
グレープシティは1月22日、ウェブアプリケーションでMicrosoft ExcelライクなUIを実現するJavaScriptライブラリ「SpreadJS(スプレッドJS)」の新バージョン「V13J」をリリースした。 SpreadJSは、フィルターや表計算関数や条件付き書式などExcel互換機能を搭載したスプレッドシートをブラウザー上に描画するJavaScriptライブラリ。V13Jでは、「テンプレート型セル」や「項目選択型セル」、「ドロップダウンオブジェクト」機能といったセルに関する新機能を搭載、カスタマイズ性の高い柔軟なシート設計が可能となる。 また、「テーブル機能」では集計行の表示やコンテキストメニューからの行列挿入と削除が可能となったほか、さらに、ピクセル単位のスクロールやセルの自動マージ機能など、30を超える機能追加および強化を行なったという。 SpreadJSは1年定額制のサブス
書籍案内 » 書籍ジャンル » デザイン・素材集 » 3D・CG・CAD » [ゲーム&モダン JavaScript文法で2倍楽しい]グラフィックスプログラミング入門 ——リアルタイムに動く画面を描く。プログラマー直伝の基本 WEB+DB PRESS plusシリーズ[ゲーム&モダン JavaScript文法で2倍楽しい]グラフィックスプログラミング入門 ——リアルタイムに動く画面を描く。プログラマー直伝の基本 2020年1月18日紙版発売 2020年1月11日電子版発売 杉本雅広 著 B5変形判/368ページ 定価3,058円(本体2,780円+税10%) ISBN 978-4-297-11085-7 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライ
はじめに この記事は、私が色んな言語でひたすら似たようにクラス継承を書いてみて、実際にどんな値が出力されるのかを調査した結果をまとめたものです。時には既知の言語でも「こんな文法あったんだ」と思いながら、時にはHello Worldから頑張りました。 まとめるのが大変だった割に誰得?という内容ですが、同じことが気になった人のために置いておきます。 いやでも新しい発見があるかもしれないのでとりあえず読んでみてください。 意外と面白い結果になったかもしれません。 調べた言語 静的型付け Java (Corretto 1.8.0_232) C# (3.4.0) C++ (11.0.0) Scala (2.13.1) Kotlin (1.3.61) Swift (5.1.3) 動的型付け Python (3.7.1) Ruby (2.6.5) PHP (7.1.32) JavaScript (nod
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Wordファイルは広くオフィスで使われています。様々なドキュメントがWordで作られていることでしょう。そんなWordにはHTML出力機能もありますが、すごいマークアップで出力されるので、あまり使っている人を聞いたことがありません。 もしあなたがWordファイルをシステムに取り込んだりしなければならない時にはMammothを使ってみましょう。 Mammothの使い方 Wordファイルを解析して、その中のテキストを抽出しています。 画像も表示できます。 Mammothは文字装飾や表組みには対応していないようなので、利用範囲は限定的かも知れません。しかし、あらかじめ決まったフォーマットから情報を抽出するなら簡単です。Wordファイルをテキスト化して検索用にインデックスするのにも使えそう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く