daily-dev.net

React, firebase, 機械学習など

Gmailの独自ドメインでcontact form7 を利用してwordpressからメール配信をする方法の最新版

一個も正式な方法が日本語文献でヒットしなかったので書いておきます。 まず、プラグイン を入れる。 Gmailを選択。 画像元: https://wpforms.com/wp-content/uploads/2017/12/Choose-Gmail-for-SMTP-mailer.png なぜかOther SMTPを選択させる解答ばかり。…

モーションキャプチャの格安レンタルをやります。

もっと広がれば、楽しくなりそうなものに、モーションキャプチャがあります。 私自身、中高時代運動部だったのですが、モーションキャプチャが利用できれば確実にもっと強くなっていただろうなと思います。 半年に一回、先生が録画して見返すみたいな機会が…

React - production環境でconsole.logなどの出力を消す

このためには、webpackのコンパイル設定を手動で変えられるようにする必要がある。 package.jsonのscriptsに "eject": "react-scripts eject" を追加して、 npm run ejectを走らせる。 これは簡単のためcreate-react-appが隠蔽している、パッケージの依存関…

firebaseでTwitter認証がproductionのみ効かないとき

承認済みドメインという欄を忘れがちなので記録しておきます。 ログインにおいて、それ以外でのハマりピントはほぼない。

firebaseでユーザーが自身のアカウントを削除できるようにする

cloud functionsを利用するのが一番早そうだった。 deleteUserByAdmin というエンドポイントをcloud functionで作って、 それを fire.functions().httpsCallable('deleteUserByAdmin');でクライアントサイドから叩くというコードです。 クライアントサイド f…

github pagesにreact-create-appで作成したReactアプリを独自ドメインでデプロイしたのに表示されないときのチェックポイント

公式リファレンスに沿ってデプロイしたのに表示されない。なぜだろう? 独自ドメインをpackage.jsonの"homepage" 欄に設定していますか? gh-pagesブランチをデプロイブランチに設定していますか? CNAMEファイルに接続したいカスタムドメイン(独自ドメイン…

Webデザイナーさんに伝えるために書いた最速でコーディングに入るためのReact.js初心者向け概論

一緒にやっているWebデザイナーさんに初めてReactアプリのコーディングを頼むときに書いた概論です。 最速でコーディングに入ることを目的としていた文章ですので、 ザックリしすぎる一般化もありますし、深いReact理解/実装を求めるなら公式リファレンスを…

Youtube Video List APIからyoutube動画情報(ビュー数、説明、サムネイル)を取ってくる【javascirpt/node.js】

公式APIにリクエストをしてレスポンスから抽出するだけのシンプルな実装です。 動画のタイトルやサムネイルなど基本情報はitem.snippet、 ビュー数などの情報は item.statisticsに入っています。 partに取得したい情報を明記する必要があります。 まずyoutub…

react-router-v4 でリンクが変わってもスクロールの高さが初期化されない問題を解決する

リンクが変わっているのに、前のページのscrollHeightを引き継いでしまうことがありました。 以下のように、browserHistory.listen()にトリガーさせて、スクロール位置を初期化させるコードを挿入するようにしたら、解決しました。 import { Router, Route, …

processing & p5.jsの直感的な説明ー円の生成からアニメーション、ランダム増殖まで

p5.jshはアーティスト向けビジュアルコーディングツールprocessing(Javaベース)をjavascriptで実行可能にしたものです。jsなのでDOMの操作が可能で、サイトの組み込みが非常に楽なのが特徴です。 導入 動く円を描く 前のフレームの画像が残る場合 文字の描…

サーバーサイドjavascript・canvasでpng画像をリアルタイム描画する仕組み

これは以下の記事のつづきです。 www.daily-dev.net これは https://text2ogp.com から、 もう一つ別に立てた画像生成サーバーにリクエストを送って、返却されたpng画像をプレビュー画像として表示するという仕組みで作っています。 将来的に自分が色々なサ…

テキストからアイキャッチ画像を自動生成するサービスをつくりました

テキストからアイキャッチ画像を生成するサービスを作りました。 text2ogp.com というサービスです。 良かったらブログのサムネイル画像づくりにお使いください。 テキストを入力して、背景色を変えたり、フォントを変えたりして、ワンクリックでダウンロー…