「HTML」に関連する技術ブログ
企業やコミュニティが発信する「HTML」に関連する技術ブログの一覧です。
全531件中 106 - 120件目
お手軽にシステムログを取得する環境を構築してみた
2023/04/24
ブックマーク
2回目の投稿です。rks_mnkiです。 インフラエンジニア的なことをやっています。 さて今回は、「ブラウザ環境上の操作のみでシステムログを取得する環境構築」について、実際の設定内容などを踏まえながらご紹介したいと思います。 目次： 1．導入を進める背景、課題 2．システム要件 3．利用ツールの選定 4．システム全体の構成イメージ 5．各種コンポーネントの説明
Svelteでユニットテスト - Svelte不定期連載-02
2023/04/20
ブックマーク
こんにちは(こんばんは)、Svelte不定期連載その2です。 過去の記事はこちら SvelteKit + Svelte を1年間くらい使ってみた知見など※SvelteKit メジャーリリース対応済み Svelteと他JSフレームワークとの比較 - Svelte不定期連載-01 今回はSvelteのユニットテストについて書いていこうと思います。 モジュールはこちら。 Vitest + jsdom + @testing-library/svelte の3つを使用して行います。 Vitest vite
ブラックボックス最適化のOptunaを使って、自分の好みの色を探してみる
2023/04/17
ブックマーク
ISID X（クロス） イノベーション 本部 の飯田です。 ブラックボックス 最適化を使って、なかなか 言語化 しにくい自分の思考パターン（好みの色）を表現する取り組みをしてみました。 ブラックボックス 最適化とOptuna ブラックボックス 最適化とは「ある関数の出力を最大化 （または最小化） するような入力を勾配情報などを使わずに探索する問題」と言われます。 参
ブラックボックス最適化のOptunaを使って、自分の好みの色を探してみる
2023/04/17
ブックマーク
ISID X（クロス） イノベーション 本部 の飯田です。 ブラックボックス 最適化を使って、なかなか 言語化 しにくい自分の思考パターン（好みの色）を表現する取り組みをしてみました。 ブラックボックス 最適化とOptuna ブラックボックス 最適化とは「ある関数の出力を最大化 （または最小化） するような入力を勾配情報などを使わずに探索する問題」と言われます。 参
新卒がエンジニアとしての一歩を踏み出すまで
2023/04/14
ブックマーク
こんにちは、見習いフロントエンドエンジニアのぱやぴです。 新卒として2022年4月に入社、9月に配属されもう早一年がたとうとしていることに驚きを隠せません。何より後輩が入ってくるということが最大の驚きです。 そこで今回は入社から執筆現在(4月)までの約1年間に何を行い、何ができるようになったのかを紹介したいと思います。 AGESTの新卒エンジニアはこうい
テスト実施で知っておきたいSQLインジェクション
2023/04/11
ブックマーク
こんにちは。名古屋グループのとりです。 昨年まではリモートワークにする日が多く、静かな環境で集中できるかと思いきや、安物の椅子で座り心地が悪かったり、移動する事が無いので運動不足がストレスになったりと、やっぱり職場の方が仕事に集中できるなと思う今日この頃です。 私はWebやアプリの入力フォームに対して探索的テストを行う時、開発現場に居た時
ReactでuseIdを使い一意な文字列を生成し汎用コンポーネントのid重複を防ぐ
2023/04/10
ブックマーク
はじめに こんにちは WESEEK で yaml から css まで何でも書く haruhikonyan です。 フォームなどをコンポーネント化したときに同じページにそのコンポーネントを使うと id の重複に困ったりしませんか？ そんな時に React が公式で提供している useId という hook を使うと解決するかもしれません。 しかし利用においては注意点があるので具体例とともに紹介したいと思います。 use
フロントエンドパフォーマンス改善に取り組んだ話
2023/04/05
ブックマーク
こんにちは。エンジニアの北島です。普段は LIFULL HOME'S の売却査定領域 でエンジニアリングを担当しています。 今回は既存アプリケーションのパフォーマンス改善に、フロントエンドの観点から取り組んだ話をします。 経緯 弊社のサービスで プライスマップ という AI 査定による不動産価格を地図上で一気に見られるサービスがあります。 このサービスは 2015 年にロー
アクセシビリティ改善中！ LIFULL HOME'S スマートフォンサイト
2023/03/30
ブックマーク
フロントエンドエンジニアの嶌田です。株式会社 LIFULL でプロダクトのアクセシビリティ向上をミッションとして活動しています。 本日は、不動産・住宅情報の総合サービスである LIFULL HOME'S のスマートフォンサイト において、過去半年間で実施したアクセシビリティ向上施策をご紹介します。ご紹介する施策のうちいくつかは、内容を掘り下げて実装コードを交えて解
コーディングほぼ未経験の私が新規サイトを制作できるようになるまで
2023/03/29
ブックマーク
本記事は 2022年度 新人卒業記念Week 4日目の記事です。 🌸 3日目 ▶▶ 本記事 ▶▶ 5日目 📚 はじめに 1.Udemyでのオンライン学習 2.実務での修正作業 3.新規ページ作成 大変だったこと①：参考となるコードやパーツがない 大変だったこと②：クラス名や共通要素を一から考えなくてはいけない まとめ はじめに 初めまして、入社一年目の小嶋です！現在はWebディレクターを
ZOZOTOWNのWebホーム画面をNext.jsでリプレイスして得た知見
2023/03/23
ブックマーク
はじめに ZOZOTOWN開発本部の武井と申します。ZOZOTOWNのフロントエンドリプレイスプロジェクトを主に担当しております。 ZOZO DEVELOPERS BLOG でも「 ZOZOのリプレイスプロジェクトで得られる唯一無二の経験。大規模サービスを進化させるやりがいとは 」というインタビュー記事を掲載しておりますので、もしよろしければこちらも併せてご覧ください。 さて、本題です。現在Z
ニフティ社員から人気な本をまとめてお届け！ニフティのとしょだより
2023/03/17
ブックマーク
ニフティ株式会社新卒2年目のRyommです。普段はマイ ニフティというスマートフォン向けアプリの開発・運用を行なっています。 ニフティには書籍購入補助制度があり、その管理にbookbotというツールを使っています。 今まで書籍購入補助制度で購入された本とその感想を、bookbotがデータベースに貯め込んでおり、昨年末にNotion連携機能を実装したことで誰でも簡単に閲覧
Pythonの”Streamlit”でアプリをデプロイするまで
2023/03/09
ブックマーク
はじめに こんにちは! そろそろエンジニア2年目が終わり、3年目を迎えることに恐怖している新垣修一です! 今回はPythonWebフレームワークの一つであるStreamlitを使用して、アプリを作成してみます。 最近技術系の記事を見るとフロントエンドの知識なしで早くアプリを作成できるStreamlitというフレームワークの存在を知り、少し触れてみたいなと思い今回の記事を書かせて
アイコン画像実装15年の変遷
2023/03/07
ブックマーク
LIFULLでフロントエンドエンジニアをしている齋藤です。 2008年入社なので15年目ぐらいの古株です。今は LIFULL HOME'S の賃貸部門でフロントエンド開発をしています。 いきなりですが、みなさんはアイコンをどう実装していますか？ アイコンフォント、スプライト、一つ一つ切り出す。フォーマットもSVG、PNG、Fontなどなど。 実装方法はいろいろありますし、サイト規模や運
LIFULL HOME'S 賃貸物件詳細ページの基盤刷新について
2023/03/02
ブックマーク
プロダクトエンジニアリング部の海老澤です。 普段は LIFULL HOME'S の賃貸部門のフロントエンド開発をしています。 近年、LIFULL の開発部門では「開発生産性」という言葉が取り沙汰されるようになりました。 LIFULL HOME'Sの主要リポジトリは10年以上運用され続け、今も多くの開発者によって日々改修され続けています。 長い年月の中で小さな設計ミスも積み重なって大きく