リニューアル第一弾となる新しいWeb UIのおしらせ
こんにちは、技術書典のWeb担当 @vvakame です。 そしてこの記事の編集を担当した技術書典代表 @mhidaka です。 一年の大半という長きに渡り、燻っていましたが遂にアーキテクチャを刷新した新しいWeb UIをリリースしました！ 大規模変更となるためOpt-Inでの公開です。一週間くらい様子を見て問題がなさそうであれば移行Stepを進め、Opt-Outに切り替えます。 ここまで大きな変化が技術書典WebのUIに起こったことはありません。不安に感じるかもしれませんが、 ユーザーにとっては変化がないことのほうが改善が行われないリスクだと判断しました。今後もやきもきさせてしまうことがあるかもしれませんが、暖かく見守ってください。 今回は何もかもを作り直しており、さらなる前進のための基盤を整えました。 アーキテクチャの刷新は大変に大きな変更なのでUIの構造自体は旧来のものを維持していま
My top React techtalks of 2019
Are you curious to know what happened in 2019 in the React world, that you should know about? I watch a lot of dev conference talks. They’re a great way to learn new things and stay up-to-date in my career as a developer. In 2019, there were 23 React conferences—with ~500 talks (~180 hours)—and I covered all of them, on Hero35. The following talks are the ones that I enjoyed the most, due to their
Idiomatic Redux: Redux Toolkit 1.0
Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Idiomatic Redux series. A look at the motivations, design, and goals for Redux Toolkit Today I am extremely excited to announce that: Redux Toolkit 1.0 is now available! Note: Redux Toolkit was formerly known as "Redux Starter Kit", but we renamed it to clarify the intended usage and audienc
2019-10-09のJS: Preact X(10)、webhint browser extension v1、TypeScript 3.7β
// Preact 8.x import Preact from "preact"; // Preact X import * as preact from "preact"; // Preferred: Named exports (works in 8.x and Preact X) import { h, Component } from "preact"; Preact 8.xから10.xへのマイグレーションガイドも公開されているので、合わせて見てください。 Upgrading from Preact 8.x | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM. ウェブサイト向けのLintツールであるwebhintのブラウザ拡張版がv1となりました。 Announc
最新フロントエンド技術の総復習！ React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート
最新フロントエンド技術の総復習！ React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート こんにちは。 今年の4月にヤフー株式会社にデザイナーとして新卒入社した、三好 健太（@three4c）です。9月3日（火）にヤフーのセミナールームで「Bonfire Frontend #4」を開催しました！ このイベントの目的はフロントエンドが抱える課題を共有し、フロントエンドについて熱く語る会です。 今回のテーマは「最新のフロントエンド技術 〜夏休み総復習〜」。初心者の方でも理解しやすい内容となっており、デザイナーの私も多くの知見を得ることができました。 ヤフーからは浜田と内藤が登壇し、ゲストスピーカーとしてサイボウズ株式会社より向井 咲人さん、株式会社ディー・エヌ・エーより吉井 健文さんにお話しいただきました。 これからは
TypeScript vs ReasonML – A Comparison
Yes, adding the types works but it this the best way? Both TypeScript and ReasonML claim to offer statically typed language for web developers that compiles to JavaScript. But there are important differences. TypeScript’s best and the worst feature is that is a superset of the JavaScript. And while having that familiarity with JavaScript is nice, it means that every quirkiness that we love and hat
Typescript in the real world
IntroductionTypescript is an exciting technology that has been around since 2012. It has been implemented by Microsoft, which constantly updates and improves the language and its tooling. Over the past few years, it has been used by many people and companies, making it one of the top trending languages on Github.
ReactのTypeScript向けの型定義 - mizdra
TypeScriptではクラスはそのインスタンスの値を表す型を持つので, let Component: React.Component = new React.Component(...)のように型注釈が現れる場所にも書ける
@typescript-eslint ことはじめ - teppeis blog
追記: 2019/05/01 最近の@typescript-eslint/eslint-plugin, Prettierのアップデートによって、正式にTypeScript 3.4対応されました。一通り普通に動いてる感じ。 これまで自分で使っていて問題になったのがパフォーマンス。ESLint単体やTSLintに比べて、プロジェクトによるだろうけど2倍以上遅い。体感で結構辛い。 Poor performance on some projects · Issue #389 · typescript-eslint/typescript-eslint これはTypeScriptのパーサーを通す部分の構造上の問題が原因なので、簡単には直せなそうな気配。 とりあえず、個人的には型を必要とするルールにそこまでの価値を感じていないので、該当ルールを無効にしてparserOptions > projectを削
2018-09-25のJS: Gatsby 2.0.0、Nuxt.js 2.0、Next.js 7、Idle Until Urgent - JSer.info
JSer.info #402 - Reactを使った静的サイトジェネレータであるGatsby 2.0.0がリリースされました。 Announcing Gatsby 2.0.0 🎉🎉🎉 | GatsbyJS Runtimeのサイズを削減、React 16、webpack 4、Babel 7に対応。 アクセシビリティの改善のためにreact-routerから@reach/routerに変更。 Investigate using Reach Router · Issue #5656 · gatsbyjs/gatsby layoutコンポーネントをgatsby-plugin-layoutへ移動するといった変更も行われています。 Nuxt.js 2.0(Vueベース)とNext.js 7(Reactベース)がそれぞれリリースされています。 Nuxt.js: Release v2.0.0 · n
Flutter: Google’s take on cross platform | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Flutter is a mobile SDK that, at its core, is about empowering everyone to build beautiful mobile apps. Whether you come from the world of web development or native mobile development, Flutter makes it easier to create mobile apps in a familiar, simplified way, without ever
TypeScript 2.9.1 変更点 - Qiita
こんにちはメルペイ社な@vvakameです。 TypeScript 2.9.1がアナウンスされました。 What's new in TypeScriptも更新されているようです。 破壊的変更もあるよ！ この辺に僕が試した時のコードを投げてあります。 ちなみに、次のバージョンは2.10じゃなくて3.0らしいです。 変更点まとめ ファイル名のリネームのサポート Add 'renameFile' command to services ファイル名をリファクタリングできるようになった 選択範囲を別ファイルに切り出す操作のサポート Add 'move to new file' refactor 定義を別ファイルに切り出すリファクタリングができるようになった 使ってない定義があったら教えてくれるようになった Show unused declarations as suggestions --noUnu
Frontend in 2018: More consensus, less complexity - LogRocket Blog
LogRocket’s Galileo AI watches every session, surfacing impactful user struggle and key behavior patterns. 2017 was quite a year in frontend web development. Frameworks like React and Angular have continued to enjoy large-scale support among the community, but new contenders like Vue have also exploded in popularity. Webpack continues to be the build tool of choice and NPM the package system of ch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3 rules for writing idiomatic TypeScript - LogRocket Blog
SlackはどうやってBrowserViewに乗り換えたのか / How Slack move from webview to BrowserView