uraway.hatenablog.com前に作ったTodoListをアップデートしてみました。 主な変更はチェック機能と削除機能の追加です。入力されたvalueをTodoListのデータの一つであるtextで取得できず苦労しました。 最初からデータのtextも、valueと名付けていればこんな…

復活＆＆再開！ 病名は詳しくは知らないですが、先週の水曜日、木曜日あたりに感染性の胃腸炎にかかってしまい、４日間ダウンしていました。 睡眠不足で免疫力が低下していたところに来たみたいです。もう完全に調子が戻ったので、壊れない程度に勉強を再開…

参考： node.jsにおける、npmとpackage.jsonという作法について http://expressjs.com/starter/generator.html アプリの骨組み uraway.hatenablog.com 前に作ったBMI計算機をgithubに乗せてみました。 （ちなみに画像は拾い物） それがこちら uraway/bmicalc…

これが、See the Pen Todolist by uraway (@uraway) on CodePen.ES6版だとこうなるSee the Pen TodoApp(ES6) by uraway (@uraway) on CodePen.でも、これだと不便なので、手を加えてみよう。 次回へ続く…

Stack Overflow とは： Stack Overflow is a question and answer site for professional and enthusiast programmers. It's built and run by you as part of the Stack Exchange network of Q&A sites. With your help, we're working together to build a…

BMIカテゴライズ 参考： Calculate Your BMI - Metric BMI Calculator See the Pen BMI calc by uraway (@uraway) on CodePen.bmiCalc関数によって、BMI数値を計算し、stateを更新して、BMI数値をカテゴライズする。トリガーを書き忘れてて数十分詰まった。 …

See the Pen countdown timer by uraway (@uraway) on CodePen. 参考： reactjs - React.jsでFormを扱う - Qiita Forms | React タイトル通り。 class CountdownTimer extends React.Component { constructor() { super(); this.tick = this.tick.bind(this)…

tutorialが難しいので、それより簡単なClick counterをES6で作ってみた。 気をつける点は、初期値はconstructorで定めることと、コールバック関数でオブジェクトが変なところを参照している時にはbindをしてあげること See the Pen Hello World by uraway (@…

参考： React Componentでthisがundefinedになる問題の解決策 andreypopp/autobind-decorator · GitHub autobind-decoratorライブラリーがES7の標準になるか、シュガーシンタックスが追加されるみたい。 npmでインストールするしかないのかな

参考：React: CSS in JS // Speaker Deck uraway.hatenablog.comエラー修正とデザイン追加 CSSをJSのオブジェクトにして、コンポーネントのstyleと結ぶ

uraway.hatenablog.com 前記事でサンプルコードを見ながらタイマーを作りました。さすがに寂しいので、start,stop,reset機能のボタン(button)を自分なりに作ってみました。 ボタン参考： React Componentでthisがundefinedになる問題の解決策初心者すぎてこ…

React.jsを使って、タイマーを作ってみます。 A JavaScript library for building user interfaces | React参考： Top-Level API | React ReactのAPIを眺めてみた - Umi Uyuraのブログ reactjs - React.jsのState - Qiita JavaScript - React.jsのチュートリ…

そういえばやってなかったので、Hello worldしてみます。 Getting Started | React

授業で必要になりそうなので、Codecademyで学んだことをぱぱっとまとめておきます。 Learn SQL | Codecademy SQLリファレンス Oracle Database SQLリファレンス -- 目次 逆引きSQL構文集 SQL Quick Reference SQLって？ 'Structured Query Language', is a p…

node.jsを使って、webサーバーを立てるまで方法をメモしておきます。 参考： MEANスタックで始めるWebアプリ開発入門（2）：いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール (1/2) - ＠IT Node.js入門 (全16回) - プログラミングならドットイン…

参考：【Node.js】足りないモジュールをたったの一行でインストールするコマンド - QiitaReactのtutorialをやっていて、server.jsを実行しようとしたら・・・

詰まったのでメモとして残しておきます。dotinstall.com dotinstallのコンテンツの流れに従って、CentOSによって動くローカル開発環境（local server）を導入してみましょう。

無料のエディタAtomにパッケージという名のプラグイン的なものを入れてみました。 これで自分好みのエディタが作れるようです。入れ方としては、 Atom＞Preferences[command+,]>install で好きなものをインストールするだけとりあえず今は以下の３つだけ入れ…

注文したMacbookが明日届くようなので、Learn to code | Codecademyでターミナルの基礎について学んでみました。備忘録としてまとめて残しておきます。

ifttt.comアプリ連結サービスIFTTTを使って、ブログ記事投稿を知らせるツイートとフェイスブックの投稿の自動化を行いました。 レシピに従って入力をしていくだけなので、設定はものの数分で終わります。 これではてなブログに新記事を書くと、自動でツイー…

ECMAScript Language Specification ECMA-262 6th Edition – DRAFTのIntroductionには、次のようにECMAScript6の機能追加の目標が定められています。 Goals for the sixth edition include providing better support for large applications, library creati…

参考： いまからはじめるECMAScript 6 どうやってECMAScript 6を学び始めるか ES6(ECMAScript6)でのJavaScriptの書き方 | 姫路のホームページ製作屋WILDWEST-SERVICE ECMAScript 6 compatibility table Rubyist Magazine - 2015 年の JavaScript と babel の…

参考、引用： JavaScriptでnewしてインスタンス生成 - Qiita クラスのインスタンス。 [いまさら聞けないJavaScript用語] : ずっと工事中 オブジェクト指向 JavaScript 入門 - JavaScript | MDN Google流 JavaScript におけるクラス定義の実現方法 インスタン…

文系がプログラミングを独学で始めるときに参考にした、しているサイトをまとめてみました。 今後も追記していきます。上に来るほど参考度が高いです。 学習サイト Learn to code | Codecademy //日本語には対応していませんが、Ruby、JavaScriptといったプ…

参考： 初心者のためのJavaScript入門（7）：JavaScriptでDOMに挑戦 (1/2) - ＠IT JavaScriptプログラミング講座【ドキュメントオブジェクトモデル(DOM)について】

参考： JSX in Depth | React reactjs - React.jsのJSXを使ってみる - Qiita jsx(Reactのほう)に慣れる - こおろぎと蛞蝓特にJSX in Depth | Reactを用いながら理解を進めていきましょう。 なんでJSXを使うの？ Reactとともに用いるとき、プレーンなJavaScri…

Tutorial | Reactを参考にして、リアルタイムコメント機能をつくってみます。翻訳しながら少しずつ進めていきます。

Gitでバージョン管理をしてみる まずGitについての知識を仕入れるには下記のリンクが参考になるでしょう。 サルでもわかるGit入門 〜バージョン管理を使いこなそう〜 | どこでもプロジェクト管理バックログ ようこそ、バージョン管理の基礎勉強へ! — バージ…

参考、引用： いまアツいJavaScript！ゼロから始めるNode.js入門〜5分で環境構築編〜 第1回 Node.jsとは：基礎から学ぶNode.js｜gihyo.jp … 技術評論社 .bash_profileと.bashrcの違いは 今さら聞けない高性能エディタVim入門 | Code部 さらに詳しく： Node.j…