Rails(ActionCable)とNuxt.jsでチャットアプリを作ってみる - Qiita
シェアフル AdventCalendar2018 16 日目の記事です。 はじめに つい最近RubyとVue.jsについて勉強し始めた身なのですが、勉強がてらチャットアプリを作ってみました。 Rails5にはActionCableというWebsocket通信を標準でサポートしてくれるものがあるようなので、今回はこちらとNuxt.jsを用いて双方向通信を行いました。 完成品としては、以下のようなものになります。 ActionCableとは ActionCableは、RailsにおいてWebsocketによる双方向通信をシームレスに行うことを可能にする技術であり、Rails5から組み込まれました。 Websocketというのは、HTTP上で双方向通信を可能にするプロトコルのことで、これを用いることでチャットアプリ等のリアルタイムなアプリケーション開発を行うことができます。 構成 サーバサイド
nuxt.js(v2)でSEOに必要なmeta(OGP)を入れたい - Qiita
初のアドベントカレンダー参加。こんな内容でいいのかなと思いつつ…nuxt.jsにSEOに必要なmeta(OGP)タグを入れていきます。 SEOに必要なmeta(OGP)タグを入れたい nuxt.jsでは、metaタグのコントロールにvue-metaが使われている。これ、ページ数が増えるとめんどくさい記入漏れなどのミスが起こる。なので、最低限必要なmeta(OGP)をフォーマット化しておく。あとから仕様を変更できればなおよし。 今回の目標 The Open Graph protocolを参考にしつつ、meta(OGP)を以下のようにしたい。（icon関連はPWAの設定と一緒にやるので今回は保留。） <html prefix="og: http://ogp.me/ns#"> <head> <!-- title/description --> <title>タイトル</title> <meta
Nuxt.js + Firebase で画像ファイルアップロードする - volpe’s diary
Firestorage に画像ファイルをアップロードしたくなったのでやってみる。 やってることは一般的なファイルアップロードの流れと変わらないが、Firestorage にアップロードする処理は store の action として実装している。 まずは view に form を設置する。 @change イベントハンドラを設定する。 input(type="file", :multiple="false", accept="image/*", @change="detectFiles($event)") 次に methods にファイル選択時のイベントハンドラを定義する。 アップロードするファイル名は他と被らないように uuid ライブラリを使って動的に生成している。 ファイル名とファイル本体を取得したら store の uploadImage へ渡す。 import uuid fro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
