Seleniumを使ったシステムテストをAzure DevOpsに導入した話

この内容はAzure DevOps Advent Calendar 2020の1日目の記事です qiita.com Seleniumを使ったシステムテストをAzure DevOpsに導入した話 僕のホビープロジェクト、マンガログサービスマンガ読んだ!!は、フレームワークにBlazor、CI/CDにAzure DevOpsを使っ…

マンガ読んだ!!にシステムテストを導入したくて、モブプロでアドバイスを頼んだ話の第3回

システムテストを導入したい。前回の宿題 マンガ読んだ!!というサービスを作っています。第2回に続き、モブレビューしながらプログラミングの第3回です。先ずは前回の宿題を調べた結果の共有。Blazorがテスト用のパラメータみたいなものを持っているものは…

マンガ読んだ!!にシステムテストを導入したくて、モブプロでアドバイスを頼んだ話の第2回

システムテストを導入したい。前回の宿題 マンガ読んだ!!というサービスを作っています。第1回に続き、モブレビューしながらプログラミングの第2回です。先ずは前回の宿題を調べた結果の共有。1つはBlazorでSeleiniumを作った時にExpectedConditionsが出る…

マンガ読んだ!!にシステムテストを導入したくて、モブプロでアドバイスを頼んだ話

マンガ読んだ!!にシステムテストを導入したい マンガ読んだ!!というサービスを作っています。マンガ読んだ!!は残念ながら現在殆どテストを書いていません。そのため以前から思いもよらないページが落ちていることが何度もありました。だからシステムテ…

「マンガ読んだ!!」のAzure Searchを使ったテキスト検索について

この内容は Azure Advent Calendar 2019 - Qiitaの22日目の記事です。僕はマンガ読んだ!!いうサービスを1人で2年半以上作っています。マンガ読んだ!!は、自分が読んだマンガのログを残すことが出来るマンガログサービスです。 マンガ読んだの検索テキス…

「マンガ読んだ!!」のCI/CDについて

この内容は CI/CD Advent Calendar 2019 - Qiitaの15日目の記事です。僕はマンガ読んだ!!いうサービスを1人で2年半以上作っています(すいません。Azureの課金の問題で最悪今月はサイトに入れないかもしれません)。マンガ読んだ!!は、自分が読んだマン…

僕が「マンガ読んだ!!」でBlazorを使い始めた理由

この内容は Blazor Advent Calendar 2019 - Qiitaの8日目の記事です。僕はマンガ読んだ!!いうサービスをBlazorで1年以上(サービス自体は2年半以上)作り続けています。マンガ読んだ!!は、自分が読んだマンガのログを残すことが出来るマンガログサービス…

「マンガ読んだ!!」というサービスを作っている話

manga-yonda.com この内容は ひとり開発 Advent Calendar 2019 - Qiitaの3日目の記事です。僕はマンガ読んだ!!いうサービスをひとりで2年半作り続けています。マンガ読んだ!!は、自分が読んだマンガのログを残すことが出来るマンガログサービスです。 ひ…

北の土竜(読破)

石川サブロウ の蒼き炎を読破したので、次に北の土竜も無料だったので、読む。多分この作品の方が前。なぜなら、蒼き炎の方がマンガとして上手い。キャラもたっているし構成も出来ている。 北の土竜は、構成がとても悪いし、ストーリーの必然性が乏しい。え…

蒼き炎(読破)

蒼き炎読んだ。んー、惜しい作品だった。風のマリオ や、ピアノの森のような名作と呼ぶにふさわしい作品になりそうな勢いがあったけれど、残念ながらそこまでではなかった。実在の人物との絡ませ方とか結構良かったし、なにより主人公のキャラはかなり立って…

蒼き炎1巻

無料なので読んでみたら殊の外面白かった。主人公は、はっきり言って破綻している人間だが、作者の呑気な絵柄がうまくオブラートに包んで、真っすぐで破天荒に思えてくる。でも普通に考えてただただクレイジーなだけだ。それを、羨ましいとさえ思わせるのは…

マグメル深海水族館 1巻

久しぶりに1巻を読んだ時点で全巻買っても良いなーと思った作品。天才型の主人公かなと思ったら、凡人努力型だった。深海なんて、魅力的なテーマ。

