Month: April 2021

かっこいいポンチ絵の書き方

ポンチ絵という言葉が若い世代には伝わらないことに驚いた小山です.今回は,CDSLのサイトにも載せてあるアーキテクチャ図(通称,ポンチ絵)の書き方のTipsを紹介します.ここでは,GitHubとGitHub Actionsを利用して,ClientがGitHubにソースコードの変更を転送すると自動でデプロイ(配置と設定適用)を行うアーキテクチャを例とします. コンポーネントの選定 まず,ポンチ絵に登場させる要素(コンポーネント)を決めます.例えば,以下のポンチ絵の場合は登場させる要素は次になります. Client GitHub GitHub Actions base-m(仮想マシン) base-j(仮想マシン) NFS Server 登場させるコンポーネントは,マシンやサービスといったアーキテクチャに欠かせない最低限に絞ります.必要に応じてIPアドレスやホスト名,動作しているプロセスをコンポーネントに書き出します. コンポーネントの配置 コンポーネントを地理的な配置や,役割でまとめた配置に変更します.この場合,CDSL A910(研究室)に配置したコンポーネントを右側に寄せて,灰色の背景をつけることで区別しています.また,処理の流れを左から右へ意識してレイアウトを行います. コンポーネント同士の接続 コンポーネント同士を矢印や線で接続します.必要に応じてコメントを矢印や線の側に書き込みます.処理の順序を示す番号をつけても良いと思います.これで完成しました. カッコよくするTips (1) カッコいいアイコンを選ぶ 例えば,以下のサイトはフリーで利用できるアイコンが探せます.アイコンを選ぶときは,統一感があるように似たデザインのアイコンを選ぶと良いです. https://www.iconfinder.com/ (2) ポンチ絵の色を揃える カラフルにするほど,色の組み合わせで苦労します.本質は見やすくカッコいいことなので,過度な装飾は不要です.個人的には,使う色を4種類程度に抑えます. (3) 統一感を意識する アイコンの大きさ,線の太さ,文字の大きさやフォントを役割ごとに統一するよう意識します.文字の表記は,色抜きや,枠をつけるだけでもパターンの種類が増やせるので使い分けると良いです. ポンチ絵の例 参考として,これまでに作成したポンチ絵を紹介します. おわりに 今回はポンチ絵の書き方を紹介しました.ポンチ絵は作るほど上手くなるので,繰り返し描いてレビューをもらうと良いです.前に書いたポンチ絵(下図)がゴチャゴチャなのも今だからこそ気付けたことですね. こうしたアーキテクチャを設計する仕事は,アーキテクトと呼ばれる職種が行います.アーキテクチャを考えたり,ポンチ絵を描いたりすることに興味がある学生がいればCDSLにJoinしてくれると嬉しいです.アーキテクチャに関する議論やコメント,質問もあれば記事のコメントでお願いします!

学位授与式がありました

2021年3月19日に学位授与式が行われました. 今年度は,新型コロナウイルスの影響により学部ごとに時間別でソーシャルディスタンスを守りながら卒業生・修了生のみで執り行われました. 2019年に新設されたCDSLでは今回の学位授与式で1期目の学生が卒業しました. 学部の4年間を振り返ると研究室に配属されてからの3年生の創成課題と4年生の卒業課題が自分の中で一番の思い出かなあと思います.(同期のメンバーも同じことを言っていました) 研究室の立ち上げの時のブログ記事 https://ja.tak-cslab.org/archives/177このころに比べると新たな学部生も配属されCDSLお賑やかになったと思います. 卒業後は進学する人,就職する人といますがCDSLのメンバーとしてまたどこかで会いたいですね!

変ハ長調の面白さ

