- 2022年6月8日
- 2022年6月9日
『化物語』風 閑話休題演出がサクッと作れるWebアプリを作ってみた(作ってみてる)話
はじめに 最近、Youtubeで「化物語」の「閑話休題」演出を使用することがありました。場面転換するのにも、次どんな内容に移りますよと明示するのにも優秀な演出で、コレは良いなと今後もたまに使っていこうと思いました。 実際に使ってるのはこんな感じ。 こ […]
TAG
Javascript
- 2019年1月4日
- 2019年1月28日
【WebSlides】HTML+CSS+Javascriptでプレゼン資料を作成したら割とウケた話。2018年版。
作成した資料はこちらです。⇒ 2018 hidetaso Webプレゼン資料 (スマホで見る場合は、ピンチアウトして幅調整してください) プレゼンすることになりました。/h2> パワポで普通にスライド作るのつまらん。 さて、スライドを作りましょうか！ […]
- 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年前位に遊びで手を出してみましたが、どうにもコンポーネントの切り単位の統一やデザイ […]
- 2017年6月29日
- 2018年4月16日
【Javascript】Canvasに多角形で「花」を描いてみる
花弁って幾何学的ですよね ある日、植物園で見たお花が、四角形を組み合わせたような形だったんですよ。 この写真の中心の部分、なんだか四角形とか、五角形とか…の組合せで描画できそうじゃないか…！ ということで、Javascript […]
- 2017年6月21日
- 2018年4月16日
【Javascript】$.ajax(jQuery)の代わりにはfetchがいいらしい
はじめに Javascriptで、動的に外部コンテンツをロードする際、ajaxしますよね。 ネットで「Javascript ajax」なんて調べると、大体jQueryでajaxする方法が出てきます。 が、最近はjQuery無しでクールにajaxするf […]
- 2017年6月13日
- 2020年7月14日
日本の絶景を地図/写真の一覧で見れるWebアプリを作りました。旅行やツーリング計画にどうぞ
今回は、こんな感じのアプリを作った(作ってる)という紹介です。下記リンクで公開しています！ 日本の絶景マップ 「日本の絶景マップ」ってどんなもの？ 写真と地図で、日本の絶景を一覧化したものです。下記のような感じです。 「写真で見る」タブで画像とランク […]
- 2017年6月7日
- 2018年4月16日
【Javascript】Google Sheets APIを簡単に使うためのラッパーClassを作りました
はじめに 「Googleドライブ上のスプレッドシートをJavascriptで操作したいんじゃ！」 という要望がありました。 色々勉強して、一応JavascriptだけでSheetsAPIを操り、値の取得~更新はできるようになったのですが… […]