LOGICKY BLOG

PHP、Javascript、Python等のプログラミングに関するブログです

Firebase Functions(onCall)でCORS関連でエラーになる

下記のonCallを使ったFunctionを使っています。これだとCORS等の設定は全く気にしないで出来てた気がするのですが、何故か下記のようなエラーが出てしまいます。 firebase.google.com エラー Access to fetch at 'https://us-central1-hoge-hoge.cloudfuncti…

FirestoreでiOSだけデータが取れない (T_T)

firestoreにiosのchromeとかsafariからアクセスすると、データ取得できないものがある。全部じゃないんだけど。PCのブラウザだと全く問題なく取れる。なんで??? alertでどこまで動いてるか確認したら、get()まで来てる。firestoreのget()。 const ref = d…

DartでTwitterのつぶやき削除ツールを作りました

Twitterのつぶやき削除ツールを作りました。 つぶやきは、APIからだと最新の3200件しか取得できません。過去のつぶやきが3200件未満であれば、簡単に全てのつぶやきが削除できます。 過去のつぶやきが3200件より多い場合は、Twitterの設定画面からTwitterデ…

CSS - 横幅が固定ではないときに中央揃えにする方法(微妙だった)

CSS

横幅が固定であれば中央揃えにする方法は下記です。 div.hoge { width: 800px; margin: 0 auto; } 横のマージンをautoにするだけです。 しかし、横幅が可変の場合はどうしたらよいのでしょうか? 参考サイト tanihiro.hatenablog.com 上記によると、inline-b…

DartでTwitterライブラリを作ってpubに公開しました

Dartの勉強がてらTwitter OAuthライブラリを作成しました。twitter_1userです。同じようなものがいくつかあったのですが、どうもpostがエラーになったり、日本語でエラーになったりするのでつくってみました。 github.com pubで公開しました pub.dev pubには…

Dartでエポックタイムを取得する

エポックタイムというのは、1970年1月1日0:00:00からの秒数です。 bashの場合 bashで出すと下記のようになります。 $ date -u +%s -d '1970/01/01 00:00:00.000' 0 $ date -u +%s -d '1970/01/01 00:01:00.000' 60 $ date -u +%s -d '2019/08/29 05:05:05.…

Dart - Stagehandでコンソールアプリ作ってみる

大体ここに書いてあるやつをやります。 dart.dev Stagehandを取得 $ pub global activate stagehand PATHを通す export PATH="$PATH":"$HOME/.pub-cache/bin" コンソールアプリ作成 $ stagehand console-full Creating console-full application `cli`: /hom…

dartをインストールしたけどpubがない

ここでDartをインストールしましたが、pubがありませんでした。 blog.logicky.com ubuntu18.04を使ってます。 pubの場所 /usr/lib/dart/bin にいました。 PATH通す .bashrcに下記を追加してPATHを通します。 export PATH=$PATH:/usr/lib/dart/bin pubの実行 …

Dart言語を勉強してみる

dart.dev Dartをインストール Get the Dart SDK | Dart $ dart --version Dart VM version: 2.4.1 (Unknown timestamp) on "linux_x64" コンソールで実行 dart hoge.dart ってやると実行された。 void main() { var name = 'taro'; print('Hello ' + name); …

Flutterでカメラ使ってみる(Android)

色んなプラグインが詰まってるやつを見つけました。先程使っていたgoogle mapのも入っている。 github.com カメラのプラグインはこれです。 plugins/packages/camera at master · flutter/plugins · GitHub つくったもの github.com 事前準備 android/app/bu…

Flutterで地図(google map)を表示してみる

Ubuntu18.04でAndroid Studio使っていて、Androidエミュレータを使っています。 下記を参考にやってみました。 qiita.com google_maps_flutterというのを使っています。 pub.dev 作ったもの github.com 最初にでたエラー 最初は下記のようなエラーが出て地図…

Flutterでリストビュー(ListView)使ってみる

これを参考にやってみました。 github.com github.com lib/pages/menu_list.dart import 'package:flutter/material.dart'; import 'package:hoge/menu_list/menu_list.dart'; import 'package:hoge/menu_list/model/menu.dart'; class MenuListScreen exten…

Flutterでスプラッシュ・スクリーンを表示してみる(Android)

ここに書いてあるとおりにAndroid向けの設定をしたらできた。 qiita.com github.com

Flutterでタブ使ってみる

フラッターでタブを使ってみたいと思います。 使い方は下記で使っているので見てくださいませ。 github.com 私はこの前つくったこんにちはアプリを、こんにちはタブアプリに進化させました。 github.com lib/main.dart import 'package:flutter/material.dar…

記事毎に構成がバラバラなはてなブログの記事内にアドセンス広告をうまいこと埋め込む方法について

私のブログは今までにBlogger、wordpress、はてぶという感じで引っ越ししまくりでなおかつ構成等はめちゃくちゃです。今はマークダウンで書いてますが、昔はHTMLでした。よって見出しはあることもあればないこともありますし、同一レイヤーの見出しがh2のこ…

webstormでPrettierを使って自動コード整形する

Nuxt.jsとかで開発してるときに、いつもの ctrl + alt + l で整形すると、Eslintに色々怒られるのでなんとかしたい。 pleiades.io Prettierを使うといいのかな? prettier.io やってみたこと prettierのインストール $ yarn global add prettier webstormで…

プログラムについて分かることは何でも回答いたします!!!PHP, Vue.js, MySQL, Firebase, cakePHP, Laravel, GCP, Stripeなど

MENTAで、プランを作成しました。MENTAは有料でメンターになれるサービスで、プランを投稿すれば誰でもメンターになれます。 menta.work 自分は全部独学なのですが非効率なのは間違いなく、かといってちょっと質問したくても最適な人が近くにいるわけでもな…

Flutterでアプリつくってみる

Flutterでアプリつくってみます。ボタン押したらこんにちはというアプリにしたいと思いまっす。 Flutterはこちらにあります。 flutter.dev インストール ワイはUbuntu18.04を使ってます。ここに書いてあるとおりにやってインストールしました。Android SDKも…

Auth0のauth0-spa-jsをvueで使ってみた

Firebase Authには二段階認証がないようなので、Auth0を使おうと思います。Vue.jsで使います。 アカウント乗っ取りを防ぐためには二段階認証は有効です。Auth0を利用すると、多要素認証の機能を簡単に導入することができます。https://t.co/uUh9ixHzgaぜひ、…

firebase cloud storageのメモ

storage.ref('/hoge/hoge').listAll(); とやると、/hoge/hoge内のファイルが全て取得できます。ここに書いてあります。downloadURLはついてきませんが、取得できた各ファイルに、getDownloadURL()をするととれます。 const list = await storage.ref('/hoge/…

vee-validate.jsの使い方

VeeValidate インストール $ yarn add vee-validate 有効化 vueで使えるようにします。 src/plugins/vee-validate.js import Vue from 'vue' import VeeValidate, { Validator } from 'vee-validate' import ja from 'vee-validate/dist/locale/ja' Validato…

VuetifyにIEを対応させる(2)

下記の続きです。 blog.logicky.com VuetifyはIEはIE11にのみある程度対応しています。Edgeには対応しているとのことです。 vuetifyjs.com こちらのとおりに対応することで、IE11への対応が可能になります。実際やってみたところ、私のサイトの場合は、IEで…

Browserstackの月額プランが一瞬で利用できなくなったwww

一昨日Browserstackのフリーランスプランを買いました。月19ドルで。で、昨日朝起きてちょっとIE対応しようと思って、初めて使ってました。いやー便利だなー、さいこーと思いながら30分くらい経ったらいきなり使えなくなって、再起動しても使えず、アップグ…

VuetifyにIEを対応させる

弊社HPですが、なんとIEでみるとこうなっております。 Vuetifyを使っていまして、IE対応しないとこのように潔く真っ白になっていました。 VuetifyをIE対応させる ここに書いてあります。 vuetifyjs.com やり方 babel-polyfillを追加します。 $ yarn add babe…

ブラウザのエミュレート(IEの見た目チェック)クロスブラウザテスト

クロスブラウザテストというらしいです。 使えなかったやつ これは今今はどうも使えないっぽい。LinuxでもMacでもchromeで使えなかった。 coliss.com 最近のサービス 最近は下記のどちらかを使う人が多いっぽい。 3分まで無料っぽい。 www.browserling.com …

動画販売・配信サイト構築システム『FILMN(フィルムン)』を作成しました

低価格でオリジナルな動画販売・配信サイトが構築できるシステムを作りました。 デザイン変更やカスタマイズも自由に行っていただけます。 決済は、レンタル(購入後数日間サイト上で閲覧が可能)、ダウンロード、月額見放題の3パターンが可能です。決済サ…

Amazon Lightsail

AWS

aws.amazon.com 月額350円から使える月額固定のVPSサーバ。料金従量制で細かいとめんどくさいときによさそう。 Wordpressとかを一瞬でセットアップしたりもできる。今回は、BitnamiというLAMP環境全部ついてるやつを使ってみた。XAMPPみたいな感じだった。 P…

不動産クラウドファンディング

不動産クラウドファンディングというのは、投資型のクラウドファンディングで、最近大きい不動産屋さんでなくても出来なくはない状態になったそうです。 www.mlit.go.jp www.mlit.go.jp 小規模不動産特定共同事業 小規模不動産特定共同事業者になるには、下…

mp4のプログレッシブダウンロード

mp4をrangeリクエストをして、細切れにもらえる。 videoタグは、rangeリクエストを勝手にしくれるらしい。 リクエストヘッダに、 Range: bytes=18832832- とういのがついている。 188xxx移行全部くださいということらしい。 下記PHPでは、全部と言われても10…

moment.jsのメモ - 日時が特定の期間内かを調べる

moment.jsで、日時が特定の期間内かを調べるときのやり方。 isBetweenというのがあったので使ってみた。でもこれは、同じだとfalseになるらしいので、1ミリ秒引いてみた。 サンプル const yyyymmddThh = (y, m, d, h) => { const y0 = ('000' + y).slice(-4)…