みなさまこんにちは,杉本です. 今日はなかなか寝付けなかったので寝るのを諦めてオタクになります.(内容はとても雑) なんのオタクかというと,調号についてです. 先日,YOASOBIさんの怪物を始めて聴きました.とてもエレクトリックな曲調で早いテンポでテンションが上がる曲です.曲中3回も転調をするという点についてもとても面白い曲の作り方をしているなと感じます. ただ最も私が惹かれたのが,イントロが変ハ長調(ロ長調)でで始まっているということです. いやなんの話をしているか分からないのが普通だと思いますが,この〇長調/〇短調というのは調号というもので,いわば曲調を決めるようなものでいくつもの調号が存在します.これは音楽経験者であればよく分かると思います. ただ調号の中でも少しひねくれものなのがこの変ハ長調というものです.楽譜の最初には下のように表記されています. フラット(♭)が多いですよね.なんと7個です.7個ついているというのは,ドレミファソラシの全ての音に♭がついていることになります.とても読みにくい譜面になります. しかしその反面,音階の音色はとても明るくなります.一般的な私たちが知っているハ長調(♭と♯がない)のドレミファソラシドよりも明るくドレミと聴こえます.♭がたくさんあるのに不思議ですよね. そして最も面白く厄介な点は変ハにあります. ...変ハ?? 変ハとは,まず一般的には音階をドレミファソラシドと呼ぶと思いますが,日本語表記ではハニホヘトイロハになります.つまり,ド=ハということです.そして”変”というのは♭と同じ意味になります. つまりド♭から音階がスタートする調,それが変ハ長調です.そして先ほども言った厄介なところというのは,変ハはドレミファソラシドの”シ”と全く同じであるということです. 上の鍵盤を見てください.♭の意味はその音から半音下がるということです. 半音下がるというのは,いわゆる白鍵から黒鍵に下がるのが一般的であると思いますが,ドに♭がついているとどうでしょうか. ドの半音したに黒鍵はなく,白鍵の”シ”があります.つまりド♭はシなのです.意味不明だと思いますが,音楽の世界では変ハとシは別のものとして存在しているのです.音は同じですが. しかも”シ”から始まる音階として,ロ長調というものがあるのです.意味不明が止まらないところすいません. ロ長調であれば純粋なシから始めるので悩むことなく,シから始められます() 音楽の世界でなぜこのように分けられたのか私は知りませんが現状ではこのような仕組みとなっています. 変ハ長調は強引にシから音階を始めているようなもので,そのせいで譜面に多数の記号が出てきてしまいます. ここでは詳しい話はしませんが,特にめんどくさいのがダブルフラットという記号が頻発してしまうところにあります.作譜には調号によって記号を付けるルールが存在しており,それに従うと強引にシにした変ハ長調の譜面は荒れ果てる結果になります. ピアノをやってる人的にはやめていただきたいというのが純粋な感想です.譜面を読むスピードが落ち,そもそも譜面を読むのにとても苦労します. 以上,音楽をやっていないと正直最初から最後までチンプンカンプンな話だったと思いますが,お陰様で眠気が現れてきました.これで寝れそうです. おやすみなさい.

API Blueprint でAPI設計書を書く 超入門編 Part1

この記事はqiitaからマイグレーションされました.https://qiita.com/takahyon/items/399e3d5781e0f6c73e06 Q.API Blueprint ってなに? A.APIの仕様書を簡単にかつ明確にドキュメントにできるツール(言語) AWSのAPI GateWayやGCPのGoogle Cloud Endpointsで手軽に個人でRestful APIを作れる時代の今、後々共同開発する際にAPIの仕様を理解できるよう、人に後から説明するのは手間がかかります。APIドキュメントを書いておけば、そういった時間は大幅に軽減されます。APIドキュメントを書くツールとしてはSwaggerとAPI Blueprintが有名です。今回はAPIBluePrintを紹介しますがSwaggerについて知りたい方は @gcyata さんの投稿がわかりやすいのでリンクを載せておきます。Swaggerの概要をまとめてみた。by @gcyata 1.API Blueprintの完成イメージを見せて! こんな感じです!おしゃれで見やすいですよね!あなたもたった五分で作れます! やっていきましょう。 2.ソースコード API Blueprintはmd(markdown)記述にかなり似ています。拡張子は.apibとしていますが、.mdでも問題なく動きます。今回使っていくサイトはAPI Blueprint公式サイトのExampleからreal-world-apiをお借りします。https://apiblueprint.org/documentation/examples/real-world-api.htmlこれをコピペして任意のファイルに保存してください。拡張子は.apibです。 3.コマンド apibからhtmlにするにはaglioというライブラリを書くのが一番簡単でした。https://github.com/danielgtaylor/aglioインストールにはnpmを用います。npmがわからない方はtaiponrockさんのNode.js / npmをインストールする(for Windows)を参考にnpmを導入してください!aglioのインストール $npm install -g aglio 任意のファイル名.apibを保存したファイルに移動します。 $cd hogehoge ローカルサーバーを起動する。 ローカルサーバーの起動 $aglio -i <filename.apib> –server すると Server started on http://127.0.0.1:3000/ Rendering .\filename.apib localhostの3000番ポートでサーバーが立ち上がります。ソースファイルを更新すると自動更新してくれる開発環境が一行で手に入ります。 htmlファイルに保存する htmlファイルを作成 $aglio -i <filename.apib> -o <output.html> カレントディレクトリに生成後のHTMLが保存されています。試しに開いてみましょう(http://localhost:3000/) ばっちりです! お疲れさまでした!…

Read the full article

英単語暗記法

最近は英単語を丸暗記しています。一日中どれぐらいの単語数を目指して暗記する方が良いかについてちょっと調べました。調べた結果、覚えられるなら無限に暗記してもいいという単純なことでした。ではどのような方法で覚えやすいかなと調べてみると、意味の近い単語を紐づけて暗記する方がもっと深く覚えられることが見つかりました。例えばattireとgarbはパッと見るとわからないかもしれませんが、実際にこの二つとも服装の意味があります。服装と言ったらclothingとすぐに思い出しますよね。このような時にattire,garbとclothingを一緒にまとめて覚えばいいと思います。