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

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

PWA, PRPL Pattern の概要と採用状況の調査

こんにちは。メドレーにてジョブメドレー開発エンジニアをしています、矢野と申します。 ジョブメドレーでは、主にバックエンド ( Ruby on Rails ) の改修を担当してます 直近では 「サイトパフォーマンス改善施策」 として、Rails コードのリファクタリングによる TTFB 高速化に取り組んでました 「もう絶対にコケないのが分かってる」ビルドやテストを、手元のコンソー

#Nginx #Apache #PWA #Ruby on Rails #HTML #JavaScript #Next.js #Polymer #テスト #アーキテクチャ 

TestCafeで始めるE2Eテスト

はじめに  こんにちは、tuq376sです。今回は最近触り始めたE2Eテストの フレームワーク 、 TestCafe での初歩的な画面操作についてまとめたいと思います。  というのも、TestCafeはTypeScriptを用いて記述するのですが。 そもそも自分がTypeScriptも初めてかつ、 JavaScript も自信を持ってすらすら書ける! とは言えないレベルなので、 まずは「こう書けばとりあえず動作する」

#JavaScript #TypeScript #HTML #テスト 

【超入門】Markdown記法の使い方 (サンプル付き)

はじめに こんにちは。itoken1013です。 今回は Markdown (マークダウン) の超入門として、利用度が高い記法10選を紹介します。 入社研修が終わって配属先の上司や先輩とコミュニケーションをとられている新入社員の方や、在宅勤務で以前よりもオンラインコミュニケーションの機会が増えた方には是非とも覚えていただきたい記法ばかりです。 皆様の日々のコミュニケ

#HTML #Java #PHP #SaaS #Meetup #Vim 

突撃!となりのマイ・エディタ ~愛用のエディタは何ですか?~

こんにちは、技術広報の syoeshin です。 当社 ラク スの開発では様々ツールを使ってますが テキストエディタ を使用するケースも多く 若手もベテランも自分に合う テキストエディタ ”マイ・エディタ” を愛用してます。 テキストエディタ って種類が多くて ・結局どれを選ぶか? ・となりのあの人は何を使っているか? 気になりますよね。 そこで、今回は当社の若手

#Java #Node.js #SQL #Atom #Vim #HTML #Linux #iOS #Emacs #Lisp 

デザイナーがデザインツールを使わずに、React を使ってデザインした話

メドレーのデザイナー酒井です。最近、 JobMedley から CLINICS に異動しました。 自分はデザインはもちろん、HTML/CSS/JS 実装してプルリク送ったりしているちょっとフロントエンド実装領域に軸足が寄ったタイプのデザイナーです。 ここでは以前所属していた JobMedley 事業部の話をさせていただきます。 当時、JobMedley の社内システムのリニューアルプロジェクトにデザイナー

#Next.js #Vue.js #React #AWS #TypeScript #HTML #webpack #CSS #Git #プロトタイピング 

フロントエンドの爆速な開発サーバを実現する Vite を試してみた

こんにちは!スマートキャンプでエンジニアをしている中川です。 先日Twitterを何気なく眺めていたところ、Vue.js 生みの親の Evan You氏が何やら興味深いツイートをしているのが目に止まりました。 As I was going to bed, I had an idea about a no-bundler dev setup (using native browser ES imports), but with support for Vue SFCs **with hot reload**. Now it's almost 6AM and I have PoC working. The hot reload is so fast it's

#Vue.js #React #webpack #HTML 

髪型別コーデ検索におけるSPAの開発

こんにちは、WEAR部の繁谷です。 普段はバックエンドのエンジニアとしてWEARの開発を行っています。 ZOZOテクノロジーズは4月7日に「 髪型別コーデ検索 」をリリースしました。 プレスリリースは是非 こちら を御覧ください。 髪型別コーデ検索のフロントエンドはSPA(Single Page Application)でつくられており、こちらの開発を行った際に意識した設計について紹介します。 は

#Redux #Vue.js #React #JavaScript #PWA #HTML #API #インフラ #フロントエンド #アーキテクチャ 

クローラー運用を楽にするためのクラウドサービス比較

こんにちは!最近気になるニュースはスピノサウルスの尻尾の化石が発見されたこと 1 な、SRE部エンジニアの塩崎です。ZOZOテクノロジーズの前身となった会社の1つであるVASILYでは数多くのクローラーの開発・運用の担当をしてきました。 今回はその知見を生かして、クローラーを楽に運用するためのクラウドサービスを紹介します。 概要 データ解析を円滑に進めるため

#Vue.js #AWS #SRE #React #Google Cloud Platform #HTML #Python #Linux #MeCab #JavaScript 

社内勉強会 TechLunch でジョブメドレーでの CircleCI の活用と改善について発表しました

こんにちは、メドレープロダクト開発室 エンジニアの岸田です。 先日、社内勉強会 TechLunch にて、弊社の提供する医療介護分野の人材プラットフォーム「ジョブメドレー」の開発で利用している CircleCI での CI/CD についての取り組みを発表しましたので、紹介させていただきたいと思います。 ジョブメドレーの開発で CircleCI をどのように利用しているか ジョブメドレー

#Ruby on Rails #AWS #CircleCI #GitHub #React #Capistrano #Docker #テスト #HTML #Git 

Vue.jsのプロジェクトでチャット機能を作成する方法

こんにちは。y_kwmtです。 はじめに 少し前にVue.jsとFirebaseを用いて Google アカウントのログイン機能と Markdown 書式のメモを作成する機能を作成しました。 tech-blog.rakus.co.jp 以下のサイトを参考にして Markdown 書式のメモを応用したチャット機能を作成したので、 本記事では実装の準備、実装方法について紹介していきます。 cr-vue.mio3io.com はじめに 実装する機能 チャット機能

#Vue.js #Firebase #HTML #データベース #テスト 

Vue.jsのプロジェクトでGoogleアカウントのログイン機能とメモ機能を作成する方法

こんにちは。y_kwmtです。 はじめに 昨年にVue.jsの学習を行うためにこちらの書籍を読みました。 https://www.amazon.co.jp/Vue-js%E3%81%A8Firebase%E3%81%A7%E4%BD%9C%E3%82%8B%E3%83%9F%E3%83%8BWeb%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9-%E6%8A%80%E8%A1%93%E6%9B%B8%E5%85%B8%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA%EF%BC%88NextPublishing%EF%BC%89-%E6%B8%A1%E9%82%8A-%E9%81%94%E6%98%8E/dp/4844398350 www.amazon.co.jp こちらの書籍を参考に、 Google アカウントでロ

#Vue.js #Firebase #HTML 

簡単なAndroidアプリ作成しました

はじめに こんにちは。新卒2年目のEngawaです。 アプリ開発 を行うチームに配属された際に Android アプリの開発の入門とした簡単なアプリの開発をした時の所感を書こうと思います。 学習で参考にしたサイトはこちらになります 開発環境のインストール方法から エミュレーター の作成方法まで詳しく書かれているので、 Android Studio のバージョンで差異は若干ありますが

#Android #Android Studio #Java #HTML 

ソフトウェアテスト オールペア法のテストケース自動生成ツールを試してみた

こんにちは。新卒2年目のbadaikiです。業務でできることが徐々に増えていくなかで、まだまだ自分はできていないなと感じる日々を過ごしております。 はじめに オールペア法とは テストケース生成ツール PICT(Pairwise Independent Combinatorial Testing tool) pairwiser おわりに はじめに 前回ではテストの網羅率の向上、可視化するディシジョンテーブルについて記事を書きました。

#Apache #HTML #データベース #テスト #ソフトウェアテスト 

Chart.jsを用いてグラフを描画する方法

こんにちは。新卒2年目のy_kwmtです。今回は業務で取り扱っているChart.jsについて少し学習したので、 紹介していきたいと思います。 Chart.jsとは 折れ線グラフを描画する 棒グラフを描画する おわりに 参考にしたサイト Chart.jsとは グラフを簡単に描くことができる Javascript のライブラリです。 グラフは HTML5 の Canvas を使って描画することができます。 描画できるグラフ一

#JavaScript #HTML 

Goでレイヤードアーキテクチャのボイラープレートコード自動生成ツールを作った話

2019 アドベントカレンダー23日目 この記事は BASE Advent Calendar 2019 の23日目の記事です。 devblog.thebase.in こんにちは、11月よりBASE BANK株式会社に入社し、Dev Divisionに所属している清水( @budougumi0617 )です。 23日目の本記事では、レイヤードアーキテクチャを採用している上で頻出するであろうボイラープレートの悩みを共有します。 そして、Go言語(以下Go)でコードを自動生

#Go #Python #OSS #HTML #テスト #アーキテクチャ #設計