Vue.js を ASP.NET Core でプログレッシブに使う (Non-SPA編)
この記事は Vue.js #3 Advent Calendar 2018 の17日目の記事です。 昨今のフロントエンド界隈では、なんでもSPAのアーキテクチャを前提として語られる雰囲気を感じますが、Non-SPAなサーバーサイドのMVCフレームワーク（LaravelやRails、ASP.NET Coreなど）をメインに使いつつ、Vue.js などのJavaScriptライブラリを使って画面に味付けをしたいというニーズも相変わらず存在します。また、あえてそう設計すべきアプリケーションも多くあるでしょう。 ここで、 Vue.jsの公式サイト(日本語版) の冒頭に書かれている文章を紹介します。 …Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡
ASP.NET Core MVC via nginxでTwitterアプリを作るまでの地雷原 - WallStudio
プログラムからの投稿です． ﾏｷﾏｷｶﾜｲｲﾔｯﾀｰ!!— うｐﾊｼ [C94]💾WallStudio (@yukawallstudio) June 27, 2018 WEB開発は今までフレームワークを用いないPHPやクライアントサイドで完結する（JavaScript）タイプのものしか作ってこなかったのですが，ASP.NET CoreがC#で書ける上にプラットフォーム非依存なのでええ感じやんってことで手を出してみました． .NETはC#とかF#とかC++/CLI なんかを動かすためのMS製のミドルウェアです．長らくプロプライエタリでしたが，最近はMSも気が変わったらしく一部OSS化して.NET Coreとなり，そのWEBフレームワークがASP.NET Coreということらしいです．WEBエンジニアと話しててASP.NETの話を聞いたことが無いのですがあまり使われていないのでしょうか？OS
macでASP.NET MVC CoreとDapperを使ったウェブアプリを作る手順
今回は、ASP.NET MVC Coreを使ってデータベースを利用したウェブアプリを作るのが初めての人に伝えたい情報です。 具体的には、データベースにSQLiteを使った、ASP.NET MVC Coreでのウェブアプリの作り方の手順をご紹介します。また、今回SQLiteにアクセスするにあたり、Dapperという、ライブラリを使って行います。 今回の手順から、ASP.NET MVC Coreの基本、またASP.NET MVC CoreならではのDI(Dependency Injection)の基本、Dapperを使ったデータアクセス処理の書き方が学べます。 また、今回作成するサンプルのソースコードは、こちらからダウンロードできます。 開発環境はmacが前提、一方WindowsでもLinuxでもできる 今回の開発環境としては、macを前提にします。ですが、クロスプラットフォームのASP.NE
Angular2 + VisualStudio(ASP.NET MVC"4") + VisualBasic.net - はまったりひらめいたり…とか…
風邪ひいてたりなんだりで全然ブログ更新してませんでしたー。っと。 Angular2とASP.NET MVC"4"をお仕事でいじることになりました。 Angular2 + VisualStudio(ASP.NET MVC"4") + VisualBasic.net ニッチすぎて参考文献が少なく、VS上で動かすまでに色々と面倒くさかったのでメモ残します。 使用環境 VisualStudio2015(Update2) TypeScript(1.8.29.0) 先に参考 www.mithunvp.com dotnetspeak.com Angular2 with TypeScript using Visual Studio 2015 - CodeProject Angular2 Typescript in ASP.NET MVC Visual Studio 2015 – Russell Canfi
ASP.NET CoreでAutoMapperを使う - ryuichi111stdの技術日記
AutoMapperも既に.Net Coreへの対応が行われております。 ということで、ASP.NET CoreでAutoMapperを動かしてみたいと思います。 テスト環境 テスト環境はMacで、dotnet --info の結果は以下の通りです。 ryuichi:coreMvcAutoMapper daigo$ dotnet --info .NET Command Line Tools (1.0.0-preview2-1-003177) Product Information: Version: 1.0.0-preview2-1-003177 Commit SHA-1 hash: a2df9c2576 Runtime Environment: OS Name: Mac OS X OS Version: 10.12 OS Platform: Darwin RID: osx.10.12-x
CRUD in ASP.NETCore MVC with Angular 2 and Web API
A good example of how to build a CRUD web application using ASP.NET CORE with Angular2 and WebApi Download source code (ZIP) - 16.7 MB Download source code (RAR) - 14.7 MB Introduction Through this article, you will learn about implementation of web CRUD application. CRUD application means an application that can Create, Read, Update and Delete records on a data source (such as a Database, XML Fil
Part 7. ASP.NET Web API による SPA 型データ更新アプリ
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. いよいよ最後のエントリです。引き続き、Part 6. で作成したアプリを SPA 型で実装してみることにします。SPA 型でのデータ更新アプリ実装で厄介なのは、下図に示すように、クライアント側では JavaScript、サーバ側では C# を使って単体入力チェックロジックを実装する必要があり、うっかりすると二重実装になってしまう点です。 これに関しては、Part 6. で解説した、ASP.NET MVC のモデルバリデーション機能を活用するとうまく回避することができます。では、具体的な作成方法について解
Part 6. ASP.NET MVC Coreによるデータ更新アプリ
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. では引き続き、更新系アプリを作成してみます。Web API でデータ更新アプリを作るのはちょっと骨が折れるので、まずは ASP.NET MVC Core でデータ更新アプリを作ってみることにします。若干遠回りではありますが、こちらをいったん理解しておくと、Web API でのデータ更新アプリの作り方も理解しやすくなるでしょう。 ■ ファイルの追加 ここまで作ってきたプロジェクトに /Controllers/Sample02Controller.cs、/Views/Sample02/ListAuthors
Part 5. ASP.NET Web API を使った SPA 型 Web アプリ開発
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. では引き続き、ASP.NET Web API を使って SPA 型で同じアプリを開発してみたいと思います。 ■ SPA 型 Web アプリとは？ SPA (Single Page Application)型 Web アプリとは、単一ページで機能を提供する Web アプリです。具体的な設計・実装モデルとしては、データを Web API で取得し、画面を構築する処理をブラウザ側にもってくる形になります。 非 SPA 型 Web アプリと SPA 型 Web アプリの作り方の違いについては、de:code 2
Part 2. Entity Framework Core 1.0 の基本的な使い方
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. では引き続き、Entity Framework Core の利用方法を解説していきます。 ■ 基本的な Entity Framework Core の利用方法 従来の Entity Framework と異なり、EF Core では O/R マッパーファイル（*.dbml）を使うことができません。このため、O/R マッピング（データベーステーブルのどこを構造体クラスのどこにマッピングするのか？）はすべてコードで指定する必要があります。ツールを利用して自動生成させることも（ある程度は）可能ですが、現時点（
Part 1. ASP.NET Core 1.0 ことはじめ
まずは基本的な ASP.NET Core 1.0 のアプリの作り方から開始していきます。 ■ ソリューションファイルとプロジェクトファイルの作成 Visual Studio を開き、新しいプロジェクトを作成します。 今回、Application Insights は利用しないのでチェックを外しておきます。名前は “Decode2016.WebApp” にしておきます。 テンプレートは「空」を選びましょう。認証は今回はなし、Microsoft Azure へのホストもなしにしておきます。作成すると、以下のようなプロジェクトファイルが出来上がります。 従来の ASP.NET から大きく変わった点として、以下 2 つに注意してください。 wwwroot と書かれたフォルダは、公開する静的コンテンツ（HTML ファイルや JPEG ファイルなど）を置く場所です。従来と異なり、アプリケーションコード
Hello World, ASP.NET Core 1.0! | Microsoft Docs
Hello World, ASP.NET Core 1.0! 07/07/2016 4 minutes to read ご存じの方も多いと思いますが、先日、クロスプラットフォーム対応の ASP.NET Core 1.0 が正式リリースされました。Windows OS だけでなく、Linux や Mac OS 上でも動作する新しいランタイムとして設計・実装されているのですが、半面、MVC/EF の知識を必須とするため、ASP.NET Web Forms や型付きデータセットで開発されてきた方々には、非常にハードルが高い開発プラットフォームにもなっています。 このハードルの高さは、先日の de:code 2016 DEV-010 「エンプラ系業務 Web アプリ開発に効く! 実践的 SPA 型モダン Web アプリ開発の選択手法」でもお話しさせていただいた SPA 型開発でも触れた話で、高水準
ASP.NET MVC Razor をやってみた。 IgniteUI 編 その１ igGridのロードオンデマンドについて(1/2) - 喜帳面の日記
ASP.NET MVC 周辺の記事を書きたいなと思います。ここしばらくは、私が運営している [喜帳面.net]でも使ってる、お気に入りの開発ツール「IgniteUI」の周辺について [喜帳面.net]での事例などを織り交ぜながら、メモを残しておきます。 IgniteUIでどんなことができるかは、以下のURLを参考にしてください。 http://jp.infragistics.com/products/aspnet-mvc ヘルプやAPIドキュメントは以下のページの「jQuery/HTML5」を参照してください。 jp.infragistics.com この記事記載時の最新のバージョンは2015 Volume 1 ですがこの記事は、2013 Volume 2 ベースでの情報です。 さて、「IgniteUI」といえばまず試してみたくなるのがGridですね。 igGridはあまりにも機能が多くて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASP.NET MVC 的 Model 使用 Dapper | mrkt的程式學習筆記 - 點部落
Part 4. ページレイアウトの構造化 | Microsoft Docs
Part 3. ASP.NET MVC Core 1.0 の基本的な使い方
コーディング不要！�Entity Framework 6.1.3 + ASP.NET MVC 5 サンプル アプリケーション構築 手順書
DDD, CQRS and testing with ASP.Net MVC: Slides and References
Sample Asp.net MVC Application Project Example with Source Code Download
Step by Step implementing Onion architecture in ASP.NET MVC Application