タグ別書籍・記事一覧

「Nuxt 3」の新機能を体験してみよう――環境作成からVue 3の新機能活用・Nuxt Bridgeの利用方法まで

2022.02.09 ／ 今回は、Nuxt 3の内容と現状を説明するとともに、Nuxt 3のプロジェクトを生成して動作...

JavaScript入力コントロール「InputManJS」にBootstrapを組み合わせてより便利な入力フォームを作ろう

2022.01.17 ／ 本記事では、InputManJSを、CSSフレームワークの定番「Bootstrap」と組み合わせて活用...

Vue.jsの基本記法を学んでTypeScriptで自在に処理をコーディングしよう

2021.12.07 ／ 前回は本題から少し寄り道をして、Vue.jsなどのプロジェクト生成や実行を高速に実行で...

JavaScriptにはないTypeScript独自の型あれこれ

2021.11.22 ／ 前回は、基本中の基本に当たる、型指定にまつわるあれこれを紹介しました。今回はJava...

「型」から学ぶTypeScript、JavaScriptとは何が違うのか

2021.11.12 ／ 本連載では、TypeScriptの型に関して、さまざまな方向から紹介していきます。連載1回...

話題の爆速CLIツール「Vite」をVue.jsの定番ツール「Vue CLI」と徹底比較！

2021.10.07 ／ 前回はVue.jsのプロジェクト作成などができるツール「Vue CLI」を紹介しました。今回...

コマンドラインツール「Vue CLI」で本格的なVue.jsプロジェクトを作成しよう

2021.10.01 ／ 今回はVue.jsのプロジェクト作成やビルドなどができるツール「Vue CLI」の利用法を説...

RustではじめるWebAssembly入門～JavaScriptを超える高速なWebアプリ開発を実践しよう

2021.08.04 ／ 今回は、WebAssemblyの概要を説明するとともに、Rustを利用した簡単なサンプルで、実...

「Vue.js」入門～JavaScriptフレームワークをTypeScriptで学ぼう

2021.07.09 ／ 今回は、簡単なサンプルを通して、Vue.jsとTypeScriptの概要と機能を紹介していきます...

便利な入力部品が多数追加！ JavaScript入力コントロール「InputManJS」最新バージョンV3J

2021.05.14 ／ グレープシティのJavaScript入力コントロール「InputManJS」の最新バージョンV3Jで追...

JavaScriptスプレッドシート部品「SpreadJS」最新版V14Jの新機能を紹介

2021.04.07 ／ 本記事では、グレープシティのJavaScriptスプレッドシート部品「SpreadJS」の新バージ...

「Nuxt.js」で作ったWebページをインターネットで公開する方法

2021.01.29 ／ 前回は、Nuxt.jsの非同期データ機能について説明しました。今回は、Nuxt.jsを利用して...

【新刊紹介】『速習 Vue.js 3』発売、人気のJavaScriptフレームワークを学べる入門書

2020.10.02 ／ 新刊「速習 Vue.js 3」について、一般レビュー読者（萩さん）と担当編集者からのコメ...

新Vue.js「Vue 3」で便利に使えるさまざまな新機能を先取りで紹介

2020.07.27 ／ 前回は新しいコンポーネント記述形式「Composition API」を紹介しました。今回は、そ...

新Vue.js「Vue 3」でコンポーネント実装法を大きく変える「Composition API」

2020.07.20 ／ Vue 3で導入される新機能のうち、新しいコンポーネント記述形式「Composition API」を...

JavaScriptの処理でWebページに帳票出力できる「ActiveReportsJS」入門

2020.07.09 ／ 初回となる今回は、ActiveReportsJSで帳票を表示するまでの基本的な手順と、データを...

ページ表示前にデータを取得して反映できる「Nuxt.js」の非同期データ機能を使いこなそう

2020.06.25 ／ 今回は、ページの表示前にネットワークからデータを取得して、ページやVuexストアに反...

JavaScriptスプレッドシート部品「SpreadJS」最新版V13Jの新機能を紹介！

2020.04.03 ／ グレープシティのJavaScriptスプレッドシート部品「SpreadJS」について、2020年1月に...

Webページの状態を集中管理できる「Nuxt.js」のVuexストアを使いこなそう

2020.03.02 ／ 今回は、Webページの入力内容や表示内容といった状態を集中管理できるVuexストアにつ...

