Posts

vue.jsだと、vue.nextTickでできる this.$nextTick(()=>{ ... }); Javascriptでよく使われるのはsetTimeout setTimeout(()=>{ ... },0) Promiseでもできる ...

node.jsでjsonファイルの読み込む方法を２つメモ 1.直接requireで読み込み const json = require('../hoge.json'); この方法だと初回に１度読み込むだけなので、頻繁にjsonを書き換える場合は更新が反映されない。定数や設定ファイルに向いてる。 ...

Node.js/Expressがリクエストのタイムアウトがデフォルト2分なので以下のようにして伸ばします。 const express = require("express");<br /> const app = express();<br /> ...<br /> var app_server = app.listen(80, () => { });<br /> app_server.timeout = 1000 * 60 * 5;<br />

こんにちは、フロントエンドのフレームワークを使っていたりすると設定したページタイトルがきちんとアナリティクスに送られているのか気になりますよね？ ...

ユーザーエージェントで判定 isMobile.js ライブラリを追加 yarn add ismobilejs テンプレートで出し分けしたい場合 <template> <div v-if="isMobile.phone"> <div>モバイルで表示</div> </div> </template> import isMobile from "ismobilejs"; export default { data:()=>{ isMobile } } レスポンシブで判定 vue-mq ...

Webサイトでよく見る動きや機能を追加しようとしたときに便利だった、実際に使ったライブラリのリストです。 vue-backtotop 名前の通り、トップに戻るボタンです。 ボタンに表示する文字やアイコンの変更も簡単。 ...

先日スタートアップカフェコザで行ったセッション（コンポーネント指向UI開発で学ぶReact入門 沖縄フロントエンド塾 in スタートアップカフェコザ）で紹介したReactコンポーネントのスタイルガイドの作成を記載します。 ボタンのコンポーネントを作成してスタイルガイドで表示するまでの手順です。 ...

React nativeをandroid向けにRelease buildして署名済みapkを生成する方法は基本的に公式ドキュメントに書いてあるようにすればいいが、そのままやっても起動後すぐに落ちるようになってしまった。結果的には、jsファイルがうまくbundleされてなかったらしいので、自分でやる。 公式ドキュメント中のGenerating the release APKで ./gradlew assembleRelease を実行した直後のタイミングで、プロジェクト直下で react-native bundle –platform android –dev false –entry-file index.js –bundle-output android/app/src/main/assets/index.android.bundle –assets-dest android/app/src/main/res/ を実行する。この時、./gradlew assembleReleaseを実行する前にbundleしてはいけない。必ず後にやる。 ...

アプリのインストール まず初めに、Expoを使うのでスマホにExpoの公式アプリをインストールする。 インストールしてアプリを起動すると、アカウントを作るように言われるのでアカウントを作成する。 ...

SendGridのアドオンを追加するにはクレジットカード登録が必要 環境変数のSENDGRID_NAME、SENDGRID_PASSWORDを先に設定しない 先にSENDGRID_API_KEYを設定する SendGridアドオン設定手順 ...