「CSS」に関連する技術ブログ
企業やコミュニティが発信する「CSS」に関連する技術ブログの一覧です。
全358件中 76 - 90件目
コーディングほぼ未経験の私が新規サイトを制作できるようになるまで
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初学者の方には学びの第一歩として自信を持ってオススメできます！ さて今回は、モダンなフロントエンド技術を採用したうえで、極力シンプルで開発体
エンジニア採用サイトをリニューアルした話
2023/02/08
ブックマーク
挨拶 こんにちは！私はBOXIL SaaS開発エンジニアのハヤシ(ぱずー)です。 前回、私がスマートキャンプで成長したエピソードを紹介しましたが、今回はエンジニア採用サイトのリニューアルに携わったので、それについて紹介します。 最後まで読んでいただけると嬉しいです！ 今回、リニューアルした採用サイトです。こちらも見ていただけると嬉しいです！ https://engineer.s
次世代ゼロランタイムCSS-in-JS「macaron」の導入方法を調べてみた
2023/02/01
ブックマーク
はじめに こんにちは！hy094です。 今回はZero-Runtime CSS -in-JSである「macaron」(macaron- css )の使い方を調べてみたので、 それをまとめたいと思います。 ※本記事は大部分が公式の GitHub と 公式ドキュメント の和訳で構成されています。 ※英語がとても苦手なので翻訳アプリを駆使して書いています。誤りがあったらこっそり教えていただけると嬉しいです。 はじめに macaron（
アクセシビリティ対応のついでに色々やった話
2023/01/16
ブックマーク
こんにちは。エンジニアの中島です。 現在はアクセシビリティ推進グループ（以下推進グループ）に在籍しています。 以前同組織の紹介記事をいくつかあげましたが、その通り弊社は自社の運営するサービスをアクセシブルにするため日々奮闘しています。 www.lifull.blog www.lifull.blog 以前の記事ではどういったマインドで同組織ができたか、どのように推進しているかにつ