yoshix3

Angular

Chrome拡張機能を Angular で作ってみた

最近仕事でChromeの拡張機能を触ることがあったので、Angularを使用して作れるか試してみました。 Angular のプロジェクトを作成 例によって、globalにangular-cliをインストールしない方法で作成しています。--s...
Angular

Playwrightを使ってAngularアプリのスクリーンショットを取得する方法

会社のプロジェクトでAngularのバージョンアップをすることになりました。@angular/flex-layout( はv15までで開発が終了し、@angular/materiall( はv15で大きな変更が入るようです。そのため、見た目...
Angular

Angular 15 がリリースされました

2022/11/18 に Angular v15 がリリースされたので、早速インストールしてみた。v14の時の記事はこちら インストール @angular/cli をグローバルにインストールしない方法でやってみる。 npx install ...
Python

Flaskを使ってHello, Worldをやってみる-3

前回のつづきです。今回はURLによって別ページを表示できるようにします。 別ページを作成 複数のページに対して共通の記述が多くなる場合があります。こういう時は、共通部分をベーステンプレートとして作成し、それを継承して子テンプレートを作成しま...
Python

Flaskを使ってHello, Worldをやってみる-2

前回のつづきです。今回はテンプレートを使用してHello, World を表示してみます。 テンプレートを使用して表示 FlaskではJinja2というテンプレートエンジンが使用されています。 Jinja2についてはこちら テンプレートを使...
Python

Flaskを使ってHello, Worldをやってみる

Flaskを学習することになったので、まずはHello, Worldをやってみることにしました。 Flaskってなに? Flask(フラスク)とは、Python用の軽量なWebアプリケーションフレームワークです。ドキュメントはこちら ほかに...
Angular

Angular 14の遅延読み込みを試してみた

前回のつづき。Angular 14 で導入された、スタンドアロンコンポーネントの遅延読み込みを試してみました。 Adminコンポーネントを作成する メニューをクリックして遷移する先のコンポーネントを作成します。 AdminComponent...
Angular

Angular 14の新機能を試してみた

Angular 14 から、デベロッパープレビューとして、「スタンドアロンコンポーネント」 が導入されたので試してみました。詳しくはこちらを参照して下さい。 StackBlitz でプロジェクト作成 StackBlitz でプロジェクトを作...
Angular

Angular 14 がリリースされました

2022/6/2 に Angular v14 がリリースされたので、早速インストールしてみた。 インストール @angular/cli をグローバルにインストールしない方法でやってみる。 npx @angular/cli@14 new sa...
React

StackBlitzでReduxToolkitを使ってみる

StackBlitz上でReactの状態管理を行なうReduxToolkitを使ってみた。