Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

JavaScriptに関する記事とニュース

298件中1~20件を表示
  • 2018/07/17

    Reduxで非同期処理を行う~ES2017のasync/await構文を使って実装する方法

     Reactアプリ開発の基礎を解説してきた本連載。前回の第9回では、Reduxに備わったMiddlewareの仕組みを使って非同期処理を実現する方法について学びましたが、Middlewareを使わずに非同期処理を実現する方法もあります。今回は、ECMAScript 2017のasync/await構文とReduxを併用しながら非同期処理を実現する方法について学んでいきます。

  • 2018/06/15

    Reduxで非同期処理を行う~Middlewareを使って実装する方法

     第8回ではFluxの概念を紹介しながらReduxの基本的な使い方を学びましたが、Reduxを実際の業務で使う場合には、実践的なノウハウが必要になります。今回は、よりReduxを現場で使えるツールとして活用するために、Middlewareの仕組みを導入しながら、外部との通信を行う際に必須となる非同期処理を行う方法について学ぶことを目的とします。

  • 2018/05/30

    ツールが充実してさらに便利に! 「Angular」バージョン6の新機能

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、Angular CLIのコマンドで実行できる単体テストについて説明しました。今回は、2018年5月にリリースされたAngularの最新版バージョン6を取り上げて、変更点や新機能を紹介します。

  • 2018/05/28

    ソフトウェアの品質を高めて作業効率も上げる、Angularの自動単体テスト

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はコマンドラインツール「Angular CLI」の利用方法を説明しました。今回は、Angular CLIのコマンドで実行できる単体テストを説明します。ソースコードを単体テストできるよう設定して、ソフトウェアの品質を高めることができます。

  • 2018/05/07

    Angular開発の強力サポートするコマンドラインツール「Angular CLI」の活用法

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は、バージョン5の変更点や新機能を解説しました。今回は、プロジェクトの生成や実行など、Angularアプリの開発をさまざまな機能でサポートするコマンドラインツール「Angular CLI」の利用方法を説明します。

  • 2018/04/09

    アプリの状態管理を安全に行うためのFluxとRedux

     Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びましょう。

  • 2018/03/30

    「prop-types」でPropsのデータ型を担保する

     Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回は、Propsの型を定義することでコンポーネントの可用性を向上させる方法を学びましょう。

  • 2018/03/13

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

     本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。Angularは2017年11月にメジャーアップデートを受けてバージョン5になりました。本記事では、バージョン5の変更点や新機能を紹介します。

  • 2018/03/02

    Spread.ViewsとPayPalを連携して商品発送管理システムを作る

     本連載では、グレープシティが開発するJavaScriptライブラリ「SpreadJS」の 収録コントロール「Spread.Views」を活用して、IoT時代に役立つさまざまなアプリケーションを作っていきます。今回は、Spread.ViewsとPayPalやクリックポストなどの外部サービスを連携して、商品発送の管理をするシステムを作ってみます。

  • 2018/03/02

    Storybookでコンポーネントの品質を向上する

     Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回はStorybookというツールの使用方法を利用してコンポーネントのカタログを作ることで、高速に動作確認を行う方法を学びましょう。

  • 2018/02/13

    Spread.ViewsとRaspberry Pi+ESP32搭載ボードNefry BTでインフルエンザ対策のBIツールを作る

     本連載では、グレープシティが開発するJavaScriptライブラリ「SpreadJS」の 収録コントロール「Spread.Views」を活用して、IoT時代に役立つさまざまなアプリケーションを作っていきます。今回は、Spread.Viewsのスパークライン機能を使って、オフィス内の温湿度データなどを可視化するインフルエンザ対策BIツールを作ってみます。

  • 2018/02/05

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

     本連載では、グレープシティが提供するJavaScriptライブラリWijmo(ウィジモ)について、サンプルとともに利用例を紹介します。今回はWijmoの上位エディション「Wijmo Enterprise」で利用できるグリッド部品MultiRowを紹介します。1レコードを複数行に分けて表示でき、柔軟なグリッド表示を実現します。

  • 2018/02/01

    React Routerで複雑な画面遷移をシンプルに実装する

     Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回はライブラリ「React Router」を利用して、GUIアプリケーションには欠かせない画面遷移とURLの管理を行う方法を学びましょう。

  • 2018/01/12

    Elixir+PhoenixとSpread.Viewsでリアルタイムな出勤管理アプリを作ろう

     本連載では、グレープシティが開発するJavaScriptライブラリ「SpreadJS」の 収録コントロール「Spread.Views」を活用して、IoT時代に役立つさまざまな アプリケーションを作っていきます。今回は、Spread.Viewsのカレンダー機能を使って出勤管理アプリを作ります。

  • 2017/12/28

    Reactによるフォーム/リストの基本

     Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。今回はJavaScriptでステートフルなアプリケーションを実装しながら、「リスト」と「フォーム」のWebアプリケーションに欠かせない要素を学びましょう。

  • 2017/12/06

    ガントチャートもFacebook風もこれ一つでOK! 多彩なUI表現を可能にするSpread.Viewsを使ってみよう

     本連載では、グレープシティが開発するJavaScriptライブラリ「SpreadJS」の 収録コントロール「Spread.Views」を活用して、IoT時代に役立つさまざまな アプリケーションを作っていきます。第1回となる今回は、Spread.Viewsの概要と使い方を紹介します。

  • 2017/12/01

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

     本記事では、グレープシティが提供するJavaScriptライブラリ「SpreadJS」に含まれるスプレッドシート部品「Spread.Sheets」を、JavaScriptフレームワークAngularと組み合わせて利用する方法を説明します。Spread.Sheetsのさまざまなスプレッドシート機能を、Angularを利用したWebページで活用できます。

  • 2017/11/15

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

     本連載では、HTML/JavaScript開発作業を効率化するさまざまなツールやライブラリを紹介します。前回は、モジュールバンドラーwebpackの基本的な利用法と、webpackで処理できるJavaScriptモジュール形式を説明しました。今回は、Node.jsのプロジェクトにwebpackを設定して、画像やCSSの処理、JavaScriptの変換などを行う方法を説明します。

  • 2017/09/11

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

     本連載では、HTML/JavaScript開発作業を効率化する、さまざまなツールやライブラリを紹介します。今回取り上げる「webpack」は、Webページを構成するさまざまなファイルを、依存性を解決しながらまとめる「モジュールバンドラー」です。JavaScriptの依存性解決ができるほか、画像ファイルやCSSなど、さまざまな種類のファイルを処理できるwebpackの利用法を、第9回と第10回の2回にわたって説明します。

  • 2017/08/07

    Webhookを利用してチャットツール「HipChat」と外部ツールを連携させてみよう

     昨今、開発現場での情報共有は必須ともいえるほどに重要視されています。情報共有ツールとしてJIRAやConfluenceといったアトラシアン製品は多くの開発現場で使用されていますが、チームの仕組みに存在するからなんとなく使っている……そのような方も多いのではないでしょうか。しかしせっかくのツール、多種多様な機能をもっと活用したいと思いませんか? 本連載では使い慣れた環境と組み合わせてツールをさらに使いこなす方法を、アトラシアン製品の国内販売代理店であるリックソフトがお伝えします。前回はJIRA ...

298件中1~20件を表示
All contents copyright © 2005-2018 Shoeisha Co., Ltd. All rights reserved. ver.1.5