2020年のフロントエンドエンジニアの技術スタックの一例
年の瀬なので、私自身が今年利用した技術をベースに技術スタックをまとめてみようと思います。 とはいえ Web Standard といった広い対象から、フレームワークやライブラリまで、粒度の違うものを全て言及するのは無理があるというもの。特に強く言及できるものは個別で説明しつつ、最後に利用する機会がなかったものも最後に記載する形で。 以下常体。 追記: マイナー企業のようなので一応書いておきますが、筆者は本業ではLINE株式会社という組織でいわゆるエンジニアリングマネージャーと言われるような業務とその採用に関わる仕事をしています。 利用した技術一覧 HTML/CSS/JS みたいなことを書いてるとキリがないので、独断と偏見で区分けして適宜漉いています。特に利用する機会が多かったものは太字でピックアップ。 Frontend Language/Platform TypeScript JavaScr
【暫定】コーダー歴3年で辿り着いた保守しやすいコーディング手法
未経験からコーダーとして仕事をし始めて2年が経過しました。 最初の頃はとにかくスピードややりやすさ、デザインの再現などを重視し、保守性は特に考えていませんでしたが、ページが多くなってきたり自分以外の人と一緒にコーディングする機会が増えるにつれ、当初とはまるで違う意識で書くようになった気がします。 自分のコーディング手法もまだまだ発展途上だとは思いますが、自分なりに保守しやすいであろうコーディング手法が確立されつつあるので、コーディングルールも兼ねて記事に残しておこうと思いました。 デザインが再現できればOKというコーディングから一歩進んだコーディングを目指す方の参考になれたら嬉しいです。 この記事の前提 コーディングに付随するいろんな用語が出てくるかと思いますが、詳しくは説明していません...。なので、今コーディングを勉強中であったり仕事でコーディングしたことない人にとっては、理解しづらい
ウェブの進化とウェブブラウザ開発の最前線
学部 3, 4 年生向けの特別講義で『ウェブの進化とウェブブラウザ開発の最前線』というタイトルで話をしてきました。 ウェブの進化の歴史を知ることで現在のトレンドについて理解し、またウェブブラウザというグローバルで大規模なソフトウェアの開発の一端を垣間見ることで、ウェブやウェブブラウザの開発に少しでも興味を持ってくれたら良いなぁという気持ちで話をしてきました。 なお歴史観については私の事実誤認も含まれると思うので、間違いを見つけたら教えて下さい :-) 追記 (随時) たくさんの反応を頂きありがとうございます！次回同じような資料を作るときの参考にできるよう、ここにメモしていきます。ウェブは無限に話せる話題があって楽しいですね！ ウェブ以前のハイパーテキストの歴史も取り入れるべきでは？ ありがとうございます！おっしゃるとおりで、ウェブの進化史と言いつつウェブが公開されてからの話しかしていないの
2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど
CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。 レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザインシステムを構築できます。 フレームワークではTailwind CSSが浸透し、ユーティリティ・ファーストのCSSが使用されるようになりました。2020年現在、CSSの使用状況を調査した「The State of CSS 2020」を紹介します。 The State of CSS 2020 The State of CSS 2020は、The State of CSS Surveyでアンケートを行った調査結果をまとめたものです。私も1票分参加しました。 ちなみに、代表
フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと
フロントエンドのデベロッパーが2021年に向けて何に注目すべきかを紹介します。 特に上級職や転職など、ステップアップを目指す人は要チェックです！ 10 Things Front-End Developers Should Learn in 2021 by Simon Holdorf 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. フレームワーク 2. 静的サイトジェネレーター（SSG） 3. JAMstack 4. プログレッシブウェブアプリ（PWA） 5. GraphQL 6. コードエディタ/IDE 7. テスト環境 8. クリーンなコード 9. Git 10. ソフトスキル 終わりに はじめに 2021年は、フロントエンドの開発がテクノロジー業界で最もホットなトレンドの1つになることは間違いないでしょう。フ
ブリ刺身を濃いめ＆どシンプルなつゆで食べる「ねぎブリ鍋」を作ってほしい【魚屋三代目】 - メシ通 | ホットペッパーグルメ
こんにちは！ 鮮魚魚武の三代目、料理家の魚屋三代目です。 手軽にできて美味しい魚屋の一人鍋、以前は「ねぎま鍋」を紹介しましたが、 www.hotpepper.jp 今回はそのアレンジ。この時期に美味しい、脂がのったブリの刺身を使った「ねぎブリ鍋」の作り方を紹介します。しゃぶしゃぶですぐに食べても、半分レアくらいでも、お好みでしっかり火を通しても美味しいですよ。 ブリはこの時期、刺身がたっぷり入ったパックやサクが超お値打ちでスーパーなどに並ぶことがあります。刺身で食べきれない分を、趣向を変えて熱々のねぎブリ鍋にして楽しむのもいいですね。 魚屋三代目の「ねぎブリ鍋」 【材料】1人前 ブリの刺身 7切れくらい（あれば厚切りで。サクを2cmくらいの厚さの刺身にするのもおすすめ） 長ねぎ 1/2本（斜めに切る） しょうが スライス3枚 輪切り赤唐辛子 少々 めんつゆ（3倍濃縮） 50ml 水 300
和歌山県ホームページ Wakayama Prefecture Web Site
知事からのメッセージを紹介します。 令和2年12月10日のメッセージ 新型コロナウィルス感染症対策（その44） ‐大阪が危ない。日本も危ない。‐ コロナの流行はとどまるところを知らず、今回の第3波は、特に高齢者に感染者が多く出たためもあって、重症化する人や亡くなる方も、第2波の時とは大いに違って、大変多くなっています。 特に大阪の感染はひどく、重症者も多いので、大阪の重症病床は、満床に近づいて、このままだと医療崩壊というところに来ています。 大阪は吉村知事が、キャッチーな宣言を出したり、住民に行動の制約、自粛を呼びかけるだけの人とは違って、保健医療行政の指揮官としても熱心に動いているように見えるし、その一環として、既存病院のコロナ中等症専門病院への改変や、医療体制の整備、重症者専用病院の建設などにも意を用いてきていただけに、大変お気の毒だと思います。 大阪府からは、ベッドがあっても看護師が
怒りながら食事を出されると味がしなくなる
何も知らない人に色々な出し方をする 食事を嗅いでから出されると嫌だろうなと思う。はたして本当にそうなのだろうか？ 一体どれくらい味に影響があるのか？ 実際に調べるために何も知らされていない体験者を用意した。 体験者の江ノ島茂道。これから10種類のあやしい雑穀米が来る、と伝えてある あやしいお米を食べ比べしてもらう デイリーポータルZのライターである江ノ島茂道には「これから10種類のあやしい雑穀米の食べ比べをしてもらう、微細な違いだから注意をして食べて感想を述べてほしい」と告げてある。 そして同じものを10回ちがう出し方で食べてもらうのだ。 雑穀米である理由は、白米だと安全そうなので得体の知れないものとして、である。米であるのは微細な味のちがいに注意してもらうため。 業務スーパーで買ってきた「雑穀」を入れた玄米。「あやしい雑穀米」と伝えてある これを食事出し係のデイリーポータルZ編集部安藤さ
ナゴヤドーム新名称は「バンテリンドーム ナゴヤ」 - プロ野球 : 日刊スポーツ
中日が本拠地として使用するナゴヤドームを運営する株式会社ナゴヤドームと興和株式会社（本社・名古屋市中区）は10日、名古屋市内のホテルで記者会見を開き、ネーミングライツ（命名権）契約が合意したと発表した。来年1月からナゴヤドームの名称は「バンテリンドーム ナゴヤ」となり、契約期間は5年間。 ナゴヤドームの白井伸明常務取締役管理・渉外担当は今年の夏ごろから交渉を開始していたとした上で「地元に深く根付いた企業さまと合意でき、地元とともに進んでいく決意を新たにした」と説明。興和株式会社の早川卓宏取締役常務執行役員は「バンテリンは痛みに悩んでおられる方をサポートするブランド。ブランドのさらなる浸透と地域の活性化につながると考えています」と説明した。 ナゴヤドームは97年3月に開業。中日の主催試合や各種イベントを開催してきた。 ◆興和株式会社 1894年創業。繊維・機械・建材などの輸出入を行う商社機能
年収500万円、日東駒専以上の「普通」の星野源なんていないことを数字で見る - 銀行員のための教科書
婚活女子の「普通の人」の定義が「星野源みたいな容姿で年収500万円以上、かわいいね、ごめんねが言える人」（キャリコネニュース）という記事が配信され、話題になっているようです。 話題になった理由は、簡単に言えば「そんなスペックの人は普通じゃない」ということなのでしょう。 今どきの若い方達の「普通の人」について少し確認してみたいと思います。 婚活女性の「普通の人」 学歴 身体的特徴 口臭 美容院 ジム 化粧水 かわいいねの使用頻度 年収 所見 婚活女性の「普通の人」 話題になっている婚活女性の言う普通の人とは以下のような男性を指すようです。 年収500万円以上 学歴は日東駒専以上の大卒か高専卒、理系なら工学院、芝浦工業大学、日大以上といったところ 容姿は星野源みたいなイメージ 身長165センチ以上 体重は60～80キロ BMI18～27の痩せ型からややぽちゃ 清潔感のある人（口臭がなく、鼻毛が
女性の貧困・自殺者が急増！政治に求めるリアルな声と「日本死ね」の叫び | 週刊女性PRIME
一般社団法人『つくろい東京ファンド』の稲葉剛さんや小林美穂子さん、谷川先生らとともに、利用者への謝罪と再発防止策などを訴える抗議文を新宿区役所に提出（筆者撮影） 一般社団法人『つくろい東京ファンド』の稲葉剛さんや小林美穂子さん、谷川先生らとともに、利用者への謝罪と再発防止策などを訴える抗議文を新宿区役所に提出（筆者撮影） 涙なくして視ることはできなかった。 単身で働く女友達の何人かは、つらくて見続けることができず、途中でテレビを消したという。 女性の自殺者が昨年同月比で82.6％増 12月5日に放映されたNHKスペシャル『コロナ危機 女性にいま何が』だ。番組が終了したあとも、登場した女性たちの言葉が胸に刺さって、うずくまりたいほどの痛みと、そして国に対する激しい怒りで眠れなかった。 私は『つくろい東京ファンド』という生活困窮者の支援団体でボランティアスタッフをしている。ホームレス状態の人た
後輩に恋人ができた話。
「恋人ができたんです」 そう、嬉しげに後輩が休憩室で耳打ちをしてくれた。仲良くしていた後輩の浮いた話に思わず笑みが溢れた。 「増田さんの知ってる人ですよ、わかりますか？」 頭の中でその後輩と関わりがある、自分と仲良くしている同僚と、違うフロアで働いている後輩の同期の顔を浮かべた。 どちらも可能性があるような、ないような。 もし仲良くしている同僚ならばそちらから聞かされていなかったのでショックだなあ、なんて思いながら、わからないと、素直に首を振った。博打はするものじゃないから。 じいっと後輩の顔を見るとにこにこと嬉しげな表情を隠さずにしている。早く答えが知りたい。 「実は、増田さんが担当していた、こないだ退院したあの人なんです」 頭の中が真っ白になる感覚を覚えた。目の前の後輩がなにを言っているかわからない。 ――ここは、病院の休憩室である。 つまりは、この後輩はこの間まで入院していた患者に手
仲の良い老夫婦がいたが「ある日突然妻が離婚を切り出した」その理由に「たったそれだけで？」 - Togetter
ごろ@断捨離難しい @capchi6 何かで読んだ外国の仲の良い老夫婦の話。 ある日突然妻が離婚を切り出した。夫は驚き理由を聞いたら「使ったコップを食洗機に入れてくれなかったから」 「たったそれだけで？」という言葉に妻は「『たったそれだけ』を何十年も毎日お願いした。でも貴方はやってくれなかった。 2020-12-12 07:25:55 ごろ@断捨離難しい @capchi6 貴方にとって私は『たったそれだけ』のお願いも叶える価値がない人間だと毎日思い知らされた」 シンクに残される一枚のお皿、一個のコップを見るたびに私はこの話を思い出す。 洗ってとお願いしても、コップ一個位ついでに洗ってくれればいいじゃんと不機嫌になる。コップ一個位なんだから洗ってよ。 2020-12-12 07:25:56
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ワイは「シュワキ マセリ」っていう呪文やと思ってたやで