[B! frontend] zyun1109のブックマーク

個人サービスを公開するまでに必ずやるべきこと - Qiita

はじめに個人サービスを公開するまでに必ずやるべきことがあるのですが、思い出すのに時間が掛かってしまったり、「事前にやっておくべきだった...」と毎回思います。ここら辺の情報は調べてもまとまっている記事がなかったので私なりにチェックリストとしてまとめてみました。難しいことは一切なく（経験者には当たり前なことかも？）、比較的簡単に出来るものを書かせて頂きますので気軽に読んでいただけると嬉しいです。前提僕は個人サービスを公開する上で集客に重きを置いています。後述するやるべきことは集客をベースとした内容であり、サービスを利用する上で必ず必要ではないということをご理解ください。また、WEBの要素が強めなので、モバイルアプリ等の開発者は参考にならないことが多いと思いますのでご了承ください。参考までに僕が個人開発しているサービスです。Gmailのようなツール寄りのサービスではなく、キュレーションサ

zyun1109 2022/06/01

リンク

フロントエンドのお仕事図鑑

Webフロントエンドエンジニア2年生になりました。この1年で本当に多種多様なフロントエンドエンジニアの方たちとお話する機会をいただき、その度に「フロントエンドの領域って様々な役割があるなー」と思わされる毎日です。一方で、「フロントエンド開発」という単語が形骸化してきている感覚も抱いており、具体的には「フロントエンドチームに入社してみたけれどスキルミスマッチで苦しんでいる」「フロントエンドの業務に対してビジネス側や採用側の理解が得られない」という話を目にする事も少なくありません。今回はこれまで自分が出会ってきたり仕事でこなしてきたフロントエンド領域の業務について改めて整理する事で、非フロントエンドエンジニアの方に少しでも興味を持ってもらうより実態に即したジョブロール細分化に向けた議論の下地を提供するフロントエンドエンジニア自身が得手不得手を踏まえたキャリア選択をできるよう、

zyun1109 2019/05/04

リンク

1px の変化も見逃さない！ビジュアルリグレッションテスト導入で快適フロントエンド開発 - dely Tech Blog

こんにちは！dely でフロントエンドの開発をしています @all__user です。今回は kurashiru のフロントエンド開発に導入されたビジュアルリグレッションテストについてご紹介したいと思います。【反応を多くいただいた点について記事の最後に追記しました】目次目次ビジュアルリグレッションテストとは導入の背景フロントエンドのテスト？ SPA移行前後の比較ツール reg-suit Loki Wraith BackstopJS テストのフロー GitHub + CodeBuild + BackstopJS ステージング環境テストケースは Google スプレッドシートで管理結果を S3 にアップロードして Slack に通知まとめ【追記】運用が大変ではないか？ 1pxの違いにそこまで工数かける？広告が差し込まれたり変わっただけでテストが壊れるのでは？ビジュ

zyun1109 2019/04/30

リンク

次世代の管理画面を作るフロントエンドの取り組み - BASEプロダクトチームブログ

フロントエンドエンジニアの松原(@simezi9)です。BASEでは現在ショップ向けの管理画面をリニューアルするプロジェクトが進んでいて、UI/UXの更新と同時に創業当時から継ぎ足して作ってきたフロントエンドの技術スタックを一新しようとしています。この記事では、具体的にそのフロントエンドの更新でどのようなことに取り組んでいるのかをいくつかご紹介したいと思います。 Vue + TypeScriptを利用したMPA(multi page application)化 HTMLの構築をPHP(サーバーサイド)からJS(クライアントサイド)へ移行する従来の「BASE」の画面ではPHPでHTMLの構築を行っていましたが、HTMLの構築をすべてPHPのコードから分離させて、Vueによるクライアントサイドでのレンダリングにしています。また管理画面の特性上（1ページあたりの閲覧時間が長く相対的にローディン