「CSS」に関連する技術ブログ
企業やコミュニティが発信する「CSS」に関連する技術ブログの一覧です。
全345件中 1 - 15件目
STUDIO ZOON公式サイトリニューアルとCSSによるインタラクション演出の実装
2024/03/15
ブックマーク
はじめに マンガIP事業本部でWebフロントエンドの開発をしている岸です。 本記事では、当社が運営す ...
SEO対策をいつもどおり行っていたらSDGsに貢献していた件
2024/03/15
ブックマーク
私たちが日々の業務として日常的に行うSEO対策が、実は持続可能な未来への一歩だったことを知っていますか?この記事では、通常のSEOプラクティスが環境と社会への影響にどのように貢献するかを探り、サスティナブルな未来に向けた取り組みについて紹介します。
Mapbox GL JS でresize animationを実装する
2024/03/12
ブックマーク
みなさん、こんにちは。新卒エンジニアの id:matsuda0528 です。 今日は、Mapbox GL JS を使用して地図の描画領域を変更するアニメーションを実装する方法についてお話します。 TL;DR 以下のように、 setInterval() 関数を用いて resize() 関数を繰り返し実行する方法で実装しました。 const onClickMapResizeButton = () => { clearInterval(mapResizer) mapResizer = setInterval(() => { map.value.resize() } ) } const
LINE MUSIC の年末を彩ったアニメーション実装のコツ
2024/03/04
ブックマーク
こんにちは。京都開発部の柴坂浩行です。フロントエンドエンジニアとして、LINE MUSIC の Web アプリ開発を担当しています。 毎年 LINE MUSIC では、みなさんが1年間に聴いた曲を振り...
Flutter Webで単体テストしてますか?
2024/02/27
ブックマーク
Flutter Webで単体テストしてますか? こんにちは。Woven Payment Solution開発グループの大杉です。 私たちのチームでは、 Woven by Toyota において Toyota Woven City で使われる決済システムの開発を行っており、普段はKotlin/Ktorでバックエンド開発とFlutterによるWeb/モバイルのフロントエンド開発をしています。 Flutter Webでは、Web固有のパッケージを使用しているとテスト実行でエラー
ヤフーのユーザー5,400万人から"同意"を得るための技術(HTML/CSS/JavaScript)
2024/02/20
ブックマーク
こんにちは。SWATチームの今谷と、LY会員サービス統括本部の木所です。 LINEとヤフーの会社合併に伴って、LINEヤフー株式会社が提供するサービスを利用するユーザーに「新プライバシーポリシーへの同...
フロントエンドを Vue.js から React にリプレイスしたお話 (前編)
2024/02/19
ブックマーク
はじめての方、はじめまして。久しぶりの方、お久しぶりです。 イノベーションセンターの何縫ねの。( @nenoMake )です。 普段の業務ではソフトウェアエンジニアとして Node-AI という WEB アプリケーションの開発をしています。 パブリックな活動としては、好きな言語である C# 関係の OSS 開発や 技術ブログ の投稿、 登壇 などをしています。 ですが、今回は C# ではなくフ
【JavaScript/Node.js】Playwrightの自動テスト記述におけるよく使う要素選択方法についてまとめてみた
2024/02/06
ブックマーク
はじめに
KINTO FACTORYにおけるパフォーマンス最適化
2024/01/26
ブックマーク
はじめに こんにちは。KINTOテクノロジーズ(KTC)グローバル開発部のフロントエンドエンジニア、Daichiです。現在は KINTO FACTORY のECサイトを開発しています。KINTO FACTORYは、トヨタ車とレクサス車のオーナー様向けの車体アップグレードサービスです。3つのサービス(リフォーム、アップグレード、パーソナライズ)を通して、最新のハードウェアとソフトウェアを車体に
HTMLのアンカータグ(aタグ)でページの特定部分までスクロールしたら微調整が必要かもという話
2024/01/25
ブックマーク
はじめに こんにちは。KINTO Technologiesのグローバル開発部でフロントエンド開発をしているクリスです。 今日はフロントエンドの開発におけるちょっとした詰まったこととそれの解決策について紹介したいと思います! 詰まったこと 普段みなさんは以下のようにアンカータグ(aタグ)を使ってとあるページの特定部分までスクロールさせたい時ありますよね? スクロール先
BUYMAのプロダクトマネージャー/ディレクターの役割とは?
2023/12/25
ブックマーク
「安心して何度も利用したくなる マーケットプレイス 」を作る!UXデザイングループを紹介 エニグモ でTech職種の採用や、採用広報を担当している 廣島 です。 この記事は、 エニグモ で新入社員向けのオンボーディング研修として実施する 部署紹介プログラム の中で プロダクトマネージャーやディレクター、UI/UXデザイナーが所属するグループであるUXデザイングルー
UI/UXデザインにおけるダイバーシティとインクルーシビティ
2023/12/21
ブックマーク
こんにちは!👋 KINTOテクノロジーズのグローバルプロダクト開発グループでUI/UXチームに所属しているAz, Moji, Aiです。今日はUI/UXデザインの中でダイバーシティ(diversity/多様性)とインクルーシビティ(inclusivity/包括性)の奥深い世界についてお話します! デザインにとってダイバーシティとインクルーシビティとは? Nielson Norman Group によると、インクルーシブデザイン
SolidJS 用アニメーションライブラリ、Solid Transition Group を使ってみた
2023/12/21
ブックマーク
この記事は「 株式会社メンバーズ Jamstack研究会主催 Advent Calendar 2023 」の20日目の記事です。
Gradio: Pythonで簡単にAIをWebアプリ化
2023/12/16
ブックマーク
この記事は Safie Engineers' Blog! Advent Calendar 16日目の記事です。 はじめに Gradioとは Hello World! Gradioのインストール コード実装 実行結果 認証機能 リアクティブインターフェース ブロック構造とイベントリスナー コンポーネントの種類 実装例 ソースコード 画面 その他ドキュメント まとめ はじめに セーフィー株式会社 開発本部 第3開発部 AIVisionグループで画像認識AIの開発
【OJT】トレーナーとペアプログラミングでSvelteを学習してみた
2023/12/14
ブックマーク
はじめに こんにちは、新卒一年目OJT中の平野です。 今年は暖冬と言われていますが流石に夜はエアコンと電気毛布が手放せなくなりました。春が待ち遠しいです。今回は簡単なToDoアプリをペアプログラミングで開発しました。その中で、宣言的UIやSvelteの記法、リアクティブ、フロントエンドの歴史などを知ることができました。今回はそのペアプロを通して得られた知