「CSS」に関連する技術ブログ
企業やコミュニティが発信する「CSS」に関連する技術ブログの一覧です。
全358件中 31 - 45件目
Amazon CloudFrontのカスタムエラーレスポンスを使用したエラーページ設定
2023/12/03
ブックマーク
本記事は TechHarmony Advent Calendar 12/3付の記事です 。 こんにちは。SCSKの川原です。 皆さんは、ウェブサイトを訪れた際、期待したページが表示されずフラストレーションを感じたことがありませんか？ 今回は、そんなネガティブな体験を改善するカスタムエラーページをAmazon CloudFrontのカスタムレスポンス機能を用いて設定する方法についてまとめてみました！ Amazon CloudFro
ゲーム感覚で “CSS Grid” が学べる “GRID GARDEN” をやってみた
2023/12/02
ブックマーク
はじめに ITD 2部1課 のM・Sです。 CSS Gridを学ぶ際に、面白いサイトを紹介していただいたので共有させていただきます。 そもそも、CSS Grid とは？ CSS Grid Layout（グリッドレイアウト） は、二次元のレイアウトをCSSで自由に操作できる機能です。 格子状のマス目にグリッドを好きな順番におけたり するので複雑なレイアウトを従来よりも簡単に実装することができます。 ↓
サイト再構築FEチームの紹介
2023/12/01
ブックマーク
はじめに こんにちは、KINTOテクノロジーズの開発編成本部に所属するカンです。2022年1月に入社し、これまでサイト再構築というプロジェクトを進めてきました。 KINTOをご利用いただくお客様が増えるにつれ、様々なサービスを拡充しようとしており、既存サイトでは迅速な機能追加を行う上で様々な問題点を有していたため、これらの問題の解決と改善のためのサイト再
HTML / CSS でショップに雪をふらせましょう ⛄
2023/12/01
ブックマーク
おや... このページにも雪がふってきましたね... これは BASE Advent Calendar 2023 の1日目の記事です。 なんだかさいきん寒いなぁと思っていたら、ついに雪がふってきてしまいましたね！ このはらはらと舞い落ちる雪の結晶、HTML と CSS で作れちゃいます。 そして BASE には HTML 編集 App という機能があります。この機能を使うと...？ snowrry.base.shop ↑のデモショップのように、シ
KINTOテクノロジーズでのアプリケーションエンジニアとしての経験
2023/11/17
ブックマーク
自己紹介 KINTOテクノロジーズ（KTC）でアプリケーションエンジニアをしているJLと言います。現在はグローバル開発グループのフロントエンドチームに所属しています。 日本に来る前はフィリピンで3～4年働いていました。最初は水産業界でテクニカルサポートとして、その後は金融セクターでソフトウェアエンジニア（アソシエイト）として働いていました。 フロント
【イベントレポート】「ZOZO Tech Meetup - Webフロントエンド」を開催しました！
2023/11/14
ブックマーク
はじめに こんにちは、DevRelブロックの ikkou です。11月6日に「ZOZO Tech Meetup - Webフロントエンド」と題したWebフロントエンドに特化したオフラインイベントを開催しました。 zozotech-inc.connpass.com 目次 はじめに 目次 当日の登壇内容 アイスブレイク ZOZOTOWNにCSS in JS（Emotion）を導入して1年後の状況 React でコンポーネントを利用したテストをゴリゴリ書く ゼロから始めるアクセ
1つの HTML ファイルだけで完結する校正支援ツールの作り方
2023/11/06
ブックマーク
こんにちは。LINEヤフー株式会社でテキストマイニングや自然言語処理などをやっている山下（ @yto ）です。 Yahoo!デベロッパーネットワークのテキスト解析 Web API が CORS（Cro...
入力フォームにリアルタイムハイライト機能を自前実装した話
2023/10/30
ブックマーク
こんにちは！ 株式会社ココナラ フロントエンド開発グループのよしみんです。 本記事では、Vue.jsを使用して入力フォームのテキストエリアにリアルタイムでハイライト機能を自前実装した話をしたいと思います。 なぜ自前実装？ テキストエリアにハイライトなんてcssでつければいいんじゃないの？ テキストエリアにcssで装飾することはもちろんできますが、入力した
【書き起こし】WYSIWYGウェブページビルダーを支える技術的マジックの裏側 – Hal Amano / Arvin Huang / Ben Hsieh / Jas Chen【Merpay & Mercoin Tech Fest 2023】
2023/10/23
ブックマーク
Merpay & Mercoin Tech Fest 2023 は、事業との関わりから技術への興味を深め、プロダクトやサービスを支えるエンジニアリングを知ることができるお祭りで、2023年8月22日（火）からの3日間、開催しました。セッションでは、事業を支える組織・技術・課題などへの試行錯誤やアプローチを紹介していきました。 この記事は、「 WYSIWYGウェブページビルダーを支える技術的マジ
【書き起こし】フロントエンドチームの技術課題評価システム改善の取り組み – tokuda109【Merpay & Mercoin Tech Fest 2023】
2023/10/23
ブックマーク
Merpay & Mercoin Tech Fest 2023 は、事業との関わりから技術への興味を深め、プロダクトやサービスを支えるエンジニアリングを知ることができるお祭りで、2023年8月22日（火）からの3日間、開催しました。セッションでは、事業を支える組織・技術・課題などへの試行錯誤やアプローチを紹介していきました。 この記事は、「 フロントエンドチームの技術課題評価システム
View Transitions APIを使ってみた！
2023/10/10
ブックマーク
こんにちは！新卒2年目エンジニアのtakadaです。 本日は先日開催されたWP HACK DAY #6 で 僕たちのチームが 作成したものについてご紹介をできればと思います！ 目次 背景と概要 View Transitions APIとは 実装内容 まとめ 1. 背景と概要 WP HACK DAYとは社内のエンジニアがテーマに沿って1日でプロトタイプの開発を行い、発表まで行うイベントです。 そして今回開催されたWP HAC
新規サービス「FAANS」における、立ち上げからReact+TypeScriptのSPA開発を2年間運用した際に取り組んだ組織的・技術的な課題
2023/10/06
ブックマーク
こんにちは、ブランドソリューション開発本部フロントエンド部の田中です。 普段はFAANSのWebフロントエンドの開発を行なっています。 FAANSとは「Fashion Advisors are Neighbors」がサービス名の由来で、ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツールです。 ショップスタッフ向けにコーデ投稿・成果確認などの機能が存在し、2022年8月に正式ロー
クリエイターの頑張りを視覚化してみた
2023/09/28
ブックマーク
こんにちは！ウエディングドレス選びがもっと楽しくなるクチコミサイト「 Wedding Park DRESS 」のデザイナーをしています、かおりん（ @PANbooooo ）と、新卒1年目エンジニアのなりりんです（過去に書いた記事は こちら ）！ 先日行われた社内ハッカソンイベント「WP HACK DAY」にて、私たちのチームは、「クリエイターの頑張りを視覚化するクリエイティブ」を作成しました。
Next.jsとPythonの開発環境を爆速で構築する
2023/09/26
ブックマーク
はじめに 今回はフロントエンドにNext.js、バックエンドにPythonを採用して、Webサイトの環境構築を行いたいと思います。元々、Whisper APIとVOICEVOXによる合成音声を使用した会話アプリを開発したかったのですがですが、環境構築の段階でかなりのボリュームになった為、一旦記事として共有します。 モノレポについて モノレポとはWebアプリの全てのコード（Webバックエンド
OutSystemsでWebアプリ作ってみた
2023/09/19
ブックマーク
（当記事は2022年12月に執筆した記事で、情報は当時のものになります。） 先日 資格取得 をしたOutSystemsですが、まずは何か作ってみようと思い、お試しで賃貸物件の管理アプリを作ってみました。 この記事ではアプリ制作の大まかな流れや、実装におけるトピックスをいくつかピックアップしてご紹介します。