概要
Vue.jsやNuxt.jsで開発をすることが多くなってきたが
改めて「なんでVue.jsにしたの？」「仮想DOMって？」「SSRって何がいいの？」
などメリットを聞かれた時にサラサラと答えられなかったり用語についての説明が言えなかったりしたので自分なりにまとめる
Simple IT Life Posts
概要
最近Google Fontsに日本語フォントが追加されたらしい
Google Fonts に日本語フォントが6書体正式的に追加されました。https://t.co/MzgzLittOW pic.twitter.com/DCKvj8qFB5
— 𝐊𝐢𝐭𝐞 (@ixkaito) 2018年8月27日
これを機にGoogle Fontsについて使い方を調べておく
概要
クリーンアーキテクチャについて調べたことの自分用の備忘録
正直クリーンアーキテクチャ(The Clean Architecture翻訳)を何度読んでもわからなかったので、自分なりに解釈したところをずらずらと書いていきます、間違っている可能性は大いにあり得るのでその辺りはご了承ください。
概要
SassはCSSを効率的に書くための記法
Sassには2つの記法がある
- SASS(拡張子は.sass)
- SCSS(拡張子は.scss)
SASSとSCSSで書き方の違いがある例
SASSの場合
.div
.container
color: red
SCSSの場合
.div {
.container {
color: red;
}
}
SASSの方が最初に作られたが、デザイナーに不評だったこともありCSSっぽいSCSSが現在の主流となっているので本記事はSCSSの記法をまとめることとする
■ 目次
- 概要
- モジロイはどういうサイトか
- 推奨している書き起こし手順
- モジロイはフィードバックを募集しています
■ 概要
先日文字起こしを行うライターさん向けにモジロイというWebサイトを公開致しました。
こちらはVue.js/Nuxt.jsで作成して、Firebaseで立ち上げています。
サイト作成の経緯などはVue.jsとWebSpeechAPIを利用してライターさん音声文字起こし補助サイトを作った話にて紹介を行なっていますのでそちらをご覧ください。
今回の記事では主にどういったサイトか、どうやって文字起こしを行うのかを具体的に紹介していきます。
■ 目次
- 概要
- mBaaSとは
- Firebasetとは
- Firebaseダッシュボード作成まで
- Firebaseにデプロイする
- 無料枠の制限
■ 概要
FIrebaseの中の機能の一つであるHostingサービスを使うまでの流れをまとめる
具体的に言うとnuxt.jsで作成した静的ファイルをFirebase Hostingにアップしてアプリケーションを動かしてみる
■ mBaaSとは
スマートフォンアプリでよく利用される汎用的な機能を提供するサービスで
バックエンド周りの機能をクラウドを通して利用することができる
■ Firebaseとは
Googleが提供するmBaaSのこと
Firebase HostingはFirebaseの機能の一つで静的ファイルのホスティングサービスとなっている
■ 目次
- 概要
- Microsoft Azureとは
- 他サービスとの比較
- Azureの無料枠について
- Azureのアカウント作成
- PaaS(Azure App Service)のインスタンスを作成する
- 作成したWeb Appにデプロイを行う
■ 概要
Microsoft AzureのAzure App Serviceを使ってPaaS環境上でサンプルを動かすまでをまとめる
無料期間が終わっても無料でサービスを継続させることを目指す
■ 目次 概要 導入方法 使い方 ■ 概要 一般的にHTTP…
■ 目次
- 概要
- 今回の目標
- Cloud Foundryとは
- Pivotal Cloud Foundryとは
- PaaS(ついでにSaaS,IaaSも)について
- PaaS利用によるメリット
- 利用までの流れ
- 準備
- cfコマンドを使えるようにする
- Pivotal Web Servicesのアカウント作成
- TerminalからPivotal Web Servicesにログインする
- Hello World
- 作業ディレクトリの準備
- index.phpを作成する
- manifest.ymlを作成する
- cf push
- cfコマンド色々
- アプリケーションの削除
- よく使うコマンド
- 終わりに
■ 概要
今回の目標
今回はPivotal Cloud Foundry(PCF)のホスティングサービスであるPivotal Web Servicesを使用して
簡単なWebアプリケーションを立ち上げて、画面を確認できるまでを体験する
Cloud Foundryとは
業界標準のオープンソースのPaaSソフトウェアのこと
– 色々なベンダー/ユーザー企業から支援がされている
– 色々な言語やフレームワークへ対応している
Pivotal Cloud Foundryとは
Pivotal社が提供しているPaaS環境のことで、Pivotal版のCloud Foundryということ
PaaS(ついでにSaaS,IaaSも)について
- SaaS(Software as a Service)
- ソフトウェアをインターネット経由で、必要なものを必要な時に呼び出して使うような利用形態のこと
- PaaS(Platform as a Service)
- アプリケーションを稼働させるためのプラットフォーム一式をインターネット上のサービスとして利用する形態のこと
- IaaS(Infrastructure as a Service)
- 仮想サーバなどのインフラをインターネット上のサービスとして利用する形態のこと
PaaS利用によるメリット
従来ではエンジニアが、アプリケーション開発のみならずサーバ構築から負荷対策によるスケールアウト・ロードバランシングなど、作成したサーバの保守運用まで行う必要があったためとてつもない工数がかかっている
またサーバに障害があった場合は、休日問わず対応する必要があるため、決してホワイトとは言えない業務を行なっていたことと思える
PaaSを利用することによってエンジニアはアプリケーションの開発だけにフォーカスすることができ、サーバの保守運用という報われない仕事から解放されることができる
■ 目次
- 概要
- 準備
- ソースの見方
- axiosを使って外部のAPIを叩く
- インスタンスのライフサイクル
■ 概要
Vue.jsのサンプルを作成したので忘れないようにブログにまとめていく
Hello Worldぐらいなら作れるけどその次は何をしよう…という入門の次にどうするか悩んでいる人向けに以下の内容をまとめる
- vue-routerを使って、画面を再読み込みをさせることなくURLとコンテンツを切り替えさせる
- 1ファイルに1コンポーネントずつ、ファイルを分割していく(単一ファイルコンポーネント)
- コンポーネントからコンポーネントを呼び出す
- axiosを使って、外部のAPIを叩いてその結果を表示させる
これを学ぶだけでも小規模なWebサイトが作れるようになるはず(多分)