Nuxt.jsで動的な変数を使う

メモ 以下の方法だと何かとエラーや問題になることが多かったのでメモ 1. process.env経由 ビルド時に変数になるが、ビルド時にコケると使えない また、ビルドされたバンドルファイルにキーが含まれる nuxt.config.jsのenv経由 1.と同様に、ビルド時にコケる…

特定ユーザのGmailへのブックマーク

メモ Gmailをそのままブックマークすると https://mail.google.com/mail/u/0/ で表示されてしまう。 この場合、ユーザはログイン順ごとに最後の数字が変わるだけなので、ブックマークを共有している場合、同じログイン順にしないと同じページに飛べない ユー…

転職一回目

新卒で入社した会社を2020/11いっぱいで退職します タイトルがThe 退職ブログぽい感じだったので、無難に「転職一回目」をつけた 最終出社日10/30 10/30最終出社日 思ったより退職した実感ないですが、次があるのでそこまで気にしない 11/24退職 11/20 落ち…

サブスク系を見直す(2020/5)

Why 周りの人たちがサブスク云々を3月ごろに言ってたときはうんうんって思ったり、ブログを見たりしてたら、自分もいきなりの出費にビビったので自分もまとめた サブスク一覧 Apple Music ¥980 / month niconico ¥550 / month dアニメ ¥440 / month YouTu…

IntelliJ系組み込みterminal時でfishを使用するときのエラー

