「HTML」に関連する技術ブログ(211件)

企業やコミュニティが発信する技術ブログから「HTML」に関連するものを表示しています。

React + microCMSで実現するZOZOTOWNキャンペーンページのノーコード化

はじめに 2020年新卒入社で、現在ZOZOWEB部所属の 武井 です。ZOZOTOWNのWebフロントエンド開発を担当しています。私は入社以来オフィスに2度しか出社したことがありませんが、そのうちの1度は スタッフインタビュー記事 の撮影のときでした。アートがたくさんある素敵なオフィスですが、それ以降出社できていません。まさか新卒1年目からフルリモート勤務をすると思っ

#React #WordPress #JavaScript #CSS #HTML #API #TypeScript #Node.js #Next.js #Ruby 

開発者のためのプレゼンスライド OSS「Slidev」を使ってみた&中身を読んでみた

こんにちは!スマートキャンプで Web アプリケーションエンジニアとして働いている中川です。 突然ですが、みなさんは普段スライドを作っていますか? 私はそこまで頻度高くはないものの、全社イベントでプレゼンするためであったり、他部署交流のための自己紹介、あとは LT 会などのためにスライドを作ることがあります。 Twitter で見かけたこちらのツイートから、

#HTML #CSS #WebRTC #ライトニングトーク 

z-index:0とz-index:100はどちらが上にくる?

はじめに 1. position: static の要素ではz-indexは効かない 2. 基本的にはHTMLの記述順に重なる 3. z-indexを指定した場合は数値の大きいものが上に重なる 4. 親子関係がある要素ではz-indexの数値に関係なく親の上に子が重なる 5. 親階層のz-indexの比較が優先して評価される おわりに はじめに こんにちは、フロントエンドチームの北嶋です。 今回は CSS 初学者がつまずきがちな、 z-in

#CSS #HTML #フロントエンド 

購入完了メールを改修しました

こんにちは、デザイナーの河越です。 「BASE」では今年の2月に、注文時に購入者に送られる購入完了メールをリニューアルしました! baseu.jp これまで「BASE」から購入者に送られるメールはほとんどがテキストメールでした。 各ショップが工夫してネットショップ上でブランドの世界観を表現しているにも関わらず、購入者が受け取るメールがショップの世界観とマッチ

#HTML #CS 

すぐにできる! au 無料ゲームにおけるフロントエンドパフォーマンス改善事例

はじめに こんにちは、フロントエンドエンジニアの中畑 ( @yn2011 ) です。 au Webポータル 無料ゲーム では様々なフロントエンドのパフォーマンス最適化に取り組んでいます。今回は、既に実施した最適化の中から 対応コストが小さく、効果が分かりやすかったもの を中心に、対応事例のご紹介をします。 なお、 au Webポータル 無料ゲーム は Jamstack 構成となっており、Next.

#Next.js #HTML #DNS #A/Bテスト #フロントエンド #ゲーム #テスト #データ分析 

新卒フロントエンドエンジニアがVue.jsで半年間SPA開発した話

目次 目次 はじめに 結論 前提 TypeScript、Vue.jsで躓いた点 コンポーネント指向の入りやすさ SPA開発の入りやすさ フロントエンド、バックエンド、デザイナーが分かれている難しさ 開発を通じて感じたこと 半年間の反省 最後に 参考 はじめに こんにちは。新卒のmtaaaです。 プロダクト開発にフロントエンドエンジニアとして参加して半年が経とうとしているので、「新卒

#Vue.js #React #JavaScript #Java #TypeScript #HTML #Node.js #インフラ #フロントエンド #プログラミング 

駆け出しフロントエンドエンジニアは何を学ぶべきか

目次 はじめに スキルマップ HTML CSS JavaScript SPA(Single Page Application) JavaScriptフレームワーク パッケージ管理 TypeScript Git Linux Web知識 テスト ブラウザ コーディングルール Docker(必須ではないが知っておくと良い) 情報収集に使えるWebサイト(おまけ) まとめ おわりに はじめに こんにちは、フロントエンドチームの北嶋です。 弊社でフロントエンドチームを立ち上げて

#HTML #JavaScript #CSS #Sass #Git #Java #フロントエンド #Linux #OSS #Docker 

【超入門】初心者向け Bootstrapの基本的な使い方

はじめに こんにちは。itoken1013です! 度々お送りしています超入門シリーズ、今回ご紹介するのは Bootstrapの使い方 です! Bootstrapを利用することで、簡単にページデザインを仕上げることができます。 HTML/ CSS は分かるけどBootstrapには触れたことのない方、今まで体系的には理解せずにBootstrapを利用していた方にオススメの内容です。 それでは解説していきたいと思いま

