Simple IT Life Posts

その他

概要

始めに

Google Cloud Datastore(以下Cloud Datastore)初学者向けに提供されているクイックスタートを入門的に試してみる
クイックスタートではCoogle Cloud Platform Console上でデータを作成して、同じくConsole上で作成したデータをGQLを使って確認するまでの流れを追っている

Cloud DatastoreとRDBMSとの用語の比較

覚えておきたい用語をRDBMSと比較しながら確認する

RDBMS Cloud Datastore
テーブル 種類 または カインド(Kind)
フィールド(1つのオブジェクトの中の各データ) プロパティ(Property)
レコード エンティティ(Entity)
プライマリキー キー(Key) + 祖先キー

これはただの参考の話であり、実際は少し違うことに注意

クラウドサービス 運用

デザイン

概要

Flexbox(CSS Flexible Box Layout)についてまとめる

Flexboxとはボックスの横並びや縦並びが手軽に実装できるレイアウトモジュール

今までだと2カラムのレイアウトを作成する時にはfloatなどを使っていたが、clearfixでの解除が必要だったり縦方向の中央揃えが面倒な部分があったが Flexboxだと簡潔に記述ができて、柔軟なレイアウトが実装可能となっている

また噂ではfloatよりもパフォーマンスがやや良い(早い)とのこと
参考:最適なCSSの横並びはどっち!? Flexboxとfloatのパフォーマンス比較

デザイン

SNS

設計 開発

デザイン

設計

概要

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を利用してライターさん音声文字起こし補助サイトを作った話にて紹介を行なっていますのでそちらをご覧ください。

今回の記事では主にどういったサイトか、どうやって文字起こしを行うのかを具体的に紹介していきます。

その他