「CSS」に関連する技術ブログ
企業やコミュニティが発信する「CSS」に関連する技術ブログの一覧です。
全424件中 136 - 150件目
フロントエンドパフォーマンス改善に取り組んだ話
2023/04/05
ブックマーク
こんにちは。エンジニアの北島です。普段は LIFULL HOME'S の売却査定領域 でエンジニアリングを担当しています。 今回は既存アプリケーションのパフォーマンス改善に、フロントエンドの観点から取り組んだ話をします。 経緯 弊社のサービスで プライスマップ という AI 査定による不動産価格を地図上で一気に見られるサービスがあります。 このサービスは 2015 年にロー
MLOpsマルチテナントクラスタへのArgo CDの導入と運用
2023/03/30
ブックマーク
はじめに こんにちは。ML・データ部MLOpsブロックの築山（ @2kyym ）です。 MLOpsブロックでは2022年の上期から Argo CD の導入に着手しました。本記事ではArgo CDの導入を検討した背景から導入のメリット、また導入における公式マニフェストへの変更点や、運用において必須である認証や権限管理など、具体的な手順についてご紹介します。少しでもArgo CDの導入を検討している
アクセシビリティ改善中！ LIFULL HOME'S スマートフォンサイト
2023/03/30
ブックマーク
フロントエンドエンジニアの嶌田です。株式会社 LIFULL でプロダクトのアクセシビリティ向上をミッションとして活動しています。 本日は、不動産・住宅情報の総合サービスである LIFULL HOME'S のスマートフォンサイト において、過去半年間で実施したアクセシビリティ向上施策をご紹介します。ご紹介する施策のうちいくつかは、内容を掘り下げて実装コードを交えて解
コーディングほぼ未経験の私が新規サイトを制作できるようになるまで
2023/03/29
ブックマーク
本記事は 2022年度 新人卒業記念Week 4日目の記事です。 🌸 3日目 ▶▶ 本記事 ▶▶ 5日目 📚 はじめに 1.Udemyでのオンライン学習 2.実務での修正作業 3.新規ページ作成 大変だったこと①：参考となるコードやパーツがない 大変だったこと②：クラス名や共通要素を一から考えなくてはいけない まとめ はじめに 初めまして、入社一年目の小嶋です！現在はWebディレクターを
Pythonの”Streamlit”でアプリをデプロイするまで
2023/03/09
ブックマーク
はじめに こんにちは! そろそろエンジニア2年目が終わり、3年目を迎えることに恐怖している新垣修一です! 今回はPythonWebフレームワークの一つであるStreamlitを使用して、アプリを作成してみます。 最近技術系の記事を見るとフロントエンドの知識なしで早くアプリを作成できるStreamlitというフレームワークの存在を知り、少し触れてみたいなと思い今回の記事を書かせて
【初心者向け】画像変換クラウドサービス ImageFlux を使ってみた！その②
2023/03/07
ブックマーク
Hello！ さくらインターネットのらんじゃんです。 前回の記事：【初心者向け】画像変換クラウドサービスImageFluxを使ってみた 前回は画像変換クラウドサービスImageFluxについて、以下の機能を紹介しました。 […]
アイコン画像実装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年以上運用され続け、今も多くの開発者によって日々改修され続けています。 長い年月の中で小さな設計ミスも積み重なって大きく
Whisperを使ったリアルタイム音声認識と字幕描画方法の紹介
2023/02/28
ブックマーク
こんにちは、テリーです。2023年1月に急速に認知度が高まったAI、ChatGPTはご存知ですか？ 世界中の人間の言葉を理解し、質問に答え、翻訳もします。人間の言葉だけではなく、プログラミング言語も理解して、プログラムを […]
dodaの技術負債を解消する守りのリファクタリングと攻めのリアーキテクティング / パーソルキャリア
2023/02/28
ブックマーク
この記事は、イベント 【 PERSOL（パーソル）グループ Tech Talk #3 - 技術負債との向き合い方 - 】を開催しました。 の発表内容です。 dodaの技術負債を解消する守りのリファクタリングと攻めのリアーキテクティングというタイトルで発表させていただきます。 まず、自己紹介です。私は斎藤悠太と申します。略歴としましては、Sirや事業会社での開発を経験して、2020年に
リプレイスと既存サービスの開発を並行するために実践したこと / TECH PLAY
2023/02/28
ブックマーク
この記事は、イベント 【 PERSOL（パーソル）グループ Tech Talk #3 - 技術負債との向き合い方 - 】を開催しました。 の発表内容です。 TECH PLAYの古川雄大と申します。よろしくお願いいたします。 「リプレイスと既存サービスの開発を並行するために実施したこと」という内容で発表を始めさせていただきます。
Forge を使って Jira の機能を拡張する − UI kit 編 −
2023/02/20
ブックマーク
こんにちは、XI 本部ソフトウェアデザインセンター所属・新卒 1 年目の松本です。 昨年10月に配属されてから 3 ヶ月間、Atlassian Forge を使った アプリ開発 を担当しました。 そこで今回は、Forge の概要と実際の開発手順を解説していきます。 Forge に関する日本語記事はほとんどなく心細い想いをしたので、本記事が誰かの助けになれば幸いです。 Forge とは UI 構築手法 2 パ
Forge を使って Jira の機能を拡張する − UI kit 編 −
2023/02/20
ブックマーク
こんにちは、XI 本部ソフトウェアデザインセンター所属・新卒 1 年目の松本です。 昨年10月に配属されてから 3 ヶ月間、Atlassian Forge を使った アプリ開発 を担当しました。 そこで今回は、Forge の概要と実際の開発手順を解説していきます。 Forge に関する日本語記事はほとんどなく心細い想いをしたので、本記事が誰かの助けになれば幸いです。 Forge とは UI 構築手法 2 パ
WebのOSを目指す新しい体験のWebブラウザ「Arc」を紹介したい
2023/02/10
ブックマーク
こんにちは！スマートキャンプエンジニアの中田（のっち）です。 みなさんWebブラウザには何を使われてますか？ Chrome, Firefox, SafariにEdgeなど多くの選択肢があるWebブラウザですが、私は2ヶ月ほど前に長らく使ってきたChromeから移行し、現在は Arc というbeta版が公開されている新しいWebブラウザを使ってみています。 この Arc がとても便利で楽しいものだったので、本記
モダンフロントエンドで始めるつらくないReactディレクトリ構成
2023/02/08
ブックマーク
はじめに こんにちは、 ラク スフロントエンド開発課の斉藤です。 記事タイトルはReact開発者なら知る人ぞ知る りあクト！ TypeScriptで始めるつらくないReact開発 のパロディです。とてもわかりやすい入門書なのでReact初学者の方には学びの第一歩として自信を持ってオススメできます！ さて今回は、モダンなフロントエンド技術を採用したうえで、極力シンプルで開発体