HTML・JavaScriptの処理で表現力豊かな帳票を出力できる「ActiveReportsJS」の活用

2020.01.30 ／ グレープシティの「ActiveReportsJS」は、サーバーの処理に依存せず、Webブラウザーの...

画面要素を再利用できる、Vue.jsのコンポーネント機能を学ぼう

2019.12.12 ／ 今回は、Webページの一部分を部品として再利用できるコンポーネント機能について説明...

複数のページを切り替える、Nuxt.jsのルーティング機能を学ぼう

2019.11.26 ／ 前回はVue.jsの基本的な利用方法を説明しました。今回は複数のページを切り替えるNuxt...

【新刊紹介】『これからはじめるVue.js実践入門』、今一番人気のJavaScriptフレームワークの入門書

2019.09.19 ／ 新刊「これからはじめるVue.js実践入門」について、一般レビュー読者（sogaohさん）と...

「Nuxt.js」の基本、「Vue.js」の利用方法を知ろう

2019.09.02 ／ 今回はNuxt.jsでUI構築に利用するVue.jsについて、基本的な利用方法を説明します。

JavaScript UIフレームワーク「Vue.js」で「Wijmo（ウィジモ） 5」のリッチなUI部品を使おう

2019.07.03 ／ 今回はJavaScript UIフレームワークVue.jsと組み合わせる方法を説明します。Wijmoのコ...

「Vue.js」でWebページを作成できるフレームワーク「Nuxt.js」最初の一歩

2019.06.11 ／ 今回は、Vue.jsとNuxt.jsの概要を説明するとともに、プロジェクトの生成や実行、基本...

JavaScriptスプレッドシート部品「SpreadJS」と入力フォーム部品「InputManJS」をReact環境で活用

2019.01.10 ／ グレープシティが提供するJavaScriptスプレッドシート部品「SpreadJS」と、入力フォー...

JavaScript入力コントロール「InputManJS」がアップデート！ 新機能で入力フォームを最適化しよう

2018.12.06 ／ 本記事では、入力フォーム最適化に役立つInputManJS V2Jの新機能について、活用法を紹...

注目JavaScriptライブラリReactで「Wijmo（ウィジモ） 5」を使いこなす

2018.10.22 ／ 今回は、最近注目のJavaScriptライブラリReactと組み合わせて、Wijmoを利用する方法を...

Webページのフォームをより便利に！ 軽量で多機能なJavaScript入力コントロール「InputManJS」の紹介

2018.08.08 ／ グレープシティの「InputManJS」は、Webページの入力フォームで利用できる入力用JavaS...

【新刊紹介】『速習Vue.js』発売、JavaScriptフレームワークを素早くマスターできる解説書

2018.05.11 ／ 新刊「速習 Vue.js」について、一般レビュー読者（h.seriuさん）と担当編集者からのコ...

進化を続けるJavaScriptフレームワーク「Angular」バージョン5の変更点

2018.03.13 ／ Angularは2017年11月にメジャーアップデートを受けてバージョン5になりました。本記事...

JavaScriptライブラリ「Wijmo（ウィジモ） 5」で1レコード複数行表示のグリッドを実現

2018.02.05 ／ 今回はWijmoの上位エディション「Wijmo Enterprise」で利用できるグリッド部品MultiRo...

Angularと高機能JavaScriptライブラリで作るスプレッドシートアプリ

2017.12.01 ／ グレープシティが提供するJavaScriptライブラリ「SpreadJS」に含まれるスプレッドシー...

モジュールバンドラーwebpackの設定を調整して、より実践的に使いこなそう

2017.11.15 ／ 今回は、Node.jsのプロジェクトにwebpackを設定して、画像やCSSの処理、JavaScriptの...

Webページの構成ファイルをまとめる、モジュールバンドラー「webpack」入門

2017.09.11 ／ Webページを構成するファイルの依存性を解決してまとめるモジュールバンドラーのwebpa...

【新刊紹介】『Angularアプリケーションプログラミング』8月4日発売、定番JavaScriptのフレームワークを徹底解説

2017.08.04 ／ 新刊「Angularアプリケーションプログラミング」について、担当編集者からのコメント...

「Wijmo（ウィジモ） 5」のMultiAutoCompleteコントロールで複数項目を素早く選択

2017.07.21 ／ 前回はTreeViewを紹介しましたが、今回は複数項目を素早く選択できるMultiAutoComplet...

