日本語のフリーフォントをまとめて試せるサイト「 #ためしがき 」をなんで作ったのかと技術的な話 - フロントエンドの地獄
みなさんためしがき試してくれました!? ホント！？ありがとうございます！！！ tameshigaki.jp ためしがきって？ 知らない人もいると思いますので、簡単に説明しますね。 ためしがき - 日本語のフリーフォントを検索できるサイト こちらからサイトにアクセスして、お好きな文字・文章を入力していただくと、 こんな感じで、色んなフォントでの見た目をまとめて確認することが出来るサイトなのです。 サイトで使っているフォントは商用利用可能なフリーフォントとなっており、フォントをタップすると表示される画面から、配布先のサイトに遷移することが出来ます。 また、フォントをシェアするボタンを押してから、Twitterやfacebookでシェアすると みんなオラに力を〜！ 日本語のフリーフォントを好きな言葉・文章で試せるサイト | ためしがき https://t.co/ECvYEaVQQ9 #ためしがき
Firebaseの各機能を3行で説明する - Qiita
Firebase は機能が多すぎてよく分からなかったので、自分の整理用に「 Firebase で何ができるか」をだいたい3行でまとめてみました。 利用可能な環境かどうかは、以下のアイコンで示しています。 … Android 利用可能 … iOS 利用可能 … Web 利用可能 [追記] 新しい機能が増えたので2018/09/26時点で整理しました。 Analytics Google Analytics for Firebase イベントベースでデータ収集・分析ができる。無料。 アプリの場合は Google Analytics for Firebase を、ウェブサイトの場合は Google Analytics を使うことになる。 BigQuery と統合して複雑な解析を行うこともできる。 Develop Firebase Authentication メールアドレスとパスワードを利用したユ
Vue.js2+Vuefire+firebaseその他もろもろで欲しいもの管理アプリ - Qiita
概要 Vue.jsの勉強がてら、あったらいいなと思っていた欲しいもの管理アプリを作成しました。 折角なのでアウトプット！ということでQiita初投稿です。 使ったもの 1.Vue.js2(vue-cli) 2.Vuefire 3.firebase 4.vue-router 5.その他css一部コピペ 最初はライブラリ無しでやろうと思ったのですがfirebaseとVueのバインディングやデータプッシュ時のkeyの管理がとても面倒なのでVuefireというライブラリを使用しました。また画面遷移もVueオフィシャルでVue-routerという素晴らしいものがあったので利用しました。 機能 ログイン、新規登録（FirebaseのAuth認証） 新規欲しいものの登録、編集、削除（カードにマウスオーバーでボタンが出ます） ログアウト RTBDにデータを常に同期 成果物 firebaseのホスティングで
vue.js+firebase+vuefireで作るチャット - Qiita
仕様 vue.js 2.5.13 firebase 2.3.2 vuefire 1.4.4 rails 5.1.4 ruby 2.3.0p0 (2015-12-25 revision 53290) でチャットアプリを作る。webでサーバの設定とかを気にせずチャットを作りたいなと思い、firebaseを用いることにした。 vuefireについて vuefireはvue.jsのdataとfirebaseをバインディングしてくれるもの。 やったこと vue.jsの導入 npm、webpackerを用いて導入。packフォルダ内にてjavascriptを記入していく。vue.jsは対象のidのものが先に読み込まれていないと発火しないのでbody閉じタグ前にjavascriptを記載する必要がある。 firebaseの導入 <!--firebaseのライブラリ読み込み--> <script src=
「Vue.js + Go言語 + Firebase 」で始める! Frontend & Backend API 両方で認証するセキュアなSPA開発ハンズオン! - Qiita
「Vue.js + Go言語 + Firebase 」で始める! Frontend & Backend API 両方で認証するセキュアなSPA開発ハンズオン!JavaScriptGoVue.jsFirebaseGoogleCloud こんにちは。僕です。最近は Vue.js で SPA、Go言語で APIサーバーを実装しています。ここで意識するのはフロントエンドとバックエンドの分離です。分離させたい理由は二つ。 アプリ化の際や、今後、他のサービスと連携させるためにも、バックエンドはAPIサーバーに徹したい。 Vue.jsで開発中にオートリロードしたい(Vue.jsをビルドして出来たファイルをGo言語でserveする形にすると、毎回ビルドするのが面倒) しかし、これをやろうとすると認証どうするの問題が付いてきます。APIサーバ、フロントの両方をセキュアにしようとするとそれだけで時間取られます
漫画ビレッジっていうWebサービスを作った - PhpStormと僕
漫画ビレッジっていうサービスを今週リリースした。 ITmediaの記事の記事でも紹介してもらったが、無料のマンガサービスに掲載されているマンガのリンクを集めたサービスという位置づけ。 各所でご紹介頂いたこともあり、公開2日で80万PVくらいのアクセスがあって結構驚いている。 賛否はあって然るべきだが、マンガアプリ運営している出版社の中の人から「ぜひうちのサービスも登録してください」という問い合わせもあったりするので、これは本当に意外で結構驚いたりはしている。 現時点で3,700シリーズくらいデータを貯めているけれど、まだ独自スコア付けが終わっていないものもあるので全シリーズは公開していないが、コンテンツは徐々に拡充していくつもり。 （どうでもいいけど、個人的なこだわりでサービス名で使っているのは「漫画」だが、固有名詞及びサービス名以外の箇所では全てカタカナの「マンガ」で統一している。本エン
Nuxt.js + Firebase Hosting + CloudFunctionsでmspeakerdeckをSSR対応させる - razokulover publog
自分はSpeaker Deckのモバイルクライアントであるmspeakerdeckというwebアプリを作っています。 mspeakerdeckを知らない人のために書いておくと、 これはSpeaker DeckのスライドページのURLドメインにmを付与するだけでモバイル版の見やすいレイアウトになるというものです。 PCからのアクセス時はSpeaker Deckのオリジナルサイトが表示され、スマホからのアクセス時はmspeakerdeckのサイトが表示されるという仕組みになります。 当初はNuxt + Cloud Functions + Nuxt.jsのPWAとしてSSR無しの完全SPAで作成していたのですがしばらく使ってみるといくつか不便な点が見つかりました。 その一つがTwitterでシェアした時やはてぶしたときにうまくスライドの内容を取得してくれないというものです。 自分ははてぶとTwi
Vue School の無料コース「Vue.js + Firebase Realtime Database」を受講してチャットアプリケーションを実装した - kakakakakku blog
今まで使う機会がなかった Firebase Realtime Database を学びたかったので（今後は Cloud Firestore 中心になりそうだけど），Vue School が公開している無料コース「Vue.js + Firebase Realtime Database」を受講して，Vue.js と Firebase Realtime Database を使ったチャットアプリケーションを実装してみた．動画を見ながら写経するとしても，2時間あれば終わるので，ちょっとしたスキマ時間に学ぶこともできる．Vue.js 初学者と Firebase Realtime Database 初学者にオススメのコースだった． vueschool.io Vue.js + Firebase Realtime Database コースは計8個の動画で構成されている．どの動画もトピックごとに短くまとまって
Firebase Authentication で「メール認証」と「Google 認証」を実装できる無料コース「Vue.js + Firebase Authentication」を受講した - kakakakakku blog
2週間前に Vue School が公開している無料コース「Vue.js + Firebase Realtime Database」を受講して，まとめ記事を書いたけど，先週に新しく無料コース「Vue.js + Firebase Authentication」が公開されたので，さっそく受講してみた．一番最後に Firebase Realtime Database を使う箇所があるので，順番的には「Vue.js + Firebase Realtime Database」を受講してから「Vue.js + Firebase Authentication」を受講すると良いと思う．今回も Vue.js 初学者と Firebase Authentication 初学者にオススメのコースだった． kakakakakku.hatenablog.com Vue.js + Firebase Authentica
モバイル環境でSpeaker Deckを快適に閲覧する方法 - razokulover publog
TL;DL モバイル環境からmをドメインの先頭に追加してアクセスすると良い感じにスライドが閲覧できます。 例) https://speakerdeck.com/qrush/the-graphql-way-a-new-path-for-json-apis ↓ https://mspeakerdeck.com/qrush/the-graphql-way-a-new-path-for-json-apis 概要 Speaker Deckはスライドを共有するサービスです。 特に大きなカンファレンスが開催された後はたくさんの発表資料がこのサービスにアップロードされるのでよく閲覧します。 Speaker Deckは、PCで閲覧する分には特に問題はないです。 しかしモバイル環境で閲覧すると少し残念です。 なぜならSpeaker DeckにはPC用のレイアウトしか存在しないからです。 通勤中にTwitter
「初めてのシングルページアプリケーション Vue.jsとFirebaseで作るミニWebサービス」読んでFirebase始めてみました - Sore
Vue.jsとFirebaseといういまやりたい技術ど真ん中の本を読んで実践した履歴です。 booth.pm TOC 01: まえがき 02: サーバーレスシングルページアプリケーションの基本 03: 開発環境のセットアップとデプロイまでの流れ 04: Googleアカウントでのユーザー登録と、ログイン状態の判別 05: エディターの作成：データベース作成とデータ保存 06: Webサービスとして公開するまでの必要な準備 07: 最後に 01: まえがき 「Vue.jsとfirebaseを使って簡単なWebサービスを作ってみる」ことが目的、個々の詳細な説明は省略する ちょい足しポイントを実施することでアドバンスドな学習が出来るようにしている 02: サーバーレスシングルページアプリケーションの基本 SPAってなに？ → 簡単な歴史 サーバーレスってなに？ → サーバインフラのリソースを気に
【販売終了】初めてのシングルページアプリケーション Vue.jsとFirebaseで作るミニ Web サービス - @nabettu - BOOTH
※内容が古くなってしまったため、販売を終了します。 購入済の方への書籍内容のサポートは行いますので、別途ご連絡ください。 【累計800部を突破】 技術書典4新刊。 冊子版は当日完売、ダウンロード版と合わせて販売数800部を超えました！ありがとうございます。 本書は以下のような方をターゲットとして執筆しています。主に簡単なWebサイトを作った事があるWebフロントエンド初心者の方が、本書を通じてSPAの基本を掴み、簡単なWebサービスが作れるようになることを目的としております。そしてそれらを抑えた上でさらに次の段階へステップアップするための足がかりになるような要素を各所に入れております。 ・HTML,CSS,Javascriptを利用して、簡単なWebサイトを作ったことがある人 ・複数のページや状態管理をJavascript使って自力で行い、ごちゃついてしまい消耗している人 ・普段デザイナー
Nuxt.js+Firebase HostingのサイトをPWA化してLighthouseで(ほぼ)100点満点を目指す - razokulover publog
1年くらい前に仕事でNuxt.jsをいじる機会があったんだけどそれ以来使ってなかった。 ただ、GW中にNuxt tech bookを読んだところ久々にいじりたくなってしまい。 そこでちょうどFirebase HostingとPWA化に関して調べてたとこだったので、Nuxt.jsのサイトをPWA化してFirebase Hostingで動かす手慣らしでもしておこうかと思いやってみた。 ただ、普通にやっても面白くないので一応Lighthouseのスコアを満点にすることを目指してみることにした。 コンテンツはNuxtのスターターキットの初期生成されるページ。このページを対象に行う。 以下、Firebase Hostingの設定・Nuxtのプロジェクト作成・PWA設定・Lighthouseのスコア上げの流れで説明してます。 一応ソースはこちらで。 nuxt-firebase-hosting-samp
ディープリンクをめぐる歴史とReact NativeにFirebase Dynamic Linksを導入する手順 - KitchHike Tech Blog
Firebase Dynamic LinksをReact Nativeアプリに組み込むために調査したDeep Links（ディープリンク）の歴史を記事にしました。 はじめに こんにちは。KitchHikeインターンエンジニアのタクです。 スマートフォンでリンクをタップすると、アプリが起動してアプリ内のコンテンツへ遷移したことはありませんか？ メールやWebサイトのリンクからアプリを起動させて画面遷移させる技術を Deep Linking (ディープリンキング) といい、実現するリンクのことを Deep Links (ディープリンク)といいます。アプリの普及と共にディープリンクは広く使われるようになりましたが、実装には煩雑な手順と設定が残っており、開発者にとって悩みの種になっているかもしれません。 Firebase Dynamic Linksを導入すると、ディープリンクを実現する上でのURL
おじさんのための2018年スマホPUSH通知事情 (+GCM終了のお知らせ) - Qiita
はじめに ネイティブを中心に長いことスマホアプリの開発を行っているのですが、 先日、人生四度目の「PUSH通知」の実装を行うことになりました。 ＃本記事の「PUSH通知」はRemote Push Notificationを指しています。 やるたびに新しい情報があるけど やる機会はあまりないPUSH通知なので概要をまとめます。 有能な若者に「その情報古いよ..」「やれやれ、いまどきのおじさんは..」と 愛想を尽かされないようがんばっていきたい人向けの資料です。 古い常識まとめ 2011年以前の常識: AndroidといえばC2DMでのPUSH通知 いくらなんでも古すぎる情報ですが Android初期の頃にCloud to Device Messagingというものがあり、 2012年に廃止されGoogle Clound Messagingに移行しました。 現在ではFirebase Cloun
個人開発者向けサーバ環境の選び方まとめ（heroku,aws,firebaseなどなど） - Qiita
この記事は下記のブログに移行しました この記事の目的 上記の記事で 個人開発における特有のインフラ周りの悩み それぞれのサーバー、インフラを使った人の生の声 パターン別のおすすめサーバー などをまとめています。 個人開発や広告マネタイズなどtwitterで発信しているのでその辺興味ある人は気軽にフォローしてください。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
個人開発者向けサーバ環境の選び方まとめ（heroku,aws,firebaseなどなど） - Qiita
Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する - DMM inside
NOT SO BADなブログ
https://slideship.com/users/@iktakahiro/docs/2018/01/JnhLGehLsRw4dcZ42EY3Jf/
