react-native-firebaseでプッシュ通知を扱う - 個性は次々死んでいく
react-native-firebaseでプッシュ通知を扱う時のメモ github.com 実装 基本的な実装はドキュメントへ React Native Firebase - Simple Firebase integration for React Native 扱い方 プッシュ通知を押すとアプリが起動するが、そのパターンが３つある ① アプリが起動してない状態でプッシュ通知を押して起動される ② アプリは起動してるが、バックグラウンドにいるときにプッシュ通知を押して復帰 ③ アプリの起動中にプッシュ通知が来た時 async componentDidMount() { // パーミッションを要求（iOS） await firebase.messaging().requestPermission() // デバイストークンを取得 firebase .messaging() .getTok
GoogleスプレッドシートでAPIが作れる「SheetDB」
以前、GoogleスプレッドシートでAPIが作れる「Sheetson」を紹介しましたが、今回の「SheetDB」はGUIも整備され、パーミションの設定ができるなど何かと充実しています。 ◆ GoogleスプレッドシートでAPIが作れる「SheetDB」 https://sheetdb.io/ 紹介 GoogleスプレッドシートでRESTful APIが実装できます。 Sheetsonと同様、インストール不要でGoogle Driveなどにスプレッドシートを保存し利用します。 シンプルなCRUD処理もできるなど手軽にRESTful APIを実装できます。それでは、早速始めましょう。 セットアップ アカウント登録する 「CREATE FREE ACCOUNT」で、Google認証を済ませるとこちらのホーム画面が開きます。 「CREATE NEW」を押して、スプレッドシートを登録する画面を開きま
【2019年版】webpack 4 個人的設定まとめ – expexp.jp
2019.02.052021.03.09 webpackで開発を行ってきましたが、導入当初から仕様が変わったり、個人的な設定方法が固まってきたので一旦記事としてまとめます。 ちなみに以前の記事はこちらです。Babelをはじめ、CSS/SASSのバンドル、さらにファイルを分ける設定までを紹介しています（本記事でも同様の内容を紹介）。 今回はwebpackによる環境構築から、JS/CSSファイルの出力、さらにHTMLもwebpackから出力する方法を紹介します。環境はMac、node v10.15.1、npm 6.7.0、webpackのバージョンは4.29以上で進めます（近頃、開発中のwebpack 5の話題を見かける。4の記事を書くのもそろそろ終わりかな）。 目次環境構築ベーシックな設定ファイルを監視する設定JavaScriptをまとめる設定JavaScriptをBabelでトランスパイル
正真正銘のReactだけの不純物なしでReact入門
Reactのチュートリアル、たくさんありますよね。どれも質が高く、どこから手をつければいいかわからなくなっちゃいます。 ですがやはり巷のチュートリアルには面倒な問題もあります。今回は面倒ごとを全部すっ飛ばしてReactでのウェブアプリ作りに入門してみましょう。 Reactを始めるには、まずあれとこれとそれとどれと…… Reactやるには、まずNode.js入れてbabel入れてreact入れてreact-router入れて、ついでにredux入れてreact-redux入れて、redux-saga入れて…… Reactめんどくせえ！！！ってのが正直なところだと思います。はい、私もそう思います。ただ、まあ、色々必要なのも事実なので……。 それでもやっぱり「ReactやるならReactだけやりたい。他はどうでもいい」という気持ちは簡単に捨てられるものではありません。そこで今回はそういう面倒全部
React v16で実装された new Context APIを使って、Reduxへ別れを告げる - Qiita
React v16でContext APIが新しくなりました。 このContextを使うことで、これまでサードパーティーのライブラリに頼っていたstate管理をreact本来の機能で実装できるようになりました。 しかしfacebookの例により、シンプルで柔軟性に富む代わりに実際の運用が難しいです。 それではreactのContext APIをstate管理に使う際のメリットデメリットについて書きます。 メリット 1. 記述量が圧倒的に少ない。reduxの1/3。 2. stateだけでなく、変数を渡せる。 3. 可読性が高くシンプルなコードが書ける。 4. 学習コストが低い。 5. react hookのuseReducerと共に使うとかなりスケールする。 デメリット 1. ContainerコンポーネントでJSXが純粋なViewでなくなり、ネストが2段深くなる。 2. 複数のstore
賃貸の家探しサービス多すぎるので解説してみる
このごろ賃貸で家を探すWEBサービスのCMがバンバンテレビで流れている。 賃貸の繁忙期は1~3月が圧倒的で、他の月と比べてかなり売り上げが大きいため、各社競い合って宣伝をしている。 スーモやホームズ、アットホーム、いい部屋ネットにピタットハウス、色々あるが、実はその成り立ちから業務形態まで様々で、見ることのできる物件がかなり制限されることがある。なのでその違いを説明してく。 増田は以下のどこかの会社で働いていたことがある。 自社物件囲い込み系基本的に自社の建設した物件を取り扱う賃貸サイト。賃貸系サイトの中ではもっとも選択肢が狭い。 もしそのブランドにこだわりがあったり、親類がそこで働いていたりする場合は見ても良いと思うが、そうでないなら見る価値は薄い。 ・いい部屋ネット、DK SELECT 大東建託がやってる。270万件。 ・ホームメイト 東建コーポレーション ・MAST 積和不動産（積水
便利なのが登場！スマホにもスクロール時に滑らかなアニメーションを適用できる超軽量スクリプト -lax.js
デスクトップでもスマホでもスクロールした際に、非常に滑らかで美しいアニメーションを簡単に実装できるシンプルで2Kbの超軽量JavaScriptを紹介します。 他のスクリプトへの依存は無く、ReactやVue.jsもサポートされています。 lax.js -GitHub lax.jsの特徴 lax.jsのデモ lax.jsの使い方 lax.jsの特徴 lax.jsはVanilla Javascriptで書かれた2Kbの超軽量スクリプトです。 スクロールをトリガーにあらゆる要素にアニメーションが適用できます。 パフォーマンス面でも施策がとられており、デスクトップでもスマホでも非常に滑らかなアニメーションが実現できます。 lax.jsのデモ デモでは実際のアニメーションを試すことができます。 デスクトップ・スマホ両方の環境でお試しください。 デモページ lax.jsではパフォーマンスを向上させるた
離婚して良かった
三年前離婚した。 とにかく元妻と義母からいじめられていた。 家にいれば妻から何かと攻めあぐねられ、場合によっては家のチェーンロックがかかっていて家に帰れずビジネスホテルに泊まる日があった。そうじゃなくても靴とか外に放り出されていたり、夕飯が私の苦手な椎茸づくしになっていたり、私が座っているソファにこれ見よがしにファブリーズを大量にかけたり、叩かれたり蹴られたり死ねとか離婚するぞと頻繁に言われたり、セックスの後なのに物足りなかったと不機嫌になってしまったり、家に帰ったら居なくて実家に帰ってたり。私のベッドの上にゴミが乗せられてることもあったな。私が発達障害タイプなので、何か地雷を踏んで怒らせてしまうことは多かったと思うけど、それ以上に意図的な嫌がらせが多かった。すごく単純に言うといじめられていました。いじめっ子も色々な事情があることは分かるけど、夫婦の立場で物事をいじめで解消するようになって
SankeiBiz（サンケイビズ）：自分を磨く経済情報サイト
サービス終了のお知らせ SankeiBizは、2022年12月26日をもちましてサービスを終了させていただきました。長らくのご愛読、誠にありがとうございました。 産経デジタルがお送りする経済ニュースは「iza! 経済ニュース」でお楽しみください。 このページは5秒後に「iza!経済ニュース」（https://www.iza.ne.jp/economy/）に転送されます。 ページが切り替わらない場合は以下のボタンから「iza! 経済ニュース」へ移動をお願いします。 iza! 経済ニュースへ
Lo-fi Hip Hop（ローファイ・ヒップホップ）はどうやって拡大したか 特徴、始まり、主なアーティスト、アニメとの関わり、そして今後についてなど - beipana
screengrab from chilledcow 2018年にSpotifyで急成長したジャンル2位となり、SNSではミームとしても機能し始めるなど、認知がピークに達しつつある"Lo-fi Hip Hop（ローファイ・ヒップホップ）”・"Lo-fi beats（ローファイ・ビーツ）"。一体どうやって拡大したか、特徴、始まり、主なアーティスト、アニメとの関わり、今後についてなどまとめてみました。 Lo-fi Hip Hopとは Lo-fi Hip Hopの始まり Lo-fi Hip Hopが拡大したきっかけ 誰がオリジナルか 主なチャンネル・レーベル Lofi Girl （旧 Chilled cow) Chillhop Music Ryan Celsius 代表的なビートメイカー Tomppabeats Jinsang BSD.U Elijah Who wun two Lo-fi Hip
誰も書かないフリーランスの真実
会社員は終わっている、自分の武器を作ってフリーランスになれとアジっている人が多い 上司も仕事も勝手に決められる会社員より、得意分野に集中できるフリーランスのほうがいいぞ、と彼らは言うが、そんな甘いもんじゃない。 ●真実その1 「得意分野に集中できる」という嘘最も大きな嘘はこれだろう。自分の武器を売るから、フリーランスは得意分野に集中できると彼らは言う。 しかし、フリーランスは得意分野にはまったく集中できない。 なぜなら、フリーランスは営業も打ち合わせもスケジューリングも経理も自分でやらなきゃいけないからだ。 たとえば、デザイナーのフリーランスだったとして、デザインをやっている時間は2割くらいだろう。 まるでロックスターのようにフリーランスが好きなことだけやっている職業かのように喧伝されるが、むしろ好きなことをやっている時間は大幅に減る。 売上が減ったらクライアントの新規開拓を考えなきゃいけ
ZOZO大忘年会でFirebaseを使った1,000人規模のリアルタイムアンケートを費用2円で制作した話 - Qiita
この記事はZOZOテクノロジーズ TECH BLOGにも同じ内容で投稿しています。よろしければ他の記事もご覧ください。 こんにちは！ ZOZOテクノロジーズ フロントエンドエンジニアの高橋（ニックネームはQ）です（@anaheim0894） 昨年12/26、毎年年末に行われる大忘年会（ZOZOCAMP2018）で、グループ会社も含めた1,000人規模でのリアルタイムアンケートを、FirebaseとVue.jsを使って制作しました。 当日会場にて弊社の昨年の事業紹介や、「楽しく働く」というコンセプトの動画を流し、動画の合間で質問をし動画と一体となるような演出を行いました。 その質問に対して全社員それぞれのスマートフォンで回答できるシステムを作ったので、その制作の裏側や、当日の様子などご紹介させていただきます。 まずは当日の様子の紹介 これを実現するまでの様子をご紹介いたします。 CAMP運営
SVGの最適な書き出しのためにやった方が良いこと、やらない方が良いこと
SVGは、Illustratorで制作する図形のようなベクトルグラフィック形式の一種です。そのためベクトルグラフィックを制作する際に一般的に気をつけなければいけないことは、SVGにも当てはまります。 この記事では、Illustrator CCを使用してSVGを書き出す際にやった方が良いこと、やらない方が良いことについてまとめています。 なお、この記事の内容は 世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書 という書籍のLesson 03の内容を一部抜粋し、この記事用にリライトしたものです。 やったほうがよいこと 曲線のアンカーポイントを減らす ブラシツールで描いた曲線などは、そのままではアンカーポイントがかなり多くなってしまうことがあります。アンカーポイントが多すぎるとファイルサイズも大きくなるのて
2018年 買ってよかったクラフトジン5選｜JUNERAY
前置きはともかく、今年買って良かったジンを5種類ほど紹介します。 いいお酒は世に数多ありますが、今回は ・1万円以下 ・現在も流通していて購入できる を条件としています。 美味しいけれど生産量が少なく、もう流通していないジンも数多くあります。 どうせだったら実際に飲んで体感してみてほしいので、まだ酒屋さんやネット通販で買える銘柄に絞って選びました。 本当はワインもご紹介したいものが沢山あるのですが、わたしが飲んだものと同じヴィンテージが買えるか分からないから、難しいんですよね…(ほとんどのワインは1年ごとに味がめちゃくちゃ変わる) それではどうぞ。 マクヘンリー ドライジン わたしがジン好きになったきっかけです。 ワインの試飲会に行ったら宜しければこちらもと勧められ、ジンはあまり…といいつつ飲み干してしまった1品です。そのあとカルチャーショックでヘナヘナになりながら出勤しました。 産地は「
React - TypeScript Deep Dive 日本語版
tsconfig.jsonのcompilerOptionsで "jsx" : "react"を使ってください。 JSXとReactの定義をあなたのプロジェクトにインストールします：(npm i -D @types/react @types/react-dom)。 ReactとTypeScriptのプロジェクトをセットアップする一番簡単な方法は、Create React Appを使うことです。このツールはReactチームから提供されているツールです。公式にTypeScriptのテンプレートが提供されています。Create React Appを使うには、$ npm i -g create-react-appというコマンドでローカルPCにグローバルにインストールできます。そうすれば、Reactの公式Webサイトに書かれているように$ npx create-react-app my-app --t
100を超える主要な音楽メディアの「2018年の年間ベスト・アルバム」を集計、TOP50リスト発表 - amass
100を超える主要な音楽メディアの「2018年の年間ベスト・アルバム」を集計。ベスト・アルバム集計サイトAlbum of the Yearが集計版「2018年の年間ベスト・アルバム TOP50」を発表しています。 【集計ルール】 各メディアが発表した「2018年の年間ベスト・アルバム」のリストから、1位の作品に10ポイント、2位の作品に8ポイント、3位の作品に6ポイント、4〜10位の作品に5ポイント、11〜25位の作品に3ポイント、26位以降の作品に1ポイントをそれぞれ加算。 現時点で113のメディアを集計。今後、Album of the Yearの集計対象となるメディアがベストリストを発表した場合は、その分のポイントが加算されるため、順位が変動する可能性はあります。 50. boygenius - boygenius EP 49. Amen Dunes - Freedom 48. Jul
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SimpleとEasyは違う / Simple is not Easy
AWS LightsailでWordPressを構築しSSL化する方法 | karelie
iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材