マガポケとコミックDAYSの差、違いが気になったのでまとめてみた ~週刊少年マガジンをお得に読む方法~

shonenmagazine.com 僕は週刊少年マガジンを定期購読しています。最初は雑誌、次はKindle、現在はマガポケです。マガポケは定期購読すれば840円。現在雑誌のマガジンは270円なので、少しお得です。 pocket.shonenmagazine.com さて最近コミックDAYSで新しい…

Blazorサイト(随時更新予定)

公式サイト 英語 まず、ここ読まないと! Blazor components github github.com ここは、公式ではないか?でもlearn-blazorという名前でよい感じ。 learn-blazor.com ざっくりまとまっていて素晴らしい nosu.hatenadiary.jp C#とJSのメソッド呼び分けがまと…

vue.js + typescriptのページネーション

ココが分かりやすい。けれど、typescriptでない。 kuroeveryday.blogspot.com あと、ココがbootstrap vue。 bootstrap-vue.js.org ここがtypescrptでvueでpagination github.com

vue.js + typescriptの書き方

ここで良くまとまっていた。vue-class-componentより、vue-property-decoratorの方が良いよ!って話かな?実際ASP.NET Core with Vue.jsのテンプレートはvue-property-decoratorを使っている。この2つの使い分けとか良く分かってないのは確か。 qiita.com ん…

Javascriptでクッキーの扱い

クッキーの扱いは、書き込みは楽、読み込みは面倒。 document.cookieに対してkey,valueを入れてやれば書けるので、document.cookie = 'key=value';でOK。 読み込みはdocument.cookieで取得出来るけれど、それは設定されている値がリストで全部返ってくるので…

ASP.NET Core にSwaggerの設定

MSDNが一番詳しいかなー。Swaggerをサクッと作っとくとチェックとかにも結構便利。xmlを出力するんだけど、チェックすると警告が増えることがちょっとウザい。 docs.microsoft.com 接続文字列の設定はこっち。これもMSDN。 接続文字列の EF コア | Microsoft…

ASP.NET Core with Vue.jsでbootstrapを4にしたい。

package.jsonにバージョンが書かれているのでこれを4に上げれば終わりかと思ったら、凄く苦労した。 まずはpackage.jsonを変更。バージョンを勝手に教えてくれる。これ凄い! "bootstrap": "^4.1.2", キャレット(^)ってなんだ?と思ったのでpackage.jsonの…

Visual StudioのVue.jsのテンプレート「ASP.NET Core with Vue.js」

tsubalog.hatenablog.com ↑ここを参考にしたのですが、2.0系でもASP.NET Core with Vue.js がなかった。 stackoverflow.com で、探したら、コマンドライン叩いたら出てくるってさ。以下です。 Install the SPA (Single Page Application) templates provided…

Vue.jsはじめました

最初に公式サイトを見る。とても分かりやすい。 jp.vuejs.org ただ、操作環境として以下を進めているけれど、 Vue.js を試すには、JSFiddle Hello World example が最も簡単です 以下の所でつまづいた。 ブラウザの JavaScript コンソールを開いて、app.mess…

Visual Studioを最新にしたら、ASP.NETアプリが、デバッグ実行した後10秒後ぐらいに勝手に落ちるようになった件の対応

Blazorを触ってみようと思って、色々と最新にしたら、ASP.NETアプリが、デバッグ実行した後10秒後ぐらいに勝手に落ちるようになった。 ブラウザのせいかな?と思ってChromeとFirefoxで試しても両方とも同じ。ASP.NET MVC、でもASP.NET Web APIでも、ASP.NET …

ASP.NET SPAでテンプレート通りに作ったらリダイレクトされる件に関して

ASP.NET SPAでテンプレート通りに作ったらリダイレクトされる件に関して 微妙に分からなくて悩んだ。RedirectでGrepしてもそれっぽいの出ないし。。 答えはここに。 stackoverflow.com [Authorize]属性とロジックをコメントにすれば解決!

2018年の最先端フロントエンドエンジニアになりたい

qiita.com なりたい。 で、最初に以下がある。 ・セマンティックHTMLの基本と作成方法。・ページをセクション毎に分ける方法と、DOMを適切に構造化する方法。 セマンティックHTMLを良く分からない。で、調べた。 HTML5でセマンティックなマークアップ from S…