「Wijmo（ウィジモ） 5」に追加されたツリー表示部品TreeViewの利用法

2017.06.26 ／ Wijmoは2017年5月に「2017J v1」にアップデートされ、さまざまな新機能が追加されまし...

JavaScriptフレームワーク「Angular」新バージョン4の変更点と今後の展望

2017.04.27 ／ 今回は、2017年3月にリリースされたAngularバージョン4の変更点や新機能と、今後のバ...

AngularでJavaScriptオブジェクトをJSON形式に変換するには?(json)

2017.03.22 ／ JavaScriptのJSON.stringifyメソッドと同じように、AngularでJavaScriptのオブジェク...

最新フレームワーク「Angular 2」と組み合わせて「Wijmo（ウィジモ） 5」を使おう

2017.01.11 ／ 今回は、JavaScriptフレームワーク「Angular 2」とWijmoを組み合わせて利用する方法に...

CodeZine(JavaScriptで動かせるマイコンボード「Tessel 2」でLチカに挑戦しよう！)

2016.10.20 ／ 今回は、ワンボードマイコンTessel 2の開発環境の構築と、LEDを光らせる（いわゆるLチ...

【新刊紹介】『改訂新版JavaScript本格入門』9月30日発売、3万部越えのベストセラーがECMAScript 2015に対応

2016.09.28 ／ 新刊「改訂新版JavaScript本格入門」について、担当編集者からのコメントを掲載いただ...

CodeZine(ブラウザだけでExcelやPDFを操作できる「Wijmo（ウィジモ） 5」機能)

2016.09.05 ／ 今回はWijmo 5でExcelやPDFファイルを操作できるさまざまな機能について説明します。

開発環境の便利機能で「Wijmo（ウィジモ） 5」開発をパワーアップ

2016.06.10 ／ 今回はVisual Studioなどの開発環境と組み合わせて、Wijmoを用いた開発をより効率よく...

モジュール管理を簡単にするBrowserifyをAPIや他ツール連携で使いこなす

2016.06.01 ／ 今回はコマンドラインオプションやAPI、Watchifyの変更監視機能、gulpと組み合わせた...

マイクロソフト製品にも採用された「Wijmo（ウィジモ） 5」のモバイルWeb部品

2016.05.17 ／ 今回はマイクロソフト製品にも採用されたWijmo 5のモバイル向けUI部品について、採用...

Node.jsのモジュール依存解決メソッドをブラウザでも使えるBrowserify

2016.05.10 ／ 今回は、Node.jsで別のJavaScriptモジュールを参照するためのrequireメソッドをWebブ...

「Wijmo（ウィジモ） 5」のExcelライクスプレッドシートFlexSheet

2016.03.10 ／ 今回は2016年1月のアップデートで正式版になったスプレッドシートコンポーネント「Fle...

JavaScriptタスク自動化ツールgulpのAPI説明と実践的な利用例

2016.02.24 ／ 前回は様々なタスクを実行する自動化ツールgulpの基本的な利用法を説明しましたが、今...

JavaScriptタスク自動化のもう一つの選択肢、「gulp」の利用法

2015.11.06 ／ gulpはメソッドチェーンによる直感的な記述や並列実行など、Gruntにはない特徴があり...

「Wijmo（ウィジモ） 5」新版で追加されたFinancialChartを使いこなす

2015.11.06 ／ 今回は2015年9月のアップデートで追加された新コンポーネント「FinancialChart」を取...

AngularJSと組み合わせて便利なライブラリ、RequireJSを使ってコード管理を簡単にしよう

2015.10.26 ／ 今回は前回作成したSPAサンプルを用いてRequireJSとAngularJSを組み合わせた使い方を...

AngularJSのngRouteを使ってシングルページアプリケーション（SPA）を作ってみよう

2015.10.14 ／ 今回は、ngRouteモジュールを使ってシングルページアプリケーションを作成します。

JavaScriptとHTMLを明確に分離するには？（data）

2015.10.08 ／ jQueryのdataメソッドを使って独自データ属性の値を取得することにより、「控えめなJa...

Grunt連携や自作ライブラリ登録でパッケージ管理ツールBowerをもっと活用

2015.10.01 ／ 今回はパッケージ管理ツールBowerのより深い活用法として、他ツールとの連携や自作パ...

AngularJSとBootstrapを組み合わせてUIコンポーネントを作ってみよう

