「HTML」に関連する技術ブログ

企業やコミュニティが発信する「HTML」に関連する技術ブログの一覧です。

Vueのcomputedをゆるく解説してみる

🌱 はじめに Vue.jsを使いたてでよく「結局computedってなんなん...??」「これはcomputedにした方がいい...??」と悩んでいたのでその考え方として。 公式ドキュメントを元にゆるい日本語で説明していきます。 https://ja.vuejs.org/guide/essentials/computed.html 🤔 computedって?? あるデータをウニャウニャして新しいデータを算出する。 import { reactive, computed } from 'vue' const author = reactive({ name:

Amplify Consoleでホストしている既存アプリの前段にCloudfrontを挿入する

こんにちは! 「AI在庫管理」開発チームの小室です。 最近、Amplify Consoleで稼働中の、ReactのSPAアプリケーションの前段に、Cloudfrontを挿入する改修をおこないましたが、 Amplify Console + Cloudfront環境の情報源が限られていることもあり、特にドメイン名の移管部分で何点かハマったポイントがありました。 本記事ではその対応方法をまとめて行きたいと思います。 背景 弊開

Three.jsで3Dオブジェクトを描画してみた

初めまして!新卒1年目エンジニアのよこちです。 新卒研修にて自己紹介サイトを作る機会があったので、その際に使用した技術についてまとめてみました!   目次 自己紹介 自己紹介サイト Three.jsの基本的な使い方 立方体(3Dオブジェクト)の描画 DOM要素を3D空間に配置   自己紹介 新卒エンジニアとして4月に入社しました。 情報系出身ではありませんが、プログ

RubyKaigiで紹介されたクリエイティブコーディングを試してみた

こんにちは!ファインディでTeam+開発チームのエンジニアメンバーの 西村 です。 この記事では、私が聞いたRubyKaigi 2024のセッション「Lightning Talks」より「Enjoy Creative Coding with Ruby」で紹介されたクリエイティブコーディングを試してみたので共有します。 クリエイティブコーディングとは クリエイティブコーディングとは、アプリケーションのような機能的なソフトウェ

Liferayを使用したアプリ開発の知見共有

こんにちは!Insight Edge で Developer をしている Kobori です。 本記事では、Liferay を使用したアプリ開発で得た知見について、使い方とノウハウを交えてを紹介します! 関連記事が少なかったのも苦労した点の一つでもあるので、本記事が開発の助けになれば思いを込めて書きました。 ぜひ、最後までご覧いただけたらと思います。 この記事でわかること Liferay の概要 Liferay

フィッシングキットから生成されたサイトの調査 (インターンシップ体験記)

はじめに こんにちは、ドコモグループのウインターインターンシップ2023に参加した猪飼です。 普段は、大学院でマルウェアの動的解析に関する研究をしています。 「サイバー攻撃の原理を理解し、攻撃インフラ(マルウェアインフラ)を解明するセキュリティアナリスト」のポストに参加させていただきました。 この記事では、私がインターンシップで取り組んだ内容に

SAP on AWS のエンドツーエンドオブザーバビリティ: パート 1 概要

背景 お客様は常に、SAP システムにおけるコア業務プロセスの運用上の卓越性と回復力の向上を求めています。それを達成するには、SAP 環境の統合モニタリング/オブザーバビリティダッシュボードが必要になり、そこで問題を関連付け、問題がデータベース、アプリケーションサーバー、プレゼンテーション、ネットワーク層 (インターネット接続を含む) のいずれにある

知っておくとちょっと便利!curl コマンドのオプションをちょっと詳しくご紹介

今号では、curl コマンドのオプションについてちょっと詳しくご紹介します! 2022年 7月 27日にご紹介した「 知っておくとちょっと便利!curl コマンドの使い方をご紹介 」 では、よく使用されると考えられるオプションの意味や使い方について簡単にご説明しましたが、 今回は表示される内容を、ちょっと掘り下げて見ていきます。 -o オプション (コンテンツをファイル

フロント出身者のプロジェクトマネージャー業務について

本記事は Webデザイン事業部ウィーク 2024 3日目の記事です。 🌈 2日目 ▶▶ 本記事 ▶▶ 4日目 💐 こんにちは、Webディレクターの戸田と申します。 主にフロント業務(全般の要件定義、サイトデザインのUX/UI設計、サイト分析、デザイン・HTMLモック制作進行・管理など)を中心にWebサイトのリニューアルや運用案件のリーダー業務などを担当しております。 ここ最近ではW

Improving User Experience with Subtle Scroll Adjustments on HTML Anchor Tags (<a> Tag)

Introduction Hello. I'm Chris, and I do frontend development in the Global Development Division at KINTO Technologies. Today, I will talk about a somewhat common problem in frontend development and how to solve it! The Problem Sometimes you want to use an anchor tag ( tag) to make the user scroll to a specific part of a page like below. You can achieve this by giving an id to the element you want to scroll to and adding href="#{id}" to the tag. <a href="#section-1">

AWS 初学者向けの勉強方法 6 ステップ!2024 年版!

こんにちは、AWS トレーニングデリバリーマネージャー の西村航です。 本記事は 2022 年 4 月に投稿した AWS 初学者向けの勉強方法 6 ステップ!2022 年版! という記事を 2 年ぶりにアップデートした内容になります。投稿してから経過した 2 年間で公開された勉強方法を追記して、一部の勉強方法に関してはリンクの最新化を行いました。 皆さん、もしくは皆さんの周りで

Why is your z-index not working again? 階層は一体どうなっているの?

みなさんこんにちは! ワンキャリアでエンジニアを担当しているコ ショウトウ(GitHub: jamesdongdong )です! 突然ですが、皆さんz-indexを理解できていますか? ご存知の通り、z-indexは要素の重なりの順序を決めるものですが、しばしば意図通りに設定できないことがあります。 皆さんの中にも『あれ、なんでz-indexが効かないんだ』と思っているエンジニアの方がいらっしゃ

22歳になる長寿サービスのUI刷新 ~密結合システムからViewを分離した苦労話~

こんにちは、メールディーラー開発課のUKoniです。 2023年9月のことですが、弊社で開催した 【ラクスMeetUp】持続的改善の実践/UI刷新・SQL改善・EOL対応 で登壇させていただきました。 そこで話した、長寿サービスの密結合システムからViewを分離した話をご紹介します。 発表資料 speakerdeck.com 発表資料 概要 作業内容 1. 旧画面のコードから機能一覧を作成する 2. IDEの機能を

LLMと相性のいいReactのChartライブラリを考察してみた🦜

こんにちは。フロントエンドチームの安井です。今回はLLMと相性のいいReactのChartライブラリを探すために検証を行いました。ReactのChartライブラリといえば数多く種類が存在し、どれを採用するのがいいか迷うところです。下記のサイトはReactのChartライブラリが一覧で整理されており、これだけでも数十個候補になるライブラリがあることがわかります。 https://awesome.cube.d

薬急便におけるアクセシビリティへの取り組み

こんにちは、株式会社MG-DXでフロントエンドエンジニアをしています、小林です。 MG-DXでは、医 ...
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?