#HTML #CSS #CDN #JavaScript #Windows #jQuery #UX #フロントエンド #Webデザイン #初心者 

商品オプション App開発プロジェクトでのデザインリサーチ試行

こんにちは。UIデザイナーの野村( @nomjic )です。 一年と少し前(2019年終盤ごろ)からデザインリサーチを業務に組み入れようと試行錯誤をしています。 本記事では、昨年の夏頃にリリースした商品オプション Appでの、開発過程における試行と成果についてお書きします。 商品オプション Appプロジェクトについて 商品オプション Appとは、2019年第4四半期から2020年第3四

#CX #CSS #HTML #プロトタイピング #フロントエンド #テスト #UIデザイン #ユーザビリティ #非機能テスト 

HTTP コンテンツ圧縮でパフォーマンス改善

事業本部 プロダクト開発室のエンジニアの中畑です。 オンライン診療・服薬指導・クラウド診療支援システム 「CLINICS」 の開発・基盤周りを担当しております。 今回は、HTTP のコンテンツ圧縮について調査・対応する機会があったので、本ブログにて紹介したいと思います。 HTTP コンテンツの圧縮とは HTTP コンテンツの圧縮とは、HTTP の通信において Web サーバー側が返

#Nginx #JavaScript #CSS #AWS #Ruby on Rails #HTML #API #アルゴリズム #セキュリティ 

【ZOZOTOWN UI/UX改善PJ】「改善を自分達で考えて実装・リリースするPJ」の作り方

こんにちは、ZOZOTOWN部フロントエンドチームの高橋( @anaheim0894 )です。 2020年5月からZOZOTOWN部では、「UI/UX改善プロジェクト」を立ち上げ、小さなUI改善を進めるチームを発足しました。 そこでこのプロジェクトの紹介をしながら、その工夫したポイントをお伝えします。新しいプロジェクトを立ち上げる際の参考になれば幸いです。 なぜプロジェクトを立ち上げたか 現

#JavaScript #HTML #フロントエンド #テスト #セキュリティ #ユーザビリティ #非機能テスト 

PWA(Progressive Web Apps)の理解と実践

こんにちは、masakaです。 前の会社でPWAについて少し調べていたのですが、特に発表することもなかったので 今回はその内容をブログにしてみました。 ざっくりとした説明と、簡単な実装をやってみたいと思います。 PWAとは PWAの代表的な機能 Webとネイティブアプリ、それぞれの特徴とPWAが求めるもの PWAを支える三つの柱 結局のところ、PWAとは PWAの対応状況 デスクトッ

#PWA #iOS #JavaScript #GitHub #HTML #Node.js #ゲーム #ネットワーク #セキュリティ 

フロントエンドとバックエンドを改めて整理する

はじめに みなさんこんにちは。フジサワです。 「フロントエンド」や「フロントエンドエンジニア」という単語を耳にするようになって久しいですが、自他共に認めるバックエンドエンジニアを出自に持つ私にとって フロントエンド界隈の移り変わりは激しく、追いかけるのもなかなか大変です。 そこで今回は、改めてフロントエンドとは、またフロントエンドエンジ

#Ruby #Java #Python #JavaScript #CSS #PHP #HTML #フロントエンド #GraphQL #React 

リアルタイムマーケティングシステム検証環境の構築ビフォーアフター

はじめに こんにちは。2020年5月に入社しましたMA基盤チームの辻岡です。 MA基盤チームでは、マーケティングに関わる様々なプロダクトやシステムの施策開発・運用を行っています。その中の1つにリアルタイムマーケティングシステムというものがあります。 これまでこのシステムには検証環境が存在しませんでした。そこで、検証環境を新たに作る事でシステムの開発

#SQLServer #PostgreSQL #SQL #Google BigQuery #HTML #Windows #CircleCI #Embulk #AWS #Ruby 

DNSサーバー 構築 入門編

はじめに 初めましてこんにちは!matsutairaです! 今回は、普段何気なく利用している DNS サーバーというものにフォーカスし、実際にWebサーバー・ DNS サーバーの構築を通して DNS サーバーとは何なのかをざっくり学べる内容となっております。「 DNS サーバーってどんなもの?」「自分で DNS サーバーを構築してみたい!」という方々の力になれればと思います。 今回は初

#Apache #AWS #HTML #CentOS #DNS #セキュリティ #Windows #テスト #ネットワーク