WINDIIテック パスワード
create-nuxt-appで構築したNuxt2のプロジェクトにTypeScriptを入れてvuexを使えるところまで持っていくTypeScriptVuexNuxt はじめに Nuxt1を軽く触った程度なのと、tsほぼ未経験の状態でこの記事を記載していますので間違っているところはぜひご指摘頂けますと幸いです🙇 前提 nuxt 2.0.0 typescript 3.1.1 やってみる Nuxt2をインストールする 執筆時点ではver2インストールの和訳はされていないのでenページの手順通り行います。 npxを使ったことがなかったので今回はnpxでやってみます。
Vue School で今月から提供されている最新の無料コース「Nuxt.js Fundamentals」をさっそく受講した.最近よく聞くようになった Nuxt.js をまだ試したことがなく気になっていて,タイミングも良かった!今まで Vue School で「Vuex for Everyone」と「Vue.js + Firebase Realtime Database」と「Vue.js + Firebase Realtime Database」を受講して,素晴らしく体験が良く,今回もオススメできる内容だった! vueschool.io Nuxt.js Fundamentals コースは計14個の動画で構成されている.動画を見るだけなら35分で見れるし,動画を見ながら写経をするとしても,2時間あれば終わる.Nuxt.js とは何か?を速習するのに最高なコースと言える. 1 : Introd
The Go Programming Language golang.jp - プログラミング言語Goの情報サイト まずはインストールと動作確認 Go言語はコンパイル言語である。プラットフォームとして FreeBSD, Lunux, Mac OS X, Windows などがある。コンパイラの実装としてはネイティブの gc コンパイラと gcc 版 go コンパイラ(gccgo)が存在する(当然ネイティブのほうが安定している、らしい)。 Windows 用には MinGW 版の gccgo がある(ただし MSYS 等の周辺ツールは必要ない)。 現時点(2015-04-09)での最新版は 1.4.2。 Windows 版ではダウンロードページにパッケージが用意されているのでダウンロードしてインストールすればよい。 Windows 版の場合、ルート直下の C:\Go フォルダとかとんでもない
Go言語でHello Worldしてみたくなったので挑戦してみる。 環境 MacBook Air (11-inch, Early 2015) Mac OS X El Capitan バージョン 10.11.4 インストール brewに期待。 $ brew install go ==> Downloading https://homebrew.bintray.com/bottles/go-1.6.el_capitan.bottle.2. ######################################################################## 100.0% ==> Pouring go-1.6.el_capitan.bottle.2.tar.gz ==> Caveats As of go 1.2, a valid GOPATH is required t
最近 Firebase を触ってみて便利だったのと Vuex で何か作りたいなと思って検索すると vuexfire なる便利そうなものがあったので使い方をざっくりまとめてみました。 アプリの起動とデモを試すだけで Vuex の解説などは行いません。 準備と Example のデモ 今回利用するライブラリはこちら。 https://github.com/posva/vuexfire データは Firebase の Realtime Database を利用し、クライアント側に vue.js と Vuex を利用し、API通信することで動作します。 ライブラリのダウンロードと Example の実行 ライブラリをダウンロードします。
TL;DR https://clear-redev.netlify.com https://github.com/kiyc/clearr ClearのクローンサービスをPWAとして作り、Netlifyでデプロイしました。 コードは書きたいが何を書けば?? 何か新しいアイデアや解決したい課題を思いつき、それをサービスとして実現するのが理想的だというのはわかっているけれど、そうそう面白いアイデアや課題は見つからないものです。 でも開発欲というのはあるので何かを作りたい。 というときの代替手段として、既存のサービスを真似て作るということがあります。所謂クローンです。 この場合、何を作るべきかというのはわかっているので、純粋に開発に専念出来ます。 これはサービスを作りながら新しい技術を学ぶにはもってこいです。 ということで、今回あるiPhoneアプリをWebアプリとして再実装してみました。 Cle
# プロジェクト作成 $ vue create my-app $ cd my-app # vuetifyをインストール $ vue add vuetify ? Use a pre-made template? (will replace App.vue and HelloWorld.vue) Yes ? Use custom theme? No ? Use custom properties (CSS variables)? No ? Select icon font md ? Use fonts as a dependency (for Electron or offline)? No ? Use a-la-carte components? No ? Use babel/polyfill? Yes ? Select locale en
やりたいこと あるサービスで自動配信しているメールの タイトル 本文 をGoogleドキュメント化したい。 いちいちドライブ上でドキュメントを作成して、コピペして...ってのはだるいし、 今後もメールは増えていく予定なのでGASを使って楽に作れるようにしよう。 スプレッドシートを用意する スクリプトエディタにコードを書く スプレッドシートのツールから「スクリプトエディタ」を選択して、 以下のコードを書く。 function makeDocuments() { //スプレッドシート、シート、行数を取得 var spreadsheet = SpreadsheetApp.getActiveSpreadsheet(); var sheet = spreadsheet.getActiveSheet(); var count = sheet.getLastRow(); //項目タイトルを覗く2行目~最
2023/11/17 Updated imageThumbnail/imageFullsizeのHTTPサポートを削除しました (HTTPSをご利用ください) 2021-06-14 Updated トークン(連携サービス)の発行数の制限に関する記述を追加 2019-06-25 Updated imageFullsizeに関する記述を修正 2019-06-11 Updated notificationDisabledに関する記述を追加 2016-11-08 Updated Stickerに関する記述を追加 2016-10-24 Updated 画像uploadに関する記述を追加 2016-09-29 Updated 初版 API は OAuth2 による認証と、LINEへの通知用のものとで構成されます。全体として以下のような流れになります。 ユーザ:LINEの通知を設定しようとする 連携サー
ガチPGじゃない情シスの悩み 上司から色々なレポートを頼まれてSpreadsheetでなんとかお茶お濁せるうちはまだ良いのよ。 でもGoogleDrive上の複数シートを横断的に集計したり、しかもGoogleCalendarと連携してたり、その上複雑奇怪な表現のレポートを求められても魔改造Spreadsheetでは限界があるわけで、だからといって個別のレポートに対してWebサービス作ってたらキリがないよぅ…ふえぇ…。 というそんなアナタ! GoogleAppsScriptでちょっとした業務システム作るなら vis.js のTimelineが良いんじゃないかな? 作ったヤツ DEMO: https://script.google.com/macros/s/AKfycbxT6jrO68LS79H1XDhZN3Gx_as5eUSYIc87-Tpi5Odkb7nnvZk/exec ソースの説明 G
福岡から世界中の"むずかしい"を簡単にする株式会社diffeasyCTOの西@_takeshi_24です。 公開から1年以上が経ち、この記事の内容も少し古くなってきました。 Nuxt.jsやFirebaseを使って、サーバーレスでWebアプリケーションを開発する手順について、アドベントカレンダー「diffeasyCTO西の24(にし)日連続投稿チャレンジ Advent Calendar 2019」の中で、「Nuxt.jsとFirebaseとCloudFunctionsでWebアプリ開発」シリーズとして、連載していきます。 Nuxt.jsとFirebaseなどを使ってWebアプリケーション開発にチャレンジしたい方、是非Qiitaアカウントかtwitterをフォローしていただき、ツッコミやいいね!お願いします! 言葉の説明 まずはNuxt、Firebase、PWAの説明です。 ご存知の方はすっ
背景 サーバーサイド開発のプロジェクトでGitFlow(的な)運用を行っていたが、本番リリースの際に困ることがあったのでgitの運用フローを変えて解消したという話。 まず問題の内容から順番に書いているので、結論(新しい運用ルール)だけ知りたい人はこちら git運用フローについては、GitFlow・GitHub Flow・GitLab Flowなどが有名だがどれとも少し違うように思ったのでまとめた。 <2018/06/10追記> 新フローにも名前が欲しいと思っていたが、同じやり方を「GitFeatureFlow」と呼んでいる記事を見つけた。個人的にもしっくり来たのでこれからはこの呼称を使っていこうと思う。 cf. GitFlowは使わない!シンプルな「GitFeatureFlow」を紹介します </追記終わり> 導入プロジェクトの概要 採用するべき運用ルールはプロジェクトの条件にも依ると思う
こんにちは!テニスはじめました、小山です。開発部門でウエディンググループのリーダーをやっています。 今回は私が考えた新しいGitのブランチモデル「GitFeatureFlow」についてお伝えしたいと思います。 GitFeatureFlowとは Gitを使った開発をより快適にするため、GitFlow,GitHubFlow,GitLabFlowではない、新しいGitのブランチモデル「GitFeatureFlow」を考えました。 Gitを利用して開発を行う場合、Gitのブランチモデルをどうすべきか悩むことが多いかと思います。私自身もこの悩みに直面しました。既存のブランチモデルでは問題が解決できなかったので、GitFeatureFlowという新しいブランチモデルを考え、ウェディンググループに導入。今では快適にGit開発を行っています。 GitFeatureFlowで使う主なブランチはこの3つです。
Nuxt.jsプロジェクトの作成 h-sakano.hatenablog.com Firebaseプロジェクトの作成 https://console.firebase.google.comでFirebaseプロジェクトを作成することができます。 また、Authenticationの「ログイン方法」タブでメール/パスワードによる認証とGoogleログインを有効にしておきます。 Firebase SDKの準備 プロジェクトにfirebaseパッケージを追加します。 $ yarn add firebase 次に、先程作成したプロジェクトページから接続情報を取得します。 プロジェクトページ上段の画像のボタンをクリックすると認証情報が表示できます。 これを使用して初期化処理を書きます。 // ~/plugins/firebase.ts import firebase from "firebase"
vue.js は typescript を公式にサポートしています。 つい先日 vue-cli のバージョン 3.0 にてついに、初めから typescript が導入された vue.js のプロジェクトテンプレートが追加されました。 いよいよ vue.js ならぬ vue.ts に追い風が吹いてきたのを感じます。 そこでその追い風を更に強くするべく vue.js + typescript でコンポーネントを作るための基礎知識というかチュートリアルっぽいものを書いてみました。 この記事の概要 vue.js を typescript で書く vue-class-component を利用する vue-property-decolator を利用する ドキュメントにない細かい機能や tips でお送りします。 目標はコンポーネントを自由に作れるようになることです。 プロジェクトテンプレート 何
ここ数年、Cloud9やCodenvyを始めとしてブラウザだけでフロントやサーバサイドの開発を行えるCloudIDEが複数リリースされています。 そもそもAtomやVSCodeなどのエディタがElectronなどを使ったWeb技術の上で作られていることもあり、ここ数年で凄まじい進化を遂げ、いくつかの環境では本当にブラウザだけで開発できる様になってきました。 いま個人的なプロジェクトのフロントエンド(React)はCodeSandboxで開発していますが、MacbookでもiPadでも同じように開発ができ、非常に便利です。 次にサーバサイドとしてCloud Functionsを使いたく、この開発環境もブラウザだけで構築するのを試してみました。 まずは直接Cloud Functionsとの連携をサポートしているCloudIDEを探したけど見つからず、コンソールをサポートしていて使いやすいものを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く