2015.09.18 ／ 今回は、前回紹介したディレクティブ機能と、UIフレームワークであるBootstrapを使っ...

【新刊紹介】『速習 ECMAScript 6』発売、次期JavaScript仕様を短期間でキャッチアップ！

2015.09.16 ／ 新刊「速習 ECMAScript 6」について、一般レビュー読者（aceさん）と担当編集者からの...

JavaScriptオブジェクトをJSON形式に変換するには？（json）

2015.09.07 ／ jsonフィルターを使って、JavaScriptオブジェクトをJSON形式に変換する方法を説明しま...

AngularJSでカスタムディレクティブを作ってみよう

2015.07.31 ／ 今回は、カスタムディレクティブの作り方を紹介していきます。簡単なディレクティブの...

別ファイルやJavaScriptでメッセージを管理するには？（ng-message-include／ng-message-exp）

2015.07.06 ／ ng-messages属性で使用するメッセージを、ページ内でテンプレート化したり、外部ファ...

Web開発ライブラリを自動的に入手できるパッケージ管理ツールBower

2015.06.24 ／ 今回はJavaScriptやCSSなどの様々なライブラリを自動的に入手できるパッケージ管理ツ...

AngularJSのリリース前の新しいルーター機能（ngNewRouter）を触ってみよう

2015.06.23 ／ 今回は、バージョン1.4と同時にリリースされる予定であった新しいルーター機能（ngNew...

複数プラグインを組み合わせて、より多くのタスクをGruntに任せよう

2015.05.29 ／ 今回はJavaScriptタスク自動化ツール「Grunt」で提供されている種々のプラグインを駆...

もうすぐリリースされるAngularJS 1.4の機能を先取りチェックしよう

2015.05.27 ／ 1.4へのバージョンアップでは新しい機能の追加、便利な機能アップはもちろん、パフォ...

グラフやゲージなど「Wijmo（ウィジモ） 5」のさまざまなUI部品を活用

2015.05.14 ／ 今回はWijmo 5が提供するグラフやゲージ、入力部品について利用法を説明していきます...

AngularJSのDOMイベント処理と注意すべきディレクティブを知り、HTMLテンプレートを使いこなそう

2015.05.07 ／ 今回はHTMLのDOMイベントとこれまでのディレクティブ紹介から紹介しきれなかった、知...

「Wijmo（ウィジモ） 5」が提供する万能グリッド部品FlexGrid

2015.04.15 ／ 今回は最新版Wijmoである「Wijmo 5」が提供するグリッド部品「FlexGrid」について、さ...

AngularJSで、入力フォームを簡単にチェックできるディレクティブを使う

2015.04.09 ／ 今回は双方向バインディング機能を実現するディレクティブを中心に紹介します。画面か...

Web作成の定形作業を自動化できるJavaScriptタスク実行環境Grunt

2015.04.01 ／ 本連載では主にHTML／JavaScript開発作業を効率化する様々なツールやライブラリを紹介...

AngularJSのディレクティブ機能でHTMLテンプレートを使いこなそう

2015.03.17 ／ 今回は、HTMLテンプレートを記述するための基本的なディレクティブ機能と制御に関わる...

「Wijmo（ウィジモ） 5」を使うならAngularJSとの組み合わせがオススメ

2015.03.09 ／ 今回はWijmoのニューバージョン「Wijmo 5」をJavaScriptライブラリ「AngularJS」と組...

AngularJSのサービス開発とユニットテスト ～テストの流れを把握して保守性の高いコードにしよう

2015.02.06 ／ 前回で完成したタスク管理をするサンプルアプリを使って、データ管理をサーバ（PHPで...

高速／軽量に進化した「Wijmo（ウィジモ）」新版「Wijmo 5」の紹介

2015.02.02 ／ 今回はより高速／軽量に生まれ変わったWijmoのニューバージョン「Wijmo 5」について紹...

コードの健康状態を保て！ Jenkinsとtestemを使って、JavaScriptで継続的インテグレーション（CI）を行う

2015.01.27 ／ 連載最終回となる今回は、JavaScriptで行う継続的インテグレーションについて解説しま...

ビジネスロジック記述の必須知識、AngularJSの「サービス機能」を理解しよう

2015.01.23 ／ 前回までで、画面周りについて完成しました。 しかし、まだ、実際のデータの登録、削...

AngularJSの強力なデータバインディングの肝となる！ スコープを理解して、独特な開発スタイルを自分のものにしよう

