jyouji1979

jyouji1979

  • Reactでカウンターアプリを作成しよう

    Mac上に仮想環境を構築して、その上にReactのアプリを構築していきます。React.js、Babelの簡単な使い方や、メリットを見ていきます。

  • RailsをVagrantで構築してHerokuで動かします

    RailsをVagrant上で構築してHerokuで動かします。仮想環境の構築はMacを対象に書いていますが、それ以外はwindowsユーザーでもOKです。構築に時間をかけたくないので、時間を買いたいという人にオススメのドキュメントです。

  • NY Timesにある満州国の記事

    当時の新聞が、どのように満州、満州国について記述していたかを描いています。

  • フィリピン社会から見える幸せの在り方

RailsをHerokuで動かす

Heroku用のコマンドツールをインストールsudo add-apt-repository "deb https://cli-assets.heroku.com/branches/stable/apt ./" curl -L https://cli-assets.heroku.com/apt/release.key | sudo apt-key add - sudo apt-get update sudo apt-get install heroku アプリの準備ra

jyouji1979

    • 仮想環境でUbuntuにRails5.2をインストールして動かす

      基本的にはMacユーザーを想定していますが、仮想環境を使うので、Windowsでも作業できるはずです。仮想環境なので、何度でもやり直しができます。 仮想環境の構築は、こちらの記事を参照して下さい。 Macで仮想環境の中にUbuntuを作成するmkdir vagrant_for_heroku cd vagrant_for_heroku vagrant init Vagrantfileを編集します。 vi Vagrantfile Vagrantfileの中身です。

      jyouji1979

      • React.Componentでクラスの状態を管理しよう

        前回、作成したクラスをもとにカウンターの中身を実装していきましょう。 カウントの中身を実装しましょう。（src/app.js） class Counter extends React.Component { constructor() { super(); this.count = 0; } handleAddOne() { this.count ++; console.log('handleAddOne', this.count); } handleMi

        jyouji1979

        • JavaScriptのクラスを勉強して、React.Componentを使ってみよう

          クラスの基本を勉強しよう前回までの実装で気になったところは、値を変更するたびにrenderCounterApp関数を呼び出さなければいけないところです。そこを修正していきたいのですが、その前にjavascriptのクラスの概念を勉強しましょう。 クラスとは設計図のようなもので、ポイントは以下の通りです。 ●　classというキーワードで宣言 ●　newというキーワードで、クラスを使う。 ●　constructorはnewが使われた時に、実行される。 例として、Anima

          jyouji1979

        RailsをHerokuで動かす

        jyouji1979

        マガジン

        • Reactでカウンターアプリを作成しよう
          8本
        • RailsをVagrantで構築してHerokuで動かします
          2本
        • フィリピン社会から見える幸せの在り方
          5本
        • NY Timesにある満州国の記事
          10本

        記事

          Reactでカウンターアプリの中身を実装していこう

          countの値を増減させましょう src/app.js let count=0;const addOne = () =>; { count ++; console.log('addOne', count);};const minusOne = () =>; { count --; console.log('minusOne', count);};const reset = () =>; { count = 0; console.log('reset', count);};

          jyouji1979

          Reactでカウンターアプリの中身を実装していこう

          jyouji1979

          Reactでカウンターアプリのhtmlを作成しよう

          まずはHTMLを作成します。（src/app.js） let count=0;let template = ( <div> <h1>Count: {count}</h1> <button>+1</button> <button>-1</button> <button>reset</button> </div> );ReactDOM.render(template, document.getElementById('app')); 次に、イベントを追加します

          jyouji1979

          Reactでカウンターアプリのhtmlを作成しよう

          jyouji1979

          Reactで簡単なHTMLを表示してみよう

          HTMLを表示してみようReactDOMに渡すタグは、一つしか渡せません。そのため、<div>タグでくくった上でタグを渡すようにしましょう。 src/app.jsです let template = ( <div> <h1>h1 tag</h1> <p>p tag</p>

          jyouji1979

          Reactで簡単なHTMLを表示してみよう

          jyouji1979

          Reactで「Hello World」をしよう

          JSXとBabelについてブラウザのデベロッパーツールで、何らかの文字を表示させたいと思います。 まずは、このコードを書いて下さい。（public/scripts/app.js） console.log('app');let template=<p>This is JSX from app</p>;let appRoot = document.getElementById('app');ReactDOM.render(template, appRoot); 直感的なコー

          jyouji1979

          Reactで「Hello World」をしよう

          jyouji1979

          仮想環境でJavaScriptの開発環境を構築

          仮想環境で環境を構築しましょう MacOSの中ですMacでターミナルを開いて下さい。 ターミナル上で以下のコマンドを打っていってください。 ディレクトリ（フォルダ）作成（ターミナル上） mkdir vagrant_for_react 作成したディレクトリ（フォルダ）に移動（ターミナル上） cd vagrant_for_react vagrantファイルの作成（ターミナル上） vagrant init Vagrantfileの編集（Vagrantfile）

          jyouji1979

          仮想環境でJavaScriptの開発環境を構築

          jyouji1979

          Reactでカウンターアプリを作成する

          作成するアプリ● +1をクリックしたら、1がプラスされる。 ● -1をクリックしたら、1がマイナスされる。 ● resetをクリックしたら、0になる。 基本的にはMacユーザーを想定していますが、仮想環境を使うので、windowsでも作業できるはずです。仮想環境なので、何度でもやり直しができます。 仮想環境の構築は、こちらの記事を参照して下さい。 目次１、仮想環境で、javascriptの開発環境を構築 ２、Reactで「Hello World」 ３、Reactで簡単な

          jyouji1979

          Reactでカウンターアプリを作成する

          jyouji1979

          無駄を排除し続けている日本社会

          セブのマクタン島での日常最近は、セブのマクタン島に住んでいるので、のんびりとサイクリングをしている機会が増えた。特に急ぐ理由もないので、周りを見渡しながらゆるゆると走る。昼間に走っていると、小屋みたいなところで、ゴロゴロと寝ている人達や、日陰でたむろっているオッサン達をみかける。暑いから何もしたくないのだろう。いかにも南国気質だ。マクタン島には、野良犬だか飼い犬だかわからない犬が沢山、いるのだが、犬も昼間はゴロゴロしている。下手に暑い時に活動すると、熱中症の危険があるので仕方

          jyouji1979

          無駄を排除し続けている日本社会

          jyouji1979

          1932/2/15（昭和7年）日本は上海での衝突を抑えるだろう。

          日本は上海での衝突を抑えるだろう。 陸軍大臣は支那の軍隊と衝突しない方法を模索しています。 奉天の和平交渉は続いています。 東京、2/15（月） 陸軍大臣の荒木は本日の記者への声明で、「日本は上海での事変を抑えるつもりで、今は支那兵と紛争をするつもりはない」と宣言しました。日本人の中国への遠征の目的は、彼いわく、在邦人の保護のためです。もし、支那の軍隊が引き揚げれば状況は平和的に解決するが、もし拒否するならば、南京事件や尼港事件での虐殺を覚えている日本は、問題解決のため

          100
          jyouji1979

          1932/2/15（昭和7年）日本は上海での衝突を抑えるだろう。

          jyouji1979

          1932/2/13（昭和7年）満州での全ての計画の平等

          民族主義は支那からの独立国において、落胆させます。 奉天 2/12 日本は、明確に満州を開発しようとしており、その場所は、日本人の顧問により指導された規則で、名目上は中国人による規則を遵守する全ての国民のために開放されます。 「民族主義は3千万人の住民を落胆させるだろう」とアナウンスされています。また全ての民族は、奉天州知事のShih-yi、吉林省知事のHsi Hsia、黒竜江省知事のChang Ching-huの間で行われた当初の会議に基づいて、支那から独立した国において

          100
          jyouji1979

          1932/2/13（昭和7年）満州での全ての計画の平等

          jyouji1979

          1932/2/10（昭和7年）以前の奉天の支配者は鉄道の権利を主張している

          失脚した政権が、鉄道を再び取り戻す望みを失った証拠が見られます。 大連、2/10 以前の満州統治者が、ついに満州鉄道を取り戻す望みを失ったという証拠は、以下の声明を含んでいます。 ”前東清鉄道の委員会に請求権を持つ全ての人々は、委員会に言いました。そして、現在、管理している鉄道は、これを持って現在の書類に要請しています。加えて証拠を必要とします。 外国人は、領事に対して証拠を送ることを必要としています。中国人は、遅くとも1932/4の終わりまでにはマネージャー用の商業会議所

          100
          jyouji1979

          1932/2/10（昭和7年）以前の奉天の支配者は鉄道の権利を主…

          jyouji1979

          1932/2/9（昭和7年）君主制主義者が新しい満州では優勢です

          憲法を作っている人達は溥儀を王位に置きたい。名前はまだ探しています。 東京 2/9 火曜日 満州で憲法を作っている人達は、どんな中国名を新しい国に命名するか、まだ話し合っています。そして、それが皇帝制か共和国かどうかも。 　共和国制の理論的な優位性は認めながらも、大統領のポジションは政治的な能力と素晴らしい人格が求められ、今のところ、そのようは候補者はいないといったことが話し合われています。彼等は、以前の大統領選挙は国民をガッカリさせると信じています。そのため、清の全皇帝で

          100
          jyouji1979

          1932/2/9（昭和7年）君主制主義者が新しい満州では優勢で…

          jyouji1979

          1932/1/29（昭和7年） ロシア皇帝派による満州国の計画にシリル伯爵が関心を持っています

          フランス BRIAC市 1/28. 以前は伯爵であり、ロシアの王位を主張しているシリルは、満州で独立国家を作ろうとしている（祖国を追われた）ロシア人の努力についてコメントしました。「私は彼らと付き合うことはできないが、非常に感心を持っている。」「満州で、15万人のロシアからの難民は、不十分な中国人の管理政策とそれによる満州の貧弱な経済状況を遺憾に思っています。また、彼らは日本人の保護領を受け入れる準備があります。」「彼等は、日本人は彼等をより幸せにすることができると信じていま

          100
          jyouji1979

          1932/1/29（昭和7年） ロシア皇帝派による満州国の計画に…

          jyouji1979