SaaSメトリクス解説｜Yuin Tei
SaaSのメトリクス（経営指標・KPI）を分かりやすく・詳しく解説します。 ・21個の重要なSaaSメトリクスを解説 ・92枚のスライドと22,000文字の説明 ・84の参考情報をメトリクスごとに整理 ・27の厳選リソース集（統計・レポート・SaaS Playbook） 想定する読者 1. SaaS企業の経営者（自社の現状分析、競合分析、経営指標として） 2. SaaS企業で働く方（事業への理解、チームのKPIとして） 3. SaaSで起業を考えている方（起業戦略の材料として） 4. ベンチャーキャピタリスト（投資検討の指標、リサーチの材料として） なぜ書くか SaaSは米国で誕生しました。そのメトリクスも米国で研究され、発展してきました。しかし、英語圏においても様々な解釈があり、日本語の情報も限られます。正解はどこにもありません。これでは理解するのに膨大な時間を要し、活用するのも困難です
データ分析のはじめの一歩を無料で学べる 総務省監修の高校教材『データサイエンス・データ解析入門』がpdfで公開 | Ledge.ai
サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。
フォント読み込みの影響を軽減するための新しい方法：CSSフォントディスクリプタ | POSTD
クイックサマリー ‐ Webフォントは往々にしてWebのパフォーマンスをひどく低下させており、この問題に対して特に効果的なフォント読み込みの戦略は存在しません。しかし、今後公表されるフォントのオプションによって、フォールバックフォントを最終的なフォントに合わせやすくなるかもしれません。 フォントの読み込みはWebのパフォーマンスにとって長年にわたる悩みの種であり、これを解決する良い方法はありません。Webフォントを使用する場合は基本的に、フォントをダウンロードするまでテキストが表示されないFOIT（Flash of Invisible Text）か、最初はフォールバック用のシステムフォントを使用し、ダウンロードが済んだらWebフォントに更新するFOUT（Flash of Unstyled Text）のどちらかを選ぶ必要があります。正直に言って、どちらの選択肢もあまり満足の行くものではなく、
「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ｜ハイクラス転職・求人情報サイト AMBI（アンビ）
scalar型を新しく定義するためにはscalarキーワードを使います。例えば、Date型を新しく定義するには次のようにします。 scalar Date スキーマではこれだけですが、実際に使う際はGraphQL処理系に対してさらにシリアライズとデシリアライズを定義することになります。 GraphQL組み込みのscalar型は先にあげたものだけなので、例えばバイナリ、日付と時刻、HTML/XML、BigIntなどを必要に応じて追加することになるでしょう。ただしその場合、サーバーサイドとクライアントサイドでシリアライズ・デシリアライズの実装を一致させる必要があります。 Enum enum（イナム）はscalar型の一種で、特定の値のみを持つ型です。例えば、組み込みscalar型であるBooleanをenumで宣言すると次のようになるでしょう。 enum Boolean { true false
歯医者にダマされて はいけない 「削る」「抜く」はもはや時代遅れ 虫歯・入れ歯の常識はこんなに変わっていた（週刊現代） | 現代ビジネス | 講談社（1/5）
歯は、全身の健康と深く関係する。今やコンビニより数が多い歯科医院。その中で誠実な歯医者と出会うのは、とても大切だが至難の業だ。お金も健康も損なわない歯医者選びの真実を徹底取材した。 行かない方がマシだった 「私は、若いころから歯が丈夫とはいえませんでしたが、50代半ばを過ぎたころから、年に1回の頻度で虫歯になるようになってしまったんです」 こう語るのは、東京都杉並区在住の金子信之さん(63歳・仮名)だ。都心のマンションに暮らす金子さんは、当時近所にあった歯医者に通い、虫歯の治療を受け続けてきた。 「そこは1回の治療が10分ほどで、2~3回通うだけですぐに終わる。しかも、どんなに小さな虫歯でもすぐに削ってくれるし、かなり痛い時は、頼めば神経を抜いてくれるので、気に入っていたんです。ところが、神経を抜いた後の治療が雑で、すぐに詰め物が取れてしまったり、差し歯が欠けたりして、口の中はボロボロ……
建築士「鳥居は理論上立つわけがない」鳥居が何千年も立っていられる謎は未解明だった？建築関係の方々が知恵を持ち寄り真相に迫る→その答えは…
酒樽 蔵之介 @KulasanM 建築士の方から、あくまで伺った話なんだけども。 神社の鳥居って、いまの建築計算上からすると「立つわけがない数値」になるんだそうな。でも「あの形にすると何故か立つんだよ……」って教わったとき、ちょっと怖かったのを思い出した('ω';) 2018-08-04 23:38:43
《ボックス・天板 Lセット》 グリーンをボックスに入れて、天板を被せるだけ。グリーンが暮らしの“主役”になる全身無垢材コーヒーテーブル｜Hang Out｜MONOCO
ハート型の葉が人気のモンステラに、華やかなエケベリア……お気に入りの観葉植物や多肉植物は、部屋の隅じゃなくて、暮らしの“まんなか”で楽しみたい。 Hang Out があれば、植物はもっと身近になります。無垢材の天板を植木鉢の上に置くだけで、おしゃれなコーヒーテーブルに早変わり。天板からグリーンがのぞくテーブルは、リビングのまんなかやソファサイドにぴったり。 グリーンを眺めながらお茶したり、本やオブジェを飾ったり、日記を書いたり。Hang Out で植物との暮らしはもっと楽しくなります。 緑を身近に感じる、全身無垢材コーヒーテーブル いま大人気の観葉植物や多肉植物が“主役”になる、まったく新しいコーヒーテーブルです。組立て方はとっても簡単。植木鉢を、専用ボックスにすっぽり入れたら、あとはお気に入りの天板を上にセットするだけ。 最後に、植木鉢のグリーンを囲むように、2枚の板材を付属のビスではめ
ECMAScript 2015以降のJavaScriptの`this`を理解する
この記事はJavaScriptの入門書として書いているjs-primerのthisに関する部分をベースにしています。 またjs-primerでは書けなかった現在時点(2018年1月1日)でのブラウザの挙動についてを加えたものです。 次の場所にjs-primer版（書籍版）のthisについての解説があります。 この記事と違って実際にコードを実行しながら読めるので、学習ソースとしては書籍版を推奨します。 書籍版: 関数とthis · JavaScriptの入門書 #jsprimer また、バグ報告やPRも直接リポジトリにして問題ありません。 asciidwango/js-primer: JavaScriptの入門書 おかしい場所を選択した状態で右下にある”Bug Report”ボタンを押せば、簡単にtypoとかのバグを報告できます。(PRでも歓迎) 前置きはこの辺までで、ここから本編。 この記
AMP Showcase at Ameba | CyberAgent Developers Blog
アメブロでは2016年2月にAMPページの提供を開始し、リリース以降いくつかの改善を重ねてきました。そして2017年、できるだけオリジナルサイトのユーザー体験を再現できるようにAMPページをアップデートしました。本記事ではその一例をご紹介します。 LazyLoad With <amp-list> オリジナルサイトではブログ本文に関係ないページ下部の要素をLazyLoadし、表示速度を改善しています。AMPページでは<amp-list>を使用して同様のことを実現しています。 <amp-list>ではXHRでデータを取得し、描画します。他の多くのAMPエレメントと同じように、スクロールに応じて画面表示領域に近付いた時にデータ取得・表示処理をおこなうので、LazyLoadを簡単に実装できます。 ページ下部のモジュール群はスクロールに応じて遅延表示されます。 <amp-list>のsrc属性には、
Webサイト開発にCSS in JavaScriptを使うのはやめよう | POSTD
9つのおとぎ話 CSSは迷走しています。JavaScriptでドキュメントをスタイリングしているプロジェクトでは、多くの場合誤った理由からその方式を選択しています。本稿では、よくある誤解（神話）を列挙し、そうした問題に対するCSSソリューションを紹介します。 本稿は、特定のプロジェクトや人物への攻撃を意図するものではありません。ここでは、“CSS in JavaScript”(CSS in JS)を styled-components を使用することと定義します。これは、Reactのコンポーネントをスタイリングする最近のトレンドとなっています。 styled-components の作者である Max Stoiber と Glen Maddern 、また彼らに協力した人々は皆、卓越したアイデアと善意にあふれる優秀な人々です。 完全な透明性のために断っておくと、私は react-css-mo
JavaScriptでWebRTCやるための基礎知識 - console.lealog();
未来の自分のためのメモです。 仕事でやってないせいですぐ忘れるし、都度思い出すの大変なので・・。 ただまぁだいたいの人はSkyWayとかEasyRTCとか何かしらのライブラリを使うはずで、そういう人たちにはあまり関係ない内容かも。 生のjsでWebRTCを書くときに、先に知っておきたかった系のメモです。 素人ではないがベテランでもない、そんな微妙な知識レベルだと思います。 まだ枯れた仕様ではないので、記事を読む時は日付に注意してください... WebRTC is 何 WebでRealTimeCommunicationできる仕様 もといクライアントどうしでP2Pで通信できる仕様やそのAPI群 See WebRTC Home | WebRTC 仕様まわり WebRTC 1.0: Real-time Communication Between Browsers Identifiers for W
初心者向け：これからSketchを使いたい人へ！ Sketchの使い方のまとめ｜Sketch Advent Calendar 2016 | tipsBear
初心者向け：これからSketchを使いたい人へ！ Sketchの使い方のまとめ｜Sketch Advent Calendar 2016 この記事はSketch Advent Calendar 2016 21日目のエントリーです。 Sketchを本格的に業務に取り入れ始めたのが2015年の初夏頃なので、ちゃんと使いはじめて1年半ぐらいでしょうか。今ではアプリのデザインは全部Skechで作っています。ついでに今回から記事のキャプチャ管理するのもSketchに変えています。Sketch便利で大好きです。 今更感が凄いですが、気になってるんだけどまだSketchを使っていないんだよな〜という方や、基本的な動作のおさらいをしたい方向けに、Sketchの使い方や覚えておくと便利な機能を簡単にまとめてみました。SketchのUIは直感的で分かりやすいので、学習コストも少なく、初心者でもすぐ扱えるようにな
オリジン間リソース共有 (CORS) - HTTP | MDN
HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基本 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection Mozilla web security guidelines Mozilla Observatory HTTP アクセス制御 (CORS) HTTP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tondemodesign.com
CORS(Cross-origin resource sharing)って何？