Webページ用UIフレームワーク「Svelte」とは？ プレーンで軽量なJavaScript生成を体験しよう！
「Svelte」はWebページ用UIフレームワークで、コンパイル時にプレーンなJavaScriptを生成するといった特徴があります。本連載ではSvelteの活用方法を順を追って説明していきます。初回となる今回は、Svelteの概要と特徴を説明するとともに、実際にプロジェクトを作成して実行させ、Svelteを体験します。 はじめに WebページのUIを構築するためのライブラリやフレームワークは、ReactやVue.js、Angularといったさまざまなものが存在します。本記事で取り上げるSvelteも、そのようなフレームワークの1つです。 図1 Svelteの公式ページ 他のライブラリやフレームワークでは、それ自体のコードがブラウザーに読み込まれて実行されるのに対して、Svelteでは、Svelte自身のコードを含まないプレーンなJavaScriptをコンパイルで生成するため、実行ファイルサ
メシウス、.NET 8に対応した表計算データグリッドコンポーネント「SPREAD for Windows Forms 17.0J」がリリース
メシウスは、Excelとの高い互換性を備えた表計算データグリッドコンポーネント「SPREAD for Windows Forms」の最新バージョンとなる、「SPREAD for Windows Forms 17.0J」を2月21日にリリースする。1開発ライセンスの料金は、税込176000円。 SPREAD for Windows Forms 17.0Jでは、.NETの最新バージョンである.NET 8に対応するとともに、Visual Studioの新しいフォームデザイナにも対応し、スマートタグや専用デザイナを使用した、コントロール機能の設定が可能になっている。 スプレッドシート上には、リボンメニュー機能を付与できるリボンコントロールが追加され、フォント設定やセルの書式設定といったExcelのリボンと同等のメニューを、アプリケーションに簡単に組み込めるようになった。また、タブの追加や非表示、独
2022年版実践WPF業務アプリケーションのアーキテクチャ【設計編／前編】 ～ドメイン駆動設計＆Clean Architectureとともに～
前回の「2022年版実践WPF業務アプリケーションのアーキテクチャ【見積編】～ドメイン駆動設計＆Clean Architectureとともに～」では、見積時に考慮が必要なアプリケーションアーキテクチャの着眼点や、その具体的な検討内容について記載しました。今回はいよいよ「設計編 機能要件の実現」ということで、見積が承認され、開発が開始して以降のフェーズに入ります。開発が開始して以降、アーキテクチャに対して影響を与える要件として「機能要件」と「非機能要件」の2つがあります。これら2つの要件からはじまって、アーキテクチャを設計していくひとつの方法をお伝えします。 前提条件 本稿はWPFアプリケーションのアーキテクチャ設計について記載したものです。見積編を前提に記載しているので、まだ未読であればそちらからお読みください。 本稿にはサーバーサイドの設計も一部含まれていますが、見積編にも記載した通り、
.NET 6でASP.NET CoreのRazor PagesによるMVVMパターンを理解する
はじめに 本連載では、マルチプラットフォーム化が進む.NETと、そのWebアプリケーション開発フレームワークであるASP.NET Coreの全体像を俯瞰します。ASP.NET Coreは、アプリケーションの目的や開発スタイルに応じて選択することができる多彩なサブフレームワークを搭載しています。それらの基本的な性質や機能を読者に示すことで、ASP.NET Core導入の一助になることを目的とします。 対象読者 Core以前のASP.NETに慣れ親しんだ方 Web開発の新しい選択肢としてASP.NET Coreを理解したい方 ASP.NET Coreの多彩なフレームワークを俯瞰したい方 必要な環境 本記事のサンプルコードは、以下の環境で動作を確認しています。 macOS Big Sir / Windows 10（64bit） .NET SDK 6.0.100 Google Chrome 96
.NET 6でASP.NET CoreのRazor Pagesアプリケーションを理解しよう
はじめに 本連載では、マルチプラットフォーム化が進む.NETと、そのWebアプリケーション開発フレームワークであるASP.NET Coreの全体像を俯瞰します。ASP.NET Coreは、アプリケーションの目的や開発スタイルに応じて選択することができる多彩なサブフレームワークを搭載しています。それらの基本的な性質や機能を読者に示すことで、ASP.NET Core導入の一助になることを目的とします。 対象読者 「Core」以前のASP.NETに慣れ親しんだ方 Web開発の新しい選択肢としてASP.NET Coreを理解したい方 ASP.NET Coreの多彩なフレームワークを俯瞰したい方 必要な環境 本記事のサンプルコードは、以下の環境で動作を確認しています。 macOS Big Sir / Windows 10 (64bit) .NET SDK 6.0.100 Google Chrome
コマンドラインツール用のPowerShellコマンドレットの開発を高速化する「PowerShell Crescendo」が一般提供に
PowerShell Crescendoは、既存のコマンドラインツールを活用するPowerShellコマンドレットの迅速な構築を可能にする開発アクセラレータであり、PowerShellパイプラインのオブジェクト出力、特権の昇格、統合されたヘルプ情報が含まれる。 今回のGAリリースでは、JSONファイル内のシンプルなkey/valueステートメントからコマンドレットを定義する機能が追加されたほか、コマンドレット定義が1つ以上のJSONファイルに含められるようになり、IntelliSenseとツールチップを使用してCrescendo構成を作成するのに役立つJSONスキーマ、コードをコマンドレット定義から分離してデバッグと開発を容易にする3つのスタイルの出力処理コード、Windows、Linux、macOSの特権昇格メカニズムが追加されている。 なお、PowerShell Crescendoでの
.NET公式サイト、日本語と中国語（簡体字）に対応
日本語版、中国語（簡体字）版ともに、現時点では英語のみのコンポーネントがいくつか残っているが、これらは今後数か月以内にローカライズされる予定となっている。 今回のローカライズでは、ほとんどのコンテンツとコードが含まれているメインリポジトリから開始され、ASP.NET Core Razor Pagesを使用して数か月にわたる既存サイトのグローバル化が行われた。 その後、Portable Object（PO）ファイルとOrchard Coreフレームワークによって、サイトのローカライズ、英語によるリソースの日本語と中国語への翻訳、適切なルーティングとエラー処理によるja-JP／zh-CNサポートの追加、言語セレクタの追加が実施されている。 .NET公式サイトにおける言語の識別は、ユーザーがCookieを持っているかどうかを確認し、見つかった場合はその言語にリダイレクトする。Cookieが見つか
ASP.NET Coreのホストでブラウザの制限を回避
ASP.NET Core Blazor（以下Blazor）とは、.NET環境のC#で対話型のWeb UIを構築するためのフレームワークです。Blazorには、サーバーサイドで動作するモデル（Blazor Server）と、クライアントサイドで動作するモデル（Blazor WebAssembly）が含まれますが、本連載では、主に、クライアントサイドのフレームワークであるBlazor WebAssemblyについて解説します。 対象読者 C#とWebシステムの基礎的な知識がある方を対象とします。C#の基本文法などの解説は割愛します。 はじめに 前回までのアプリでは、プロジェクトの作成時のオプションで、「ASP.NET Coreでホストされた（ASP.NET Core hosted）」にはチェックをいれませんでした。今回は、ASP.NET Coreでホストされたプロジェクトを作成します。これまで
プロダクトに必要なスキルを10年維持するために――「スキルマップ」と「ソフトウェア式年遷宮」
プロダクトチームにおけるスキル維持の難しさ プロダクトの運用には、さまざまな知識やスキルが必要です。プロダクトに対するドメイン知識や、プロダクトを実装するために用いているプログラミング言語。アプリケーションフレームワークやミドルウェア、インフラなど数え上げればキリがありません。プロダクトを長い期間運用していくためには、これらの知識やスキルをどのようにチーム内にとどめておくか、ということを考えていく必要があります。 これらは、さまざまな要因でチームから失われていきます。改修や機能追加などで頻繁に手が入るところは良いのですが、あまり手が入らない領域は時間とともに記憶から消えていきます。ドキュメンテーションをしっかりすることである程度防げますが、それでも失われる暗黙知は存在します。また、異動や退職などによって人がチームから去ることもあります。異動や退職の際に、ほとんどの現場では引き継ぎが行われる
「Nuxt.js」の基本、「Vue.js」の利用方法を知ろう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はVue.jsとNuxt.jsの概要を説明しました。今回はNuxt.jsでUI構築に利用するVue.jsについて、基本的な利用方法を説明します。 はじめに Nuxt.jsは、Webページのユーザーインタフェース（UI）フレームワークであるVue.jsに、Webページの作成に必要なUI以外の機能を追加して、まとめて提供するフレームワークです。そのため、Nuxt.jsの機能を使いこなすためには、まずVue.jsの利用方法を知っておく必要があります。 Vue.jsでは、データとWebページの表示を関連付けるデータバインディングやイベント処理、条件分岐や繰り返しなど、動的なWebページを
Webカスタムコントロールの作成
目次 前提条件 はじめに コントロールの背景知識 プロジェクト再利用のための計画 データバインドされたプロパティ CSSと他の視覚プロパティ Renderメソッド コントロールによるHTML出力 デザイン時サポート Webカスタムコントロールの利用 まとめ 著者紹介 前提条件 C#、Visual Studio .Net、およびASP.NETアプリケーション作成に詳しいこと ADO.NETおよびデータバインディングの基本を理解していること HTMLおよびカスケーディングスタイルシート（CSS）の基本を理解していること はじめに ASP.NETページで利用できるようなサーバーコントロールを設計したいと思ったことはありませんか？ 私があるページを手がけていたとき、CheckBoxListのようなコントロールが必要になりました。一連のチェックボックスをグループにまとめ、それぞれのグループにカテゴリ
UWPアプリを作るとき、画面遷移やアーキテクチャで悩んだら!? ～Windows Template Studioを使ってみよう
UWPアプリ開発に挑戦してみて、「どうやって画面遷移させればいいか分からない」と悩んだことはありませんか。あるいは、UWPのさまざま機能の追加方法とか、ちょっと大きなアプリを作るときのアーキテクチャなどでも。そんなときにお勧めなのが「Windows Template Studio」です。 適用バージョン：Windows 10 version 1803（build 17134）以降 はじめに Visual StudioでUWPアプリのプロジェクトを作るとき、実行ファイルとして選べるテンプレートは「空白のアプリ」しかありません（次の画像）。ちょっとXAMLを書いて「Hello, world!」アプリを作るまでは簡単ですが、さて、そこからはどうしましょうか。 プロジェクト選択ダイアログ（Visual Studio 2017） プロジェクト作成ウィザード（Visual Studio 2019 pr
.NET向けExcel・PDF操作ライブラリ「DioDocs」の衝撃！ その魅力に迫る (1/4)：CodeZine（コードジン）
2018年10月17日、グレープシティ社から「DioDocs（ディオドック） for Excel」および「DioDocs for PDF」がリリースされました。皆さんはすでにご覧になったでしょうか？ 事前に同社のブログやイベントで告知がありましたが、リリースされたサイトを見て私は大げさではなく衝撃を受けました。そしてこう思いました。「これは帳票生成ライブラリの勢力図を大幅に塗り替えかねないポテンシャルを秘めている」と。本稿ではその衝撃的なまでの魅力に迫りたいと思います。 DioDocs（公式Webサイト） 筆者について 私は普段、主に金融業界向けの受託開発のアーキテクトを務めています。特に所属会社の特性上、電子と紙をまたがった領域を得意としています。 本稿はエンタープライズ領域でのアプリケーション開発者の視点で記載しています。したがって立場が変わればその見方は大きく変わるでしょう。しかし、
急速に進化するUWPアプリのUI ～Windows 10 1809の新コントロール／DataGrid／旧バージョンへのバックポート
Universal Windows Platform（UWP）は急速に進化し続けています。今回は、その中からUIについてのトピックを紹介します。まずは、2018年秋のWindows 10の大型アップデート「1809」で追加された新しいコントロールをいくつか。それから、ついに登場したDataGridコントロール。そして、新しいコントロールがWindows 10の旧バージョンでも利用できるようになったニュースです。 適用バージョン：Windows 10 version 1809（build 17763）以降 ただし、バックポートはversion 1607（build 14393）以降 はじめに Windows 10とともにUniversal Windows Platform（UWP）がリリースされたのが、2015年。それから3年、Windows 10はバージョンアップを重ね、それに合わせてUW
SQLにおける行間比較で、相関サブクエリを使わなくて済む「ウィンドウ関数」とは？：CodeZine（コードジン）
SQLの達人と呼ばれるミックさんがモダンなSQLプログラミングの手法について解説した『達人に学ぶSQL徹底指南書 第2版』。今回、本書からミックさんが主役級と語る「ウィンドウ関数」について紹介します。ウィンドウ関数を利用することで、SQLでの行間比較において難しい相関サブクエリを使わなくてよくなるのです。 本記事は『達人に学ぶSQL徹底指南書 第2版 初級者で終わりたくないあなたへ』の「2 必ずわかるウィンドウ関数」を抜粋し、掲載にあたり編集したものです。 順序を使ったプログラミングの復活 本記事ではウィンドウ関数というSQLの道具を取り上げます。1990年代の後半にアイデアが登場し、2000年代にOracle、Db2、SQL Server などのDBMSでサポートされるようになり、2017年にMySQLがサポートを表明したことで、現在では主要なすべてのDBMSで利用することが可能になりま
米MS、クラウド開発ツール「Azure DevOps」の提供を開始、「Visual Studio Team Services」の後継サービス
「Azure DevOps」は、GitHubまたは任意のGitリポジトリに接続可能な「Azure Pipelines」、「かんばん」ボードやバックログ、チームダッシュボード、カスタムレポート機能などを備えた「Azure Boards」、Mavenやnpm、NuGetパッケージの作成・共有に対応する「Azure Artifacts」、容量無制限のプライベートGitリポジトリである「Azure Repos」、探索的テストツール「Azure Test Plans」で構成されている。 なお、今回提供が開始された「Azure DevOps」は、「Visual Studio Team Services」のアップデート版に該当し、既存の「Visual Studio Team Services」は「Azure DevOps」へ置き換えられる。「Visual Studio Team Services」から「
実践WPF業務アプリケーションのアーキテクチャ【実装編】 ～ マイクロソフト公式サンプルデータベースAdventureWorksを題材に
本記事では、前回に引き続き、マイクロソフトが、架空の大規模多国籍製造企業を想定し、公開しているサンプルデータベース「AdventureWorks」を題材に、Prism for WPFや、グレープシティのコンポーネント「SPREAD for WPF」を活用して業務アプリケーション開発する際の実践的なアーキテクチャ例を紹介します。今回は、コードを交えながら具体的な実装方法を解説します。 前回の記事「実践WPF業務アプリケーションのアーキテクチャ【概要編】 ～ マイクロソフト公式サンプルデータベースAdventureWorksを題材に」 実装ビュー さて、それではいよいよコードを交えて、実装方法について触れていきます。 本節では、ユースケースビューで取り上げた代表的なユースケースと、アーキテクチャ上重要な要素について、具体的な実装方法を解説します。 具体的に取り上げる内容は次のとおりです。 ユー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JetBrains、ロシアにおける販売および研究開発活動、ベラルーシにおける販売を無期限停止
バルテス、現場で実践できる設計書の書き方・見せ方のテクニックを伝授する無料Webセミナーを10月6日に開催
12/9まで翔泳社の電書が50％オフ、プログラマーやエンジニア向けの本も広く対象に
