Frontend

Frontend Weekly for Designer Vol.13

デザイナーがキャリアアップするための方法

James 氏はデザイナーがどのように昇進するか、どのようにより良い仕事を獲得していくか、これに関して頻繁に質問を受けるという。この記事では、この難しい質問に対して、どのような心構えで仕事に向かうべきか、アイディアを展開する。

- 新しい人間関係を作る
- 新しいスキルを獲得し、あたらしい経験をする
- より責任を負う

プロダクトを改善する 3 つの

もっとみる

UIコンポーネントの自動テスト

Webフロントエンドのテストについて最近いろいろ考えていることをまとめます。

書きやすいテスト/書きにくいテスト

書きやすいテストでまず思いつくのは関数の単体テストで、副作用のない純粋な関数なら引数を条件に戻り値を確認するだけ。

でも実際のアプリにはこうゆう関数はあんまりなくて大多数は副作用が多く複雑なオブジェクトの集合体です。
しかも事をもっと複雑にしているのは時間。つまりサーバーサイドと

もっとみる
☕️ ありがとうございます
27

フロントエンド高速化

フロントエンドの高速化は、多くのサービスにとって必須課題です。特に、最新はHTMLやCSSだけでリッチなフロントが作られるからこそ、うまく工夫しないとカクついたり、少し重くなったりといった弊害が発生します。

例えば、ブラウザでは初回のレンダリング後に、JSの処理やユーザーのアクションによる再描画が発生することがあります(Repaint, Reflow)。
こういった再描画により、サイトが重くなる

もっとみる

Vercelが便利だった

最近は色んな分野に首を突っ込んで実装をしている結果、Webアプリの開発から少し遠ざかっていて新しい技術を追っかけるのも停滞気味なのですが イケイケの若手エンジニア に教えてもらったVercelが便利だったので、自分の半径5mの方々に届けばいいなくらいのノリで共有しておきます。
技術tipsではないので、普段から利用してる方には特に新しい情報はありません。

Vercel is the optima

もっとみる

GraphQL Tutorial

A real GraphQL tutorial for developers with deadlines!
Use the hands-on tutorials for front-end and back-end developers to move from GraphQL basics to production-ready concepts.

Visit this website- 

もっとみる

Github + Nuxt.js で簡単にプロジェクトをはじめる方法

Nuxt.jsプロジェクトの作成の方法についてです。一つテンプレートとして持っておけば、クローンして $ npm i するだけでいつでもすぐにアプリ開発ができるから便利かも。

0. Githubリポジトリの用意

まず、Githubで適当な名前で空リポジトリを用意し、クローンします。(私はGUIじゃないとむりむりエンジニアなのでSourcetreeを使ってます)

ではでは早速、Nuxt.jsア

もっとみる

single-spa 試してみた

複数の SPA (Single Page Application) を一つにまとめるヘルパーライブラリー。それぞれの SPA が別のフレームワークで実装されていてもよい。Micro-frontends の文脈。

とりあえず動かす

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="vie

もっとみる
ありがとう!
2

Chill Out Music on Work - 2020 Early

Kid A by Radiohead

American Football by American Football

MELODICA by haruka nakamura

A Brief Inquiry Into Online Relationships by The 1975

( ) by Sigur Rós

WHEN WE ALL FALL ASLEEP, WHERE DO WE G

もっとみる

from bookmark to favorite - 2019.11

CSS

page floats
Things We Can’t (Yet) Do In CSS — Smashing Magazine
Paged Media approaches : page floats – Paged Media
CSS Page Floats

CSS float の時代が帰ってくるかも、print layout とかで使いたい新しい float の世界。

OK
Co

もっとみる

from bookmark to favorite - 2019.12

これは、日々の Web 制作で生まれたブックマーク集です。時事的に新しい記事もあれば、そうでないものもあります。引き出しやすいようにメモも付けておきます。

CSS

CSS Advent Calendar 2019
CSS Advent Calendar 2019 - Qiita

CSS アドベントカレンダー。ぼくはアクセシビリティについて書きました。

2019 font-family
fo

もっとみる