2014.12.22 ／ 前回に引き続き、AngularJSを使ってタスク管理をする1つのサンプルアプリケーションを...

AngularJSでMVCプログラミングをはじめよう

2014.10.27 ／ 今回からはAngularJSの使い方を含めて説明していきます。まずは1つのサンプルアプリケ...

【書評】JavaScriptを気持ちよく学べるレシピ集『JavaScript逆引きレシピ jQuery対応』

2014.10.10 ／ 「JavaScript逆引きレシピ　jQuery対応」の書評記事です。 青木さんに書籍の感想を書...

はじめてのJavaScriptフレームワーク選び

2014.10.10 ／ 最近はJavaScriptにもMVCフレームワークを使った開発スタイルが普及しつつあります。...

独特なJavaScriptのオブジェクト指向機能

2014.09.26 ／ JavaScriptでは、クラスも関数で表現できます。 具体的なサンプルソース（Bookクラス...

クセが強いJavaScripの引数を使いこなす

2014.09.25 ／ JavaScriptの関数の引数には様々な特徴があります。第4回は、こうした引数の特徴をき...

JavaScriptの関数はオブジェクトであることを意識

2014.09.24 ／ 第3回は、HTML5でも重要なコールバック関数や変数を内包するクロージャを生成する方法...

現代プログラマの必須知識、JavaScript

2014.09.22 ／ 第2回は、JavaScriptの歴史から関数の定義、呼び出し方などについて解説します。

JavaScriptのスコープを理解しよう

2014.09.22 ／ 本特集では、HTML5時代にふさわしいJavaScriptについて解説していきます。第1回は、Ja...

JavaScriptでカバレッジを取得する

2014.09.19 ／ 今回は、JavaScriptでテストを動かし、JSCoverでカバレッジを取得する方法を説明しま...

JavaScriptからjQuery Mobileページ間の移動を制御するには？

2014.09.11 ／ 通常のページ遷移ではlocation.hrefプロパティを利用するが、jQuery Mobileのページ遷...

JavaScriptからフォーム要素を操作するには？

2014.09.04 ／ フォーム関連を自前で記述する場合、jQueryの知識を生かせますが、jQuery Mobile固有...

複数のブラウザで一度にJavaScriptのテストを行う

2014.08.21 ／ 今回は、JavaScriptのクロスブラウザのテスト方法をjs-test-driverを使って説明します...

JavaScriptライブラリ「Wijmo（ウィジモ）」の便利なウィジェットを試す

2014.06.02 ／ 今回は、Wijmoが提供する40種類以上のウィジェットから、すぐに使い始められてWijmoの...

JavaScriptでスパイ、スタブ、モックなどのテストダブルを行う

2014.05.08 ／ JavaScriptでのテストダブルの方法を、Sinon.jsというJavaScriptテストダブルモジュー...

WebアプリケーションにリッチUIをもたらす高機能JavaScriptライブラリ「Wijmo」（ウィジモ）

2014.04.25 ／ 本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo（ウィジモ）」に...

即効！Officeを操る実用技［Webサービス連携］JavaScriptライブラリをコンポーネント化

2014.04.15 ／ ScriptLetsという、これまでとは別の技術を紹介します。ScriptLetsを一言でいうと「ス...

JavaScript MVVMフレームワーク「JsViews」のJsObservableを使ったデータソースの変更と監視

2014.04.10 ／ 前回はJsViewsの概要と基本的な使い方を紹介しました。今回は、JavaScriptからデータ...

Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ（その2）

2014.03.18 ／ 前回は、「Monaca」を使ってハイブリットモバイルアプリ開発の開発をする準備とjQuery...

Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ（その1）

2014.03.14 ／ HTML5＋JavaScriptでAndroidアプリもiOSアプリも作成できるハイブリットモバイルアプ...

JavaScriptのテストコードをNode.js＋Jasmineで実行してみよう

2014.02.27 ／ Node.jsでのテストの実行方法を、JasmineというJavaScriptテスティングフレームワーク...

JavaScript MVVMフレームワーク「JsViews」の概要

2014.02.26 ／ これまでは、JsRenderの使い方を紹介してきました。今回から数回にわたり、データバイ...

JavaScriptテンプレートエンジンJsRenderの拡張機能

2013.12.24 ／ 今回は、JsRenderを拡張する方法を紹介します。コンバーターやタグを定義し、新たな機...