はてなブックマーク

はじめに .NET 6でBlazor WebAssemblyにAOT (Ahead-of-time) コンパイルがサポートされました。従来のBlazor WebAssembyアプリでは.NETのコードはWebAssemblyに実装された.NET中間言語インタープリタを使用して実行されるため、.NETコードの実行は通常の.NETランタイムよりも遅くなります。AOTコンパイルによって.NETのコードをWebAssemblyに直接コンパイルすることでパフォーマンスの向上が期待されます。 この記事の手順では最初にBlazor WebAssemblyでサンプルアプリを作成して処理時間を計測してから、次にAOTコンパイルして同様に処理時間を計測します。また、Azure Static Web Appsを利用してアプリをAOTコンパイルしてデプロイします。最後に参考として実際に開発したアプリでAOTコンパ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに スクラム開発における「プロダクトオーナー」という役割をご存知でしょうか！？ これまでウォーターフォール開発の経験しかなかった私が、今年の4月から一転アジャイル開発：スクラムチームの中で**「プロダクトオーナー」**という役割を担うことになり、世界は一変。 ほどなくチームにJOINし、なんとなく「スクラム風」にやり過ごすという日々。 そんな中、念願かなって、Scrum Inc.認定資格プロダクトオーナー（Licensed Scrum Product Owner、 LSPO）研修に参加できる機会をいただき、改めてスクラムとプロダク

背景 Vue.jsを用いたアプリケーションでDI（Dependency Injection, 依存性の注入）を行いたくなった時、どうすればよいでしょうか？ まず、Vue.js向けのDIライブラリを探してみます。Awesome Vue をみてみると、2つライブラリがあることがわかりました。 vue-container vue-inject また、NPMで検索するとさらに多くのライブラリが見つかりました。 これらのライブラリの問題点は、それぞれのドキュメントを読んでもらうとわかるのですが、サービスロケータパターンになっていることです。つまり、VueコンポーネントがこれらのDIライブラリに依存してしまっている、と言うことです。（参考記事： やはりあなた方のDependency Injectionはまちがっている。 — A Day in Serenity (Reloaded) — PHP, Fue

きっかけ CrowdWorksさんやSmartHRさんが、CircleCIの2.0にしたら、 CIの実行時間が短くなったというブログをあげていたので、 自分もCircleCI2.0を試してみました。 今回はRailsのWebアプリで試しています。 思った以上に色々詰まったので、備忘録としてあげておきます。 環境 Ruby 2.4.1 Rails 5.1.3 PostgreSQL 9.5 1. CircleCIのドキュメント通りに実行 まずは、CircleCI のドキュメント通りに実行します。 CircleCI1.0の時から、設定ファイルの置き場所が変わったので要注意です。 プロジェクトディレクトリ直下に、 .circleci/config.yml ファイルを作成して、以下のように記述します。 version: 2 jobs: build: parallelism: 3 # working_

はじめに この記事を書いて１年経ちました。 １年間でVue.jsとTypeScriptの環境は大きく変わりました。まずは、その辺を色々と紹介していきます。そのあと、サンプルを作成します。 2017年3月19日に追記 作成したサンプルがエラー吐くとのissueを受けたのを機に、サンプルを結構いじりました。サンプルも必ずチェックしてね。 この１年間で変わったこと Vue.js 2.0がリリースされた 新しいメジャーリリースに際し、TypeScript関連で一番大きく変わったのは、型定義ファイルの提供方法です。バージョン１まではDefinitelyTypedに型定義ファイルを登録していました。そのため、tsdやtypingsで型定義ファイルをダウンロードする必要がありました。 一方新しいバージョンからは、Vue.jsのリポジトリ内に型定義ファイルがあります。したがって、npmなどを使ってライブラ

Help us understand the problem. What is going on with this article?

はじめに ここ最近、TypeScriptが注目を浴びているように思います。TypeScriptはJavaScriptの世界に「型」を導入し、またES6以降の文法をES5以下の文法で表現できるように変換してくれる有り難い存在です。しかしながらVue.jsのプロジェクトでTypeScriptを使うのはこれまで難しいことでありました。なぜなら、View ModelのコンストラクタがTypeScriptのクラス構文と相性が悪かったからです。 class App { firstname: string; lastname: string; constructor(firstname: string, lastname: string) { this.firstname = firstname; this.lastname = lastname; } get fullname(): string {

Androidで開発しててAPI通信しようとしたらまず思いつくのは、AsyncTaskですよね。 自分でスレッドを起こしてなんやかんやするよりはるかに便利です。 APIからニュース記事を取ってきて画面に表示するイメージで使い方を簡単に説明します。 コツ: AsyncTaskはモデルから使うこと AsyncTaskはモデル層の中で使います。今回は説明を簡単にするため、シングルトンにしてあります。 refreshが呼ばれたら、AsyncTaskを起動してデータ通信をします。 アンチパターンとしては、ActivityやFragmentの中で直接AsyncTaskを呼び出してしまうというのがあります。するとActivityやFragmentの状態を管理しなければいけないためにフラグが増えていきます。これは便利ではありません。 import android.os.AsyncTask; import

Android 5.0 で厄介な現象を発見したのでメモ。 2015/04/08 追記 WebView 42 で修正されたかも。 現象 アプリのWebViewでサイトを閲覧しているとJavaScriptのダイアログが出ない。 confirmダイアログが出ず、常にキャンセル扱いとされるため、ボタンを押しても何も起きないように見える。 つまり確定ボタンなど、ここぞというボタンが動かない！！！ 発生するバージョン Android 5.0 WebView 41 (現時点で最新版) https://play.google.com/store/apps/details?id=com.google.android.webview&hl=ja なぜこのような問題が？ 半日くらいかけて調べましたが、どうやら不具合のようです。地味に影響大きいんじゃ？？ 回避方法 思いつくままに WebViewをアンインストール

[color] diff = true branch = true [receive] denyCurrentBranch = refuse denyNonFastForwards = true denyDeletes = true [alias] graph = log --graph --date-order -C -M --pretty=format:\"<%h> %ad [%an] %Cgreen%d%Creset %s\" --all --date=short g = log --graph --date-order -C -M --pretty=format:\"<%h> %ad [%an] %Cgreen%d%Creset %s\" --date=short st = status co = checkout ci = commit now = rev-parse --abb

# include <ngx_config.h> # include <ngx_core.h> # include <ngx_http.h> static char *ngx_http_hello_world(ngx_conf_t *cf, ngx_command_t *cmd, void *conf); static ngx_command_t ngx_http_hello_world_module_commands[] = { { ngx_string("ngx_hello_world"), NGX_HTTP_LOC_CONF|NGX_CONF_NOARGS, ngx_http_hello_world, 0, 0, NULL, }, ngx_null_command, }; static ngx_http_module_t ngx_http_hello_world_module_ctx

# include <thread> # include <iostream> # include <unistd.h> # include <atomic> using namespace std; class my_service { public: void run() { cout << "run()" << endl; worker_ = thread([this]() { cout << "thread started." << endl; canceled_ = false; for (int i = 0; i < 10 && !canceled_; i ++) { cout << i << endl; sleep(1); } }); } void stop() { cout << "stop()" << endl; canceled_ = true; worker_.joi