さっしーブログ

埼玉県在住のシステムエンジニアです。基本的には技術的な内容を中心に発信していきます。

JavaScript

knockout.js チュートリアル 【Loading and saving data】

目次 目次 Step2 サンプルコード Step3 サンプルコード Step4 サンプルコード Step5 サンプルコード 本記事はknockout.jsの公式サイトにある以下のチュートリアルを実施した備忘録です。 learn.knockoutjs.com Step2 タスクリストのサンプルプログラム(JSON…

knockout.js チュートリアル 【Creating custom bindings】

目次 目次 Step2 サンプルコード Step3 サンプルコード Step4 サンプルコード 本記事はknockout.jsの公式サイトにある以下のチュートリアルを実施した備忘録です。 learn.knockoutjs.com Step2 ポイント配布式アンケートのサンプルプログラム サンプルコード…

knockout.js チュートリアル 【Single page applications】

目次 目次 Step1 サンプルコード Step2 サンプルコード Step3 サンプルコード Step4 サンプルコード 本記事はknockout.jsの公式サイトにある以下のチュートリアルを実施した備忘録です。 learn.knockoutjs.com Step1 メールボックスのナビゲーションバーを表…

knockout.js チュートリアル 【Working with Lists and Collections】

目次 目次 Step1 サンプルコード Step2 サンプルコード Step3 サンプルコード Step4 サンプルコード Step5 サンプルコード 本記事はknockout.jsの公式サイトにある以下のチュートリアルを実施した備忘録です。 learn.knockoutjs.com Step1 foreachバインディ…

knockout.js チュートリアル 【Introduction】

目次 目次 Step1 サンプルコード Step2 サンプルコード Step3 サンプルコード Step4 サンプルコード 本記事はknockout.jsの公式サイトにある以下のチュートリアルを実施した備忘録です。 learn.knockoutjs.com Step1 まずはViewModelを定義して、htmlのstron…

knockout.jsのチュートリアルをやってみた

目次 目次 1.ファルダ構成 2.チュートリアル記事 2-1.Introduction 2-2.Working with Lists and Collections 2-3.Single page applications 2-4.Creating custom bindings 2-5.Loading and saving data 今回は下記のknockout.js公式サイトに記載されているチ…

Reactで入力フィールドに入力した値を画面に表示してみる

目次 目次 1.入力フィールドを用意する index.html index.js App.js 2.状態を管理する。 App.js 本記事は筆者自身の知識の棚卸のために書いておりますが何かの参考になれば幸いです。 開発環境は下記の記事で作成したものを使用しておりますので参考にしてく…

create-react-appを使用してReactアプリのフロントエンド開発環境を導入しよう

目次 目次 1.まず初めに 1-1.開発環境マシンスペックについて 2.開発環境構築手順 2-1.WebStormをインストールしよう 2-2.node.jsをインストールしよう 2-3.create-react-appをインストールしよう 2-4.Reactアプリのスケルトンを作成しよう 2-5.アプリを起動…

jQueryを使用して、開いたタブを記憶させる方法

目次 目次 1.実装概要 2.実装方法 2-1. 使用ライブラリ 2-2. 実装例 1.実装概要 JavaScriptで開いたタブを記憶させて、ブラウザを閉じたり、新規タブで開きなおしても 前回開いたタブがフォーカスされるようにしたい場合に今回の実装が役に立つかと思います…

Xampp + PHP + knockout.jsでデータバインディングを試してみた。

目次 目次 1.環境 2.前提条件 3.概要 4.内部構成 5.ソースコード 5-1.index.html 5-2.sample.php 5-3.sample.js 1.環境 ・windows7 32bit ・ xampp( php 5.2.0 + apache 2.4 ) ・ jQuery 3.2.1 ・ knockout.js 3.4.2 2.前提条件 ・xamppインストール済み ・x…