(自分用のメモ) こんな感じにが出た際 (~/.config/fish/conf.d/z.fish (line 40):から始めるやつが出る) WebStormの場合 $ cd ~/Library/Application Support/JetBrains/Toolbox/apps/WebStorm/ch-0/192.5728.87/WebStorm.app/Contents/plugins/terminal/ (…

VS Codeのターミナル上のフォント修正

現在ほとんどのEditorでは、デフォルトでShellを開くことのできるターミナルを実装しています。 私は、bobthefishというfish版Powerlineを使っています。 これは、gitのステータスがいい感じになるので使っています。 ただし、Powerline系のフォントがインス…

Ionic Vue事始め

Ionic Vueを触り始めてみました。 まだ何を作るか考えてませんが、自分用のメモとしてつらつら書いていきます。(頑張って続けます!) この記事では、インストールとページ作成とモーダル作成をします。 インストール (yarnを使う場合が多いですが、ここではnp…

fishのforでコマンドを使う

fish $ for val in ([コマンド]) echo $val end bash $ for val in `[コマンド]`; do echo ${val}; done;

ng-japan 2019 へ行きました

一昨年も去年も行き、今年もまたng-japan 2019に参加しました。 会場は、去年と同じ六本木ヒルズのGoogle Japanオフィスでした。 今年のng-japanはセッションの半数が英語で行われ、聞き取るので大変でした。OpenAreaでのMeetupでは普段さわらないGrapthQLや…

Xiomi Mi In-Ear Headphones Pro HDを買った

ココ一年くらいAirPodsを使っていましたが、知り合いからMi In-Ear Headphones Pro HDを入手できたのでちょっと書きます コスト amazonでは3000~から出ていましたが、あっちで買えば2500円くらいと値段は低価格帯でした。 最近の低価格帯のイヤホンをそこま…

HTML5 Conference 2018 へ参加しました

HTML5 Conference 2018へ参加しました。 当日は朝寝坊して基調講演途中からの参加でしたが、最後の最後まで充実したカンファレンスでした! html5j.connpass.com 持続可能なプロダクト開発のために - フロントエンドと新陳代謝の話 【potato4d】 最初のセッ…

#ng-japan 2018へ行きました

去年も行き、今年もまたng-japan 2018へ行きました。 会場は、六本木ヒルズのGoogle Japanでした。 ココ最近Angularの情報を見ていなかったり、使っていなかったので、前日に動かしたりリファレンスを読んだりして半年ぶんくらいの情報を一気に漁りました。 …

Nuxtでauth-routesを動かすメモ

下の公式サイトのものをnuxt-edgeでアップグレードしているので、うまく動かなかったので動かすメモ ついでに、Bulmaを入れる。 ja.nuxtjs.org Nuxtのスターターテンプレートを使ってNuxtを使えるようにする。 ドキュメントにあるようにserver.jsをコピーす…

Web Componentsで遊んだ

先日、Web Components Cafe by Polymer Japanへ行った。 Web Components Cafe by Polymer Japan - connpass そのときに聞いたaggreさんの発表(現場の Web Components)のコードを書いてみた my-app.js class MyApp extends HTMLElement { connectedCallback()…

Macの入力ソースからUSを消す方法

Macの入力ソースからUSを消す方法を紹介します。 Google 日本語入力だけを使用する際に「US」が消えないのでいらつくと思います。入力ソースからUSを消そうとしてもそのままでは消せない仕様になっています。 自分も調べたときに「ことえり」を追加したら削…

第一回 学生セキュリティ勉強会 へ参加した

2017/9/23に第一回 学生セキュリティ勉強会へ参加しました。 student-security.connpass.com 僕自身、初心者だったのでどんなことをやるのかドキドキしました。 アキバの謎の黒いビルの中だったのでどうやって入るか迷いつつも無事にカスペルスキーの会議室…

ionicとReact Native

(先に書いときますが、これは個人的に使った感想を簡単に書いてるだけです) どちらも触ってみてどちらも特徴がしっかり分かれていました。 エミュレータ必須のReact Native(以後RN)はスペックがとても必要であり、ある程度スペックがないとMacが重くなり、作…

#ng-japan 2017へ参加しました

本日(2017/6/17)、ng-japan 2017に参加しました。 会場は、日本マイクロソフト品川本社でした I'm at 日本マイクロソフト - @mskkpr in 港区, 東京都 https://t.co/F5DFyHGLuB— 243 (@nishi3__) 2017年6月17日 いや~どれも聞いてて楽しく、有益な情報ばかり…

WebRTCでビデオチャット(Firebaseを添えて①)

WebRTCでビデオチャットを作成しました 最初は普通のシグナリングでやろうと思いましたが、サーバーを立てる気もないし時間もないので、WebサーバーはGitHub Pagesを使い、シグナリングサーバーを使う代わりにFirebaseを使用しました。 半分以上はWebRTCハン…

5/8

GWが終わったので、今週から週イチで書いていきますマル せっかくなのでGWやったこと 4/28~5/3 岡山 砂丘 pic.twitter.com/vUcAHTOpSp— NISHI3(フェネック) (@nishi3__) 2017年4月29日 鳥取砂丘でドローン飛ばした 美味しかった(千里中央) pic.twitter.com/a…

4/27

美味しかったです

Firebase for Swift3(導入)

前にIonic2のFirebase導入記事(こちら)を書いたので、今度はSwift3の導入記事です といっても、公式ドキュメントを見た方がいいです (公式ドキュメント => Firebase) Firebaseプロジェクトに追加(console) Firebase Consoleよりプロジェクトを作成します 追…

ionic serve時のブラウザ指定

Mac環境で数分躓いて、できたので備忘録 ionic serve --browser "google chrome" FirefoxとSafariとOperaは下記のコマンドで行ける ionic serve -w (Firefox/Safari/Opera) Chromeだけ行けなかったので、分かる人教えてください! 追記 Mac Book Air(13-inch…

Ionic2+ng2-charts(導入)

概要 数日コレで悩んでやっとできたので、備忘録です。 ng2-chartsとは棒グラフとか円グラフとかを表示できるやつです。 github.com ng2-chartsのインストール npm install --save ng2-charts node_modulesにchart.js/とng2-charts/ができるはずです(たぶん…

Firebase for Ionic2(導入)

(自分用の記録) 1.ionic2のプロジェクトを作成 2.npmでFirebaseを入れる npm install angularfire2 --save 3.app.module.tsに import { AngularFireModule } from 'angularfire2'; とFirebase consoleのウェブアプリにFirebaseを追加からConfig部分を expo…

1/28

今週のまとめ 今週はAngular2の本が発売したり、グリザイアシリーズのコンプリートボックスが発売したりなど、いろいろありました。 Angular2の本 Angular2によるモダンWeb開発 TypeScriptを使った基本プログラミング作者: 末次章出版社/メーカー: 日経BP社…

1/16

0時位にトボトボ3日間くらい掛けて書いた記事を公開しました。 nishi3.hatenablog.com いろいろ公開してから修正点が出てきたのでおいおい直していきます 一応、前に書いたアプリ作成目標が一個消えたので次のアプリ作成を進めて行きたいです(その前に来る…

AlmofireとSwiftyJSONで天気アプリ

(記録用) 環境 Xcode8.2.1 Swift3.0.2 天気API OpenWeatherMap (登録して、API Keyを取得しておいてください) つくる 1.プロジェクト作成 Single View Applicationで適当なプロジェクトを作る。 一回、閉じる 2.CarthageでAlmofireとSwiftyJSON入れる Cartha…

1/15

JavaScript本格入門が新しくなってるので、気になったので購入した。 改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2016/09/30メディア: 大型本この商品を含むブログを見る …

1/13

あいさつ 最初に、あけましておめでとうございます。 前回からいろいろあり、書くことも全然なかったのでかかないままほうちしてました。 今日やったこと 某プロジェクトで出されているお天気アプリを書いていました。 CocoaPodからCarthageへ移行をしていま…