カテゴリー: 言語

■ 目次

  1. 概要
  2. 環境準備
  3. サンプルプログラム

■ 概要

Reactを触る、今回は以下について端的にどんなものかを学ぶ

  • Hello World
  • Reactでコンポーネントを作る
  • state,propについて

サンプルプログラムを自分の環境で簡単に用意して実際に動いているサンプルを見ながら概要を掴むことを目的とする
Read More 触って覚えるReact ~ HelloWorld,コンポーネント基礎,state,prop ~

言語

言語 開発

■ 目次

  1. 概要
  2. PHPDocの書き方
  3. PHPDocを記述する例
  4. ドキュメントを自動生成する

■ 概要

phpDocumentorとはクラスやメソッドの定義前にブロックコメントを決められた方式で記述していると、APIドキュメントを自動生成することができるツール

今回はそのphpDocumentorで記述する書式についてまとめる

Read More PHPDocの書き方を学ぶ

言語

言語

■ 目次

  1. 概要
  2. ソースコードリーディングをするための準備
  3. そもそもhtml()って?
  4. ステップ1
  5. ステップ2

■ 概要

勉強がてらjQueryのソースコードを簡単に追ってみた時のメモを記述します

いきなり自分で理解するのは難しいのでgihyoさんの参考サイトを見ながらやっていこうかと思うのでjQuery-1.2.2を使います(だいぶ古いですが…)
http://gihyo.jp/dev/feature/01/jquery
jQuery-1.2.2のソースはこちらになります
http://code.jquery.com/jquery-1.2.2.js

サンプルコードをステップ実行していって処理の流れをやんわり理解します

Read More jQueryのソースコードリーディングメモ – html()関数の流れを追ってみる

言語

■ 目次

  1. 概要
  2. JavaScriptのコード規約・シンタックスチェック
  3. JavaScriptのステップ実行について

■ 概要

JavaScriptのコードを書く時に
問題が無いかツールによるチェックや動作確認を行うための方法を調べる

■ JavaScriptのコード規約・シンタックスチェック

GoogleのJavaScriptのコーディングスタイルチェッカーである「Closure Linter」というものを使う

「Google JavaScript Style Guide」という規則に従ってjsが書かれているかを調べる
http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml
http://cou929.nu/data/google_javascript_style_guide/ (非公式和訳)
インストール方法

$ git clone https://github.com/google/closure-linter.git
$ cd closure-linter/
$ sudo python ./setup.py install

以下2つのスクリプトが使えるようになる

gjslint スタイルの誤りやシンタックスエラーを調べる
fixjsstyle 自動的にエラーを直してくれる

使い方

// 文法チェック
$ gjslint path/to/file.js

// 文法のチェックを行い自動的に直す
$ fixjsstyle path/to/file.js

Read More JavaScriptのステップ実行について

言語 開発

言語

言語

■ 目次

  1. 概要
  2. 変数の存在チェック
  3. プロパティの存在チェック
  4. 論理演算まとめ
  5. 参考

■ 概要

JavaScriptの論理演算や変数の存在チェックについて
説明しなくても何となく見ればわかるかもしれないがあまり見ない書き方だったのでまとめる

JavaScript勉強シリーズ

Read More JavaScriptの論理演算による存在チェックについて

言語

言語