For a very long time, I wanted to expose different ways to make calls to our API. In this chapter, I will talk about the pattern that worked best for me, so allow me to introduce you to the RepositoryFactory. I love this approach because it scales very well, and at least for me, it has worked almost always. Let me explain why:On the one hand, we will use the repository pattern to access our resour

High performance web applications are crucial to a great user experience. As web applications become more and more complex, understanding performance impact is vital to creating a compelling experience. Over the past few years, a number of different APIs have appeared in the browser to help analyse performance of the network, load times, etc. but these don’t necessarily give fine-grained detail wi

Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to trigger the native share dialog of a device (or desktop, if using Safari) when sharing content — say a link or a contact card — directly from a w

サーバ側でブラウザの言語設定を見るには Accept-Language ヘッダを読めばいいけど、クライアント側でそれに該当する情報を取得したくなったので、調査結果をメモ。 言語設定を取得するスクリプト とりあえず結果があればいい人向けに、最初に結論を書いておきます。 // 最優先の言語だけ取得 var language = (window.navigator.languages && window.navigator.languages[0]) || window.navigator.language || window.navigator.userLanguage || window.navigator.browserLanguage; // クライアント側で受け付けている言語リストを取得 var languages = window.navigator.languages || [ w

こんにちは、@yoheiMuneです。 大変久しぶりなブログの更新で少しドキドキです。今日はよくお世話になっているaxiosというHTTPクライアントのライブラリの使い方を、ブログに書きたいと思います。 目次 axiosとは axiosは、HTTP通信を簡単に行うことができるJavascriptライブラリです。本ブログのタイトルには「フロントエンド」と書きましたが、Node.JSでも利用できます。axiosの特徴して以下のような点が挙げられます。 axiosの特徴 XML HttpReqestを簡単に生成できる Promiseベースである カスタムヘッダーやBasic認証など、いろいろなオプションが手軽にできる インストールは簡単で、npm経由で導入できます。 $ npm install axios それでは、axiosの機能を具体的に見てみたいと思います。 axiosを使う ここからはa

「PWA Night vol.4 ～PWAのミライや活用方法をみんなで考えよう～」にて登壇した発表資料です。 https://pwanight.connpass.com/event/128434

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? VueConf USでのさまざまな発表 今年の3月に VueConf US が開催されました。最近になってビデオが公開されて初めて知ったこともあるので本記事ではその紹介をします。 いろいろ面白いトピックがあるのですが、特にVueコアチームのGuillaume Chauさんによるパフォーマンス改善テクニックはまじかーという感じだったのでここにまとめたいと思います。 "9 Performance Secrets Revealed with Guillaume Chau" プレゼン動画: http://www.youtube.com/watc

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s

じまぐ @nakajmg Frontend Engineer at PixelGrid Inc. + 副業

webARとは... AR技術をWebブラウザ上から利用できるようにしたもの。今回はfirefoxなどを開発しているmozillaが出している AFrameと、AR.jsを駆使してARを作成していきます！ 実際に開発しているコードは以下です！ https://github.com/poccariswet/webAR AFrame AFrameは言った通り、mozillaが開発しているjsのライブラリです。 WebVRフレームワークで、以下のような特徴を持っています。 WebGLの知識がなくても、簡単にVR環境を構築可能 レスポンシブなVRサイトを作れる MITライセンスでソースが公開 AR.js インストールの必要性がない 軽量かつ高速 WebGLとWebRTCで動作可能 mobileは Android5.1以上のChrome iOS11以上のSafari 今回やること AR空間上に、自分

2017/09/13 JavaScriptを使って、カラーコードのRGB(例: 255,0,0)をHEX(例: #FF0000)に変換します。 サンプルコードRGBは10進数の数値が3つ集まったものです。これら3つの数値を単純に16進数に変換して繋げてあげたものがHEXです。ただし、1桁の場合は0埋めしなければいけません。 function rgb2hex ( rgb ) { return "#" + rgb.map( function ( value ) { return ( "0" + value.toString( 16 ) ).slice( -2 ) ; } ).join( "" ) ; } rgb2hex( [ 255, 128, 64 ] ) ; // #ff8040デモ好きなRGB値を指定して、HEX値を確認してみて下さい。 function rgb2hex ( rgb )

※2021/5/14 更新※ この記事は古い内容で書かれています。 この記事で使用している eslint-plugin-prettier は 2021/5/14現在 Prettierから推奨されていません。 https://prettier.io/docs/en/integrating-with-linters.html#notes 最新の情報は https://prettier.io/ や https://eslint.org/ から収集してください。 はじめに とあるプロジェクトで、初めて eslint と prettier による静的検証とコードを整備したのですが、全容を理解するまで難しかったので、その内容をまとめます。 主にVue.js向けの内容ですが、知識としては汎用的な内容だと思います。 対象者 eslintとprettierそれぞれが何者で、何をしているかわかっているんだけど

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert