• 2022年6月8日
  • 2022年6月9日

『化物語』風 閑話休題演出がサクッと作れるWebアプリを作ってみた(作ってみてる)話

はじめに 最近、Youtubeで「化物語」の「閑話休題」演出を使用することがありました。場面転換するのにも、次どんな内容に移りますよと明示するのにも優秀な演出で、コレは良いなと今後もたまに使っていこうと思いました。 実際に使ってるのはこんな感じ。 こ […]

  • 2017年12月3日
  • 2018年4月16日

【React】Reactに爆速で入門する4。Webpackを使ってバンドルする

はじめに Reactに爆速で入門する1~3までで、React自体に対する理解はできてきました。(第1回はこちら) しかし、入門1~3では、1つのファイルで、しかもReactやBabelの読み込みをscriptタグでCDNで行っていました。 実際のフロ […]

  • 2017年12月3日
  • 2018年4月16日

【React】Reactに爆速で入門する3。リストに画面から入力した値を追加する

はじめに 前回では、親コンポーネントから値を流し込んで、その値をリスト表示しました。 今回は、その画面表示した値に、画面からの入力値を追加していくというコードを書いていきます。 一旦ここまでできれば、親-子コンポーネントの関係、値表示、イベントハンド […]

  • 2017年12月3日
  • 2018年4月16日

【React】Reactに爆速で入門する2。親から値を受け取りリスト表示する

はじめに 業務でReactを使うことになったので爆速で入門するぜ!の第2回です。 前回の第1回では、とりあえずReactを使ってもともと決まりきったDOMを画面表示していましたが、今度はコンポーネントの外から値(配列)を与えて、その値を画面にリスト表 […]

  • 2017年12月2日
  • 2018年4月16日

【React】Reactに爆速で入門する1。まずは1ファイルだけでHelloWorldする

はじめに みなさん、こんにちは!今回は、Javascript、というかReactの話です。 最近のフロントエンド開発ではまぁまず名前を耳にするReact。 私も、もう2年前位に遊びで手を出してみましたが、どうにもコンポーネントの切り単位の統一やデザイ […]