Simple IT Life

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

Google Fontsに日本語フォントが追加されたらしい これを機にGoogle Fontsについて使い方を調べておく Google FontsとはGoogleが提供しているWebフォントのサイトで WebフォントとはWebから必要なフォントをダウンロードして使うフォント

クリーンアーキテクチャについて調べたことの自分用の備忘録 正直クリーンアーキテクチャ(The Clean Architecture翻訳)を何度読んでもわからなかったので、自分はこうしていこう的なことをずらずらと書いておく コンセプトは関心の分離、ソフトウェアをレイヤーに分けて以下の設計を生み出すこと

SassはCSSを効率的に書くための記法 Sassには2つの記法がある SASS(拡張子は.sass)とSCSS(拡張子は.scss) SASSの方が最初に作られたが、デザイナーに不評だったこともありCSSっぽいSCSSが現在の主流となっているので本記事はSCSSの記法をまとめることとする

先日モジロイというWebサイトを公開致しました。 Vue.js/Nuxt.jsで作成して、Firebaseで立ち上げています。 「音声を文字起こしする際に利用する書き起こし補助サイト」です。 モジロイの書き起こし画面にて音声入力を開始してからパソコンのマイクに向かって話しかけると、以下のように文字起こしが行われます。

FIrebaseの中の機能の一つであるHostingサービスを使うまでの流れをまとめる 具体的に言うとnuxt.jsで作成した静的ファイルをFirebase Hostingにアップしてアプリケーションを動かしてみる

Microsoft AzureのAzure App Serviceを使ってPaaS環境上でサンプルを動かすまでをまとめる 無料期間が終わっても無料でサービスを継続させることを目指す

一般的にHTTP負荷テストを行う場合はabかhttp_loadを使うが Vegetaという個性的なツールがあったのでそれの使用感を紹介する

Pivotal Cloud Foundry(PCF)のホスティングサービスであるPivotal Web Servicesを使用して 簡単なWebアプリケーションを立ち上げて、画面を確認できるまでを体験する

Vue.jsのサンプルを作成したので忘れないようにブログにまとめていく Hello Worldぐらいなら作れるけどその次は何をしよう...という人向けに以下の内容を簡潔にまとめていく

LINEのスタンプを自作する イラストを作成してから公開するまでの流れをまとめる そもそもイラストなんて描いたことが無かったのでイラストの描き方からまとめていく → LINEスタンプ「イカソクくん」販売中!!

Watson Conversationを使って会話を行うチャットボットを作成する 会話の内容としては、好きなゲームを聞かれたら「スプラトゥーン」と答えるだけの内容とする

LINE BOTを作成して受け取ったメッセージ内容を元にWatsonのAPIを叩いてよしなに返信をするようにする 流れとして、LINE BOT上でWebhookが設定できるので作成するNode-REDのURLを登録して Node-REDが叩かれた時にWatsonのAPIを叩く

LINE Messaging APIを使ってBotを作成する 今回はユーザーがBotに話しかけるとBotがオウム返しするだけの内容とする LINE Messaging APIとはLINEのボットを作成してユーザーと対話を行う際に利用するAPI

Node-REDとは、APIやオンラインサービス、デバイスなどの機能を繋げてアプリケーションを作成していくプラットフォーム 処理フローをブラウザの操作によって作成することができる オープンソースソフトウェアで、Node.jsが動く環境なら何処でも動かせる

Watsonを開発したIBMはAIを「Artificial Intelligence(人工知能)」ではなく 「Augmented Intelligence (拡張知能)」として人間の知識を拡張し増強するものと考えている つまりWatsonは、自然言語処理と機械学習を使用して人間の意思決定を支援するテクノロジー・プラットフォーム

Codeception TestToolsはChromeの拡張機能である ブラウザの操作だけで受け入れテスト(Acceptance test)のソースを自動で書き起こすことができる 出来上がったソースコードを元に受け入れテストを拡充していくことができる

実際にテストが無いプロジェクトに対してCodeceptionを追加してみる ゼロスタートということでどのように追加していくのか、またファイル構成を見ることを中心に解説を行う

PHPのテストを簡単に行うためのテスティングフレームワーク 単体テスト、機能テスト、受け入れテストの3種類のテストを簡単に書くことができる

GuzzleとはHTTPリクエストを簡単に送信できるPHPのHTTPクライアントである HTTPクライアントの中でも現在最も主流となっていて、複数のリクエストを並列で送信することもできる Guzzleをとりあえず使うところから、並列リクエストの方法も書いてみる

Google App Engineを使ってみてPaaSとはどんなものなのかを学ぶ Google App EngineとはGoogleが提供するPaaS サーバーのプロビジョニングやメンテナンスを行う必要はなく、コードをアップロードするだけでGoogleがアプリの可用性を管理する

最近の投稿

vue-pdfを使ってNuxt.jsで作成しているアプリケーションに pdfスライドを表示させるサンプルを作成しました README.md通りに実装してもうまくいかないところがあったのでそのあたり含めてまとめます

Vue.js / Nuxt.jsにおけるログインの実装方法をまとめる Auth0やNuxt.jsのAuth Moduleとmiddlewareについて調べつつサンプルを作成することで理解を深める

コンポーネント設計について考える Atomic DesignやPresentational Component, Container Componentについてまとめつつ 自分だったらVue.js / Nuxt.jsでどういうコンポーネント設計にするかについてまとめます

Netlify Formsを使ってブログサイトにコメント機能を追加する方法を調べたので紹介 Netlify FormsはNetlifyに標準機能として用意されているフォーム機能 サーバレスなので別途コメント用にサーバを用意する必要がなくHTMLを埋め込むだけで準備できる

TypeScriptの入門の入門チートシート 型の種類や使い方についてまとめていくだけでなく、 TypeScriptについてや必要性などについてもまとめることでこのページでTypeScriptをざっくり理解できる程度の内容を目指す

カテゴリ一覧

タグ一覧