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

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

GraphQL 採用における反省と Apollo Server の運用について

こんにちは。武田( @tkdn )です。 GraphQL を API として採用したサービスを今年序盤にリリースしています。具体的な内容は今年の夏サミ 2020 の公募枠でお話させていただいたのでよろしければ資料もご参考ください。 週一でリリースし続けるためのフロントエンドにおける不確実性との戦い方 / Developers Summit 2020 Summer C-4 - Speaker Deck 今日は GraphQL や Apollo Server についての振

#GraphQL #API #Node.js #Datadog #Scala #AWS #Go #HTML #webpack #コードリーディング 

今日からできる!Chrome拡張機能による業務改善入門

はじめに こんにちは ラク ス開発エンジニアのhyoshです。 激動の2020年も残りわずかとなる中、皆様はいかがお過ごしでしょうか。 今回は私が自作の Chrome 拡張機能 を用いて業務を効率化した方法についてご紹介させていただきます。 同じような課題に悩んでいる方のお力となれば幸いです。 はじめに 起きていた問題 どうやって解消したか Chrome拡張機能とは? 環境構築

#JavaScript #HTML #CSS 

デザイン編集リニューアルまでの長い道のり

この記事はBASE Advent Calendar 2020の14日目の記事です。 devblog.thebase.in こんにちは。BASE株式会社 デザインチームの北村( id:lllitchi ) です。 「BASE」は今年の10月に、デザイン編集機能のフルリニューアルを行いました。 binc.jp baseu.jp デザイン編集はサービスリリース当初からほぼ改修されず、「BASE」の管理画面の中でもかなり古いUIの画面でした。ショップデザインを作るメイ

#CSS #HTML #フロントエンド #ワークスタイル #ノーコード/ローコード 

【初心者向け】Laravel 入門 まとめ

はじめに 初めまして。配配メール開発課 Jazumaです。 今回は PHP の フレームワーク Laravelの環境構築~基本機能の動作確認を行います。 Linux 環境での作業を前提としていますので Windows や Mac ではこの記事の手順でLaravelの環境構築をすることができません。予めご了承ください。 はじめに Laravelとは Laravelのメリット 動作環境 Laravelの環境構築 PHPのインストール Laravelのイ

#Laravel #PHP #Windows #Linux #HTML #JavaScript #データベース #初心者 #OSS #セキュリティ 

Internet Explorer のサポート終了とその後の BASE の進化

フロントエンドチームの右京です。サービスの利用者向けには BASE U にて告知いたしましたが、2020 年 11 月 15 日をもって BASE は Internet Explorer 11 (以下 IE11) のサポートを終了しました。サポート終了と聞くと基本的にはネガティブな印象になりがちですが、ここでは主に開発者に向けて、サポートを終了することによって広がる新しい未来の話をしたいと思います。 ショッ

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

Node.js+フレームワーク「Express」構成でのWEBサービスでコンテンツのgzip配信を独自実装した件について

はじめに こんにちは、YSです。 今回は、Node.js+ フレームワーク 「Express」を使用して作成されたwebアプリケーションで 静的コンテンツを gzip 配信できるように独自で対応した件について共有させていただきます。 はじめに 基本知識 Node.jsとは? Expressとは? Expressのインストール方法 プロジェクトの作成 Expressの使い方 プロジェクトの構成について 本題 サービスの構成

#Node.js #JavaScript #CSS #HTML #テスト #初心者 #セキュリティ #設計 

【入門】Spring Bootとは~実践まで

Spring Boot入門 こんにちは。高照です。 Webアプリケーションを作成する際にどうすれば作成できるのか、またはSpring Boot聞いたことあるけど、どういうものなのかよくわからない! という方に向け今回は簡単にWebアプリケーションを作成できる フレームワーク のSpring Bootについてご紹介します。 ちなみに私は普段の業務では SAStruts という フレームワーク を使用していま

#Java #Eclipse #Tomcat #HTML #IntelliJ IDEA #Spring #JavaScript #CSS #WordPress #Vue.js 

Webスクレイピングとは?Pythonで始めるWebスクレイピング実践・活用法

はじめに Webスクレイピングの基本事項 Webスクレイピング(Scraping)とは Webスクレイピングの活用シーン Webスクレイピングの基本的な仕組み Webスクレイピングの注意事項 取得先への攻撃とみなされたり、規約違反や、著作権法違反に問われることもある 取得先の変更に影響を受ける 取得先がAPIを公開しているならそちらを活用する方が良い Webスクレイピングの実践方法 Web

#Python #HTML #API #Java #Ruby #PHP #Selenium #C言語 #機械学習 #データ分析 

Safie Viewerのデザイン改善に向けて意識したこと・良かったこと

デザイナーの木下です。2020年5月から主に Safie Viewer[セーフィービューアー(Webアプリケーション)] のユーザーインターフェイスデザインを担当しています。Safie Viewerのカメラ一覧画面の機能追加およびデザイン変更を機に、ユーザーインターフェイスデザインの改善を担当し始めました。 Safie Viewerのカメラ一覧画面の機能追加とデザイン変更にあたり、Safie Viewer全体

#API #UIデザイン #Sass #CSS #JavaScript #HTML 

Scrapyを使って自社SNSに特定形式の文字列が含まれていないかチェックする方法

こんにちは、ジャポニカ学習帳の表紙に昆虫が戻って来た 1 ことに喜んでいる、SRE部エンジニアの塩崎です。 先日、有名な投稿型メディアプラットフォームで投稿者のIPアドレスが漏洩するという事象が発生しました。我々ZOZOテクノロジーズが開発・運用しているWEARも、ユーザー投稿型のサービスであるという意味では同様であり、もしかしたら投稿者のIPアドレスを漏

#Ruby #Python #PaaS #IPython #SRE #AWS #CSS #HTML #OSS #Ruby on Rails 

実務未経験からエンジニアとして入社し1年が経ちました

こんにちは!セーフィー株式会社オペレーションシステム部の大林です。 私は2019年9月に実務未経験からエンジニアとしてセーフィーに入社しました。ちょうど1年が経った頃なので、この1年間でやってきたことや感じてきたことを紹介してみようと思います! まずは自己紹介 オペレーションシステム部って? 1ヶ月目 Vue.jsとにらめっこ 3ヶ月目 独り立ち!? 辛い時期も

#Ruby on Rails #Vue.js #Salesforce #HTML #TypeScript #CSS #Python #GitHub #API 

JSON Schemaを用いたAPI Gatewayの設定ファイル管理

こんにちは、ECプラットフォーム部の鶴見、竹中です。普段はZOZOTOWNのリプレイスに関わるID基盤とAPI Gatewayの開発を行っています。 本記事では、API Gatewayの開発で取り入れているJSON Schemaを使ったドキュメントの自動生成および、スキーマの自動検証を紹介します。 API Gateway設定ファイルの運用改善 弊社で開発しているAPI Gatewayは、APIへのリクエストのルーティングやリト

#GitHub #Python #HTML #API #AWS #Ubuntu #Go #JavaScript #CSS #インフラ 

Pug を HTML に移行して .vue ファイル の template タグ内に ESLint を効かせた話

こんにちは!スマートキャンプで インサイドセールスに特化した SaaS を作っているエンジニアの中川です。 上記プロダクトのフロントエンドは Vue.js を用いて開発しているのですが、 その中で SFC 内の template タグで使用していた Pug をやめて HTML に移行した件をこの記事ではお話しようと思います。 また、実際に template タグに ESLint を効かせてみて発覚したエラーや警告

#Vue.js #HTML #SaaS #JavaScript #GitHub #API 

Vue.js で疑似要素に動的なスタイルを適用する

ブロックチェーンチームのソフトウェアエンジニアの id:odan3240 です。 Vue.js で、input タグの ::placeholder 疑似要素に動的なスタイルを当てたい場面がありました。 この記事では、その際の問題と解決方法について紹介します。 この記事のゴール Vue.js では HTML クラスのバインディング や インラインスタイルのバインディング を用いて、動的にクラスやインラインスタイル

#Vue.js #HTML #CSS #プログラミング #ブロックチェーン 

クラウドセキュリティ対策の第一歩!OSSのマルチクラウド対応セキュリティ監査ツール「Scout Suite」導入のすすめ

こんにちは。SRE部BtoBチームの竹田です。本記事では、クラウドインフラ環境のセキュリティ対策を講じようと思いつつも何から着手すれば良いのか分からないという方向けに、マルチクラウドに対応したオープンソースのセキュリティ監査ツールであるScout Suiteを紹介します。 Scout Suiteとは Scout Suiteはマルチクラウドに対応したオープンソースのセキュリティ監査ツール

#AWS #Python #Google Cloud Platform #SRE #HTML #Alibaba Cloud #GitHub #R #Azure #インフラ