classi angular night
NgRxに敗れたが、 この経験は無駄ではなかった 2019/01/31 Classi Angular Night #1 Yuto Hara
Web App Install Banners | Web Fundamentals | Google Developers
How to provide your own in-app install experience Stay organized with collections Save and categorize content based on your preferences. Many browsers make it possible for you to enable and promote the installation of your Progressive Web App (PWA) directly within the user interface of your PWA. Installation (sometimes formerly referred to as Add to Home Screen), makes it easy for users to install
手元のコードのパフォーマンスを計測するperformance.markのスニペット
一部の機能をパフォーマンス改善したときにそれを計測したり、データを集めたいときがあります。 しかし、それだけのためにライブラリを追加するのも面倒くさい(実装後に計測コードは外すので)し、コンソールに結果を出すのもデータ収集的にイマイチです。 // よくあるコンソールに表示するパフォーマンス計測コード const start = performance.now(); // ------------ // 計測したい処理を書く // ------------ console.log(`${performance.now() - start}ms`); 結果をコピーしてSpreadSheetなどで可視化できたり、処理時間と関連する要素も保存しておきたいです。 (コンソールに出力すると埋もれたり、加工がめんどうです) そのようなときによく使っているPerformance.mark()とPerfor
Amazon.co.jp : 東京大学出版会 基礎数学
商品詳細ページを閲覧すると、ここに履歴が表示されます。チェックした商品詳細ページに簡単に戻る事が出来ます。
「きちんと管理すれば企業は成長する」の迷信が企業を衰退させる〜ToMo指数の研究〜｜Yasuhiro Yoshizawa
事業が軌道に乗り、ここ２１ヶ月連続で、毎月売上記録を更新してきたベンチャーA社は、ついに念願の上場を迎えた。 ところがその直後、毎月の売上が急激に鈍化。役員たちは、上場初年度の売上予測の下方修正といった事態をなんとしても避けたいため、事業を担うマーケティング部長、営業部長たちに、こう檄を飛ばす。 「もっとしっかりと分析を行って、何を改善すべきかレポートにまとめてくれ。そして、速やかに改善計画を立て、実行してほしい」 今振り返れば、このときまでが、A社の繁栄のピーク。 この号令を境に、事業を担うメンバーたちは、「今月は、お客さんへのリーチを２０％回復させるためになんとかしなければ」「来訪したユーザが、うちのサイトで購入してくれる率を５％改善しよう」など、計画に基づいて打ち手を探るが、なぜか以前のようなインスピレーションも沸かなければ、ありきたりなアイデアばかりの繰り返しとなる。 一向に成長の
Chart.js · Chart.js 日本語ドキュメント
[目次]、[設定]、[共有]は上部ボタンで↑ Chart.js インストール GitHub のリリースからChart.jsの最新バージョンをダウンロードするか、Chart.js CDN を使用します。詳しいインストール手順は、インストールページに記載されています。 グラフを作成する Chart.js を使い始めるのは簡単です。ページに、スクリプトと、チャートをレンダリングするための<canvas>ノードを一つ置くだけです。 この例では、一つのデータセットを持つ棒グラフを作成し、ページ内でレンダリング(描画)します。 Chart.js の使用方法は使用方法のページでも見ることができます。 <canvas id="myChart" width="400" height="400"></canvas> <script> var ctx = document.getElementById("myC
classi angular night
NgRxに敗れたが、 この経験は無駄ではなかった 2019/01/31 Classi Angular Night #1 Yuto Hara
AngularのBehaviorSubjectでコンポーネント間の情報を共有する - to-R
AngularのBehaviorSubjectでコンポーネント間の情報を共有する コンポーネント間で情報共有ですが、ReactならReduxやMobXなどがあり、VueならVuexがあり、Storeを作成することでどのコンポーネントからも共通の情報にアクセスすることが可能です。 Angular にはデフォルトではそういったFlux機能は提供されておらず、コンポーネント間で情報を共有するには RxJS のBehaviorSubjectを利用する方法がよく利用されます。 Subjectとは？ そもそもRxJSのSubjectとはなにかから解説します。RxJSのSubjectは Observerとしても Observable としても動くクラスです。 ObserverとObservable 通常、RxJSではObservableクラスを通して、ストリームを購読できるObservableとストリー
BehaviorSubjectでAPIの結果をキャッシュ - Carpe Diem
概要 クライアントからのAPIコールは可能であれば避けた方がサーバの負荷も下がり、ユーザの体感速度も上がります。 １度取得すればほぼ変わらないデータなどは、最初にAPIコールした後はできれば避けたいです。 一方でcookieやlocalstorageで管理するほどでもない、というときはBehaviorSubjectを利用します。 環境 Angular 4.3.4 rxjs 5.4.2 BehaviorSubjectとは 基本的な動作 BehaviorSubjectの大きな特徴は直前にonNextで渡された値を保持し、subscribe()やgetValue()するとその保持していた値を取得できるところです。 ref: ReactiveX - Subject サンプル const sub = new Rx.BehaviorSubject(1); sub.subscribe(v => { co
Knex cheatsheet
Install any of these packages along with knex. See: Node.js installation Connect via host var knex = require('knex')({ client: 'mysql', connection: { host: '127.0.0.1', user: 'your_database_user', password: 'your_database_password', database: 'myapp_test' }, pool: { min: 0, max: 7 } }) See: Initializing the library Connect via URL var pg = require('knex')({ client: 'pg', connection: process.env.DA
TypeScriptでExpress.js開発するときにやることまとめ (docker/lint/format/tsのまま実行/autoreload) - Qiita
TypeScriptでExpress.js開発するときにやることまとめ (docker/lint/format/tsのまま実行/autoreload)JavaScriptExpressTypeScriptDocker ステップごとに分けてあるので、導入したい箇所だけつまみ食いすることも可能です。 気力が残っていれば、追記で本番環境の運用についても書きたいです… express.jsをDockerで起動 TypeScript導入 TSLint + Prettier導入 node-ts導入: dev環境はトランスパイルなしでtsファイルのまま開発 nodemon導入: dev環境はファイル変更を検知して自動リロード 記事ではnode.js 8.12を使用しています。 8系から、npm install時に自動的に--saveオプションが付くようになっていますので、 記事内で「あれ？--saveし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: [アディダス] スニーカー COURT70S M(現行モデル) グレー/ランニングホワイト/ランニングホワイト 25.5 cm: Shoes
Amazon.co.jp: [アディダス] スニーカー CLOUDFOAM VALCLEAN SUE(現行モデル) メンズ: Shoes
Getting Started with React TypeScript and Webpack - DEV
iPod touchを「TOSHIMA Free Wi-Fi」で無料インターネット接続する方法 | iPod Wave
Amazon.co.jp: トポロジー バッグ マルチピッチバックパックスモール ネイビー: Shoes
サーバレスアーキテクチャ + SPAで SSRなしのSEO対策した話
Angular Platform
Angular Update Guide
LINE Developers
