SANDFISH FACTORY

技術ブログです。python・vuejsを愛でる日々について綴ります

vue.js

アトミックデザインでの失敗から辿り着いたSmartphone based な Atomic Design

はじめに アトミックデザインって? アトミックデザインで失敗した話 何を失敗したか? 密結合なコンポーネント構成 大失敗を経て学んだこと 私の指針:Smartphone based な Atomic Design スマホ画面を軸に整理する メリット 再利用可能なコンポーネントが…

Vue NativeにRealmを組み込んだ時のエラーを解決してみた

はじめに realmをプロジェクトに組み込む 事前準備する realmを追加する エラーを解決する node_modules内のサブプロジェクトを紐付ける 紐づけるバイナリを変更する 最後に はじめに 前回のブログではVue Nativeを用いてiOSアプリを作ってみました。 次はモ…

Vue NativeでiOSアプリを作ってみた

はじめに 試した環境 環境構築 cliをインストールする vue-nativeのプロジェクトを作る 必要なパッケージをインストールする 依存関係を解決する サンプルアプリを作る App.vue router/index.js store/index.js views/Login.vue views/Home.vue プロジェクト…

Vue.jsとAWS Amplifyで開発するサーバレスなWebアプリ:storage

はじめに storageコンポーネント amplify-photo-picker 概要 イベント amplify-s3-album 概要 イベント storageコンポーネントを利用する際の注意点 S3へのアクセスが時間切れで表示されなくなる 削除機能のコンポーネントがない まとめ はじめに 前回の投稿…

Vue.jsとAWS Amplifyで開発するサーバレスなWebアプリ:authコンポーネント

はじめに authコンポーネント amplify-authenticator 概要 イベント amplify-sign-out 概要 イベント コンポーネントのUIカスタマイズ 英語のメッセージを日本語に変える amplify-sign-up amplify-sign-in amplify-confirm-sign-up amplify-sign-out フィー…

Vue.jsとAWS Amplifyで開発するサーバレスなWebアプリ:環境構築

Vue Fes Japan 2019のCFPに申し込んでみた AWS Amplify とは 環境 サンプルプロジェクトを作る UIライブラリを追加する CLIインストール Amplifyインストール AWSバックエンドを設定する 利用するAWSサービスを追加する authを追加する storageを追加する pu…