Simple IT Life

IT技術を幅広く入門の入門としてまとめます。simple is the best !!

Published: by

概要はじめに2019年4月から新しいチームに配属されることになって、そこではScalaとPHPを使い分けて開発をおこなっていました4月5月では主に保守運用周り、並びにPHPでの開発を行いつつ、Scalaに慣れるために小さい修正を細々とおこなっていて、6月からついに本格的にScala開発に着手することになりました。レガシーな技術から新しい技術に乗り換えるということで、その中で開発言語はどうする......

概要https://storybook.js.org/StorybookとはUI開発環境を提供するツールReact、React Native、Angular、VueなどをサポートしているStorybookを使うとユーザーは独立した開発環境でコンポーネントを個別に作成して挙動の確認をテストできたり、コンポーネントを一覧にしてカタログ化できるので他の人に紹介する時に使えたりする公式のサンプル集h......

概要フロントエンド開発における状態管理、データフローがなんで重要なのか、Fluxとは何かなど主にVue.js目線ですが忘備録的にまとめますデータフローの設計・状態管理についてアプリケーションの規模が大きくなるに連れて状態管理が重要となってくる状態とはアプリケーションが保持するデータのことで例えばECサイトのカートなど、最初は空の状態から始まり商品をカートに入れることによってカートの中身が増え......

概要前にDoxygenの入門についてまとめたが実際にサンプルを見た方が理解が早いかと思うのでサンプルを作ってみる Doxygen入門の入門 ↑前に書いた記事、そっちでは Doxygenについての簡単な説明 導入方法 書き方などを書いた今回は、まずサンプルを見て理解をしたい人向けにサンプルのアプリケーションをGitHubに用意して、ドキュメントもGitHub Pagesで見ら......

概要1クリックでHTML要素の構造を可視化し、セマンティック要素が正しく実装されているか検証できる -Trashy.cssというのがあって気になったので使ってみるTrashy.cssを使うとHTMLの構造が可視化されるのでheader,nav,main,article,selction,footerなどの要素が正しく実装されているかを確認することができる使い方ブックマークレットが用意されてい......

概要始めにGoogle Cloud Functions(以下Cloud Functions)初学者向けに提供されているクイックスタートを入門的に試してみるCloud FunctionsについてCloud FunctionsとはGoogle Cloud Platform内のサービスの一つであるFaaS(Function as a Service)で、登録した関数を実行するためのサービスFaaS......

筋肉エンジニアを目指した1ヶ月半の経緯私事ですが7月下旬に子供が生まれて9月いっぱいまで育児休暇を頂いています。家事に育児があるので暇というわけではないですが、ずっと家にいても体が鈍って運動不足になってしまうのでこれを機にジムに通おうかとふと思ったことから体作りの1ヶ月半が始まりました。後々に振り返ると最初の1ヶ月はだらだらと取り組んでいましたが最後の半月は色々勉強して本格的に取り組んだので......

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

概要CSSアニメーションについてまとめるCSSでアニメーションを実装する上でCSS AnimationとCSS Transitionの2種類があるのでそれぞれまとめていくCSSアニメーションのメリットについて何故CSSでアニメーションを行うのか JavaScriptが不要(クリック時に何かアニメーションさせるなどの場合はJavaScriptは必要) 単純なアニメーションの場合は実装が簡単......

概要Flexbox(CSS Flexible Box Layout)についてまとめるFlexboxとはボックスの横並びや縦並びが手軽に実装できるレイアウトモジュール今までだと2カラムのレイアウトを作成する時にはfloatなどを使っていたが、clearfixでの解除が必要だったり縦方向の中央揃えが面倒な部分があったが Flexboxだと簡潔に記述ができて、柔軟なレイアウトが実装可能となっている......

@_tomsatoで始めました。ブログを更新した際や新しくサイトを作成したり、サイトに大きな改修を行なった場合はこちらに記載をしたいと思います。作成したサイトは現在こちらです。 モジロイ – モジロイは音声を文字起こしする際に利用する書き起こし補助サイト...

概要Vue.jsやNuxt.jsで開発をすることが多くなってきたが改めて「なんでVue.jsにしたの?」「仮想DOMって?」「SSRって何がいいの?」などメリットを聞かれた時にサラサラと答えられなかったり用語についての説明が言えなかったりしたので自分なりにまとめるフロントエンドの歴史について何故フロントエンドエンジニアが必要になってきたのか昨今フロントエンドエンジニアの需要が高まってきた、何......

概要最近Google Fontsに日本語フォントが追加されたらしい Google Fonts に日本語フォントが6書体正式的に追加されました。https://t.co/MzgzLittOW pic.twitter.com/DCKvj8qFB5 — 𝐊𝐢𝐭𝐞 (@ixkaito) 2018年8月27日 これを機にGoogle Fontsについて使い方を調べておく日......

概要クリーンアーキテクチャについて調べたことの自分用の備忘録正直クリーンアーキテクチャ(The Clean Architecture翻訳)を何度読んでもわからなかったので、自分なりに解釈したところをずらずらと書いていきます、間違っている可能性は大いにあり得るのでその辺りはご了承ください。アーキテクチャの選択肢DDDの記事を漁ると出てくるアーキテクチャ レイヤードアーキテクチャ ヘキサゴナ......

概要SassはCSSを効率的に書くための記法Sassには2つの記法がある SASS(拡張子は.sass) SCSS(拡張子は.scss)SASSとSCSSで書き方の違いがある例SASSの場合.div .container color: redSCSSの場合.div { .container { color: red; }}SASSの方が最初に作られたが、デザイナーに不評......

■ 概要先日文字起こしを行うライターさん向けにモジロイというWebサイトを公開致しました。こちらはVue.js/Nuxt.jsで作成して、Firebaseで立ち上げています。サイト作成の経緯などはVue.jsとWebSpeechAPIを利用してライターさん音声文字起こし補助サイトを作った話にて紹介を行なっていますのでそちらをご覧ください。今回の記事では主にどういったサイトか、どうやって文字起......

■ 概要FIrebaseの中の機能の一つであるHostingサービスを使うまでの流れをまとめる具体的に言うとnuxt.jsで作成した静的ファイルをFirebase Hostingにアップしてアプリケーションを動かしてみる■ mBaaSとはスマートフォンアプリでよく利用される汎用的な機能を提供するサービスでバックエンド周りの機能をクラウドを通して利用することができる■ FirebaseとはGo......

■ 概要Microsoft AzureのAzure App Serviceを使ってPaaS環境上でサンプルを動かすまでをまとめる無料期間が終わっても無料でサービスを継続させることを目指す■ Microsoft AzureとはMicrosoft Azure(以下省略してAzureと呼ぶ)とはクラウドコンピューティングプラットフォームAzure App ServiceとはMicrosoft Az......

■ 概要一般的にHTTP負荷テストを行う場合はabかhttp_loadを使うがVegetaという個性的なツールがあったのでそれの使用感を紹介する Apache Bench(ab)を使って初めての負荷検証を行う ■ 導入方法vegetaコマンドを取得する$ curl -L "https://github.com/tsenart/vegeta/releases/download/v6......

■ 概要今回の目標今回はPivotal Cloud Foundry(PCF)のホスティングサービスであるPivotal Web Servicesを使用して簡単なWebアプリケーションを立ち上げて、画面を確認できるまでを体験するCloud Foundryとは業界標準のオープンソースのPaaSソフトウェアのこと– 色々なベンダー/ユーザー企業から支援がされている– 色々な言語やフレームワークへ対......