その他

HTML5感に行ってきました

こんばんは。
akitoです。

この前の土曜日、私は

「HTML5感 ~HTML5の最新動向と明日から活かせるHTML5のあれこれ。~」

なるものへ参加してきました。

その日は朝5時起き!
長野からバスで東京に向かいます。

バスの中ではひたすらに寝て体力を温存。
約3時間で新宿に到着しました。
そこから電車に乗って会場へ!

しばらく席でおとなしくしていると、早速最初のセッションが開始されました。

 

ディスプレイの中のバーチャルな世界からリアルな世界に広がるHTML5

このセッションでは、web以外で使われているwebの技術について色々と面白いお話を伺う事ができました。
特に、

・ラズパイにnodeをインストール出来ること。
・JavaScriptで制御するIoT向けマイコン「Puck.js」なるものが登場している。
・Eddystone(ビーコンの規格)

この辺りの話が非常に面白かったです。
JSで出来ることがどんどん増えていて、自称フロントエンドエンジニアとしてはとてもワクワクしてきますね!

 

プロジェクトを殺さないCSS設計

このセッションでは、CSSの設計方法論について色々とお話を伺うことができました。
大体知っている内容ではありましたが、自分の知識の再確認と言う意味ではとても良かったと思います。
ただ一つ、セッションの中で出てきた「Enduring CSS」は初耳でしたが…
この手法はざっくり言うと、CSSのファイルをページ毎に管理して、
フォルダ構成もHTMLと同じにするというものです。
私もたまに使う方法ですが、こんな名前が付いていたんですね。
知りませんでした…
HTML5 Web アプリケーションのセキュリティ・マネジメント編
内容はさらっとセキュリティについて、フロントエンドから、バックエンドまで含めてお話を聞かせていただきました。

参考書などをご紹介頂いたので、いずれ読めたらと思います。

 

SCSSの関数機能を利用した効率的なCSS作成

このセッションではSCSSについて色々とお話を伺うことができました。
こちらも大体は知っている内容でしたが、今まであまり使うことの無かった関数についてのお話もあり、少し思考の裾野が広がった気がします。
あと、Sassのフレームワーク、compassについてのお話もありました。
compassはもう更新が止まって古くなってきており、最近はbabbonが使われる事が多くなってきているとのこと。
うん、知ってます…知ってますとも…
でも私の開発環境では、今日も変わらずcompassが入っております。
特に不便は感じてないし、切り替えるのが億劫で…
でもcompass使ってると新しいPCで開発環境を作る時が大変なんですよね。
特にMAC!
アップルIDを取得して、Xcodeコマンドラインツールをインストールしたりしないといけません!
これがなかなかにめんどくさい!
もういい加減Bourbonに乗り換えたいと思います!!

 

HTML5を使った開発にも役立つVisual Studio Code

このセッションは、マイクロソフトのテキストエディタ「Visual Studio Code」についてのお話がありました。
その中で気になったのは「PlantUML」についてのお話。
UMLとは、システムのデータ構造や流れを簡単に図表にするための記法らしいです。
この記法が、Visual Studio Codeも対応しているとのことでした。
これは結構使えそう!
と思ったのですが、私が普段使っているatomでも同じ事が出来るぽい…
この為にインストールする必要は無さそうです。
でもatom重いから…
軽かったら、乗り換えてみるのもいいですね!

 

 

以上の5セッションが終わり、待ちに待ったビアバッシュです!
ピザは美味しかったし、色々な人とお話させていただきとても楽しかったです。
そして、次回はなぜかLTで登壇することに!?
緊張してうまくしゃべれるか心配ですが、ネタ探しておきます。
登壇者やスタッフのみなさん。どうもありがとうございました!

パーソナルカラー診断

こんにちは。akitoです!
皆さんはオシャレしてますか?
ちなみに私はあんまり気にしておりません!
家にある服をなんとなーく着ています。
先日なんて、3年ぶりに会った知り合いに
「前も同じ服装してたよな!」
と言われてしまった始末です。

これはいかんなーと思っていたら、会社の企画で自分のパーソナルカラーを調べる事に。
でも、いきなりパーソナルカラーって言われてもなんだかよくわかりません。
そこで、ちょっと調べてみました。

 

パーソナルカラーとは

パーソナルカラーとは、唇や瞳、肌の色等と調和して、その人に最も似合う色を指します。
そしてパーソナルカラーを使ってコーディネートをすると、血色がよく見えたり、小顔に見えたり、健康的に見えたり、
メリットがいっぱい!オシャレも捗りそうですよ!

そして、パーソナルカラーは、大きく分けると明度、彩度により
「春タイプ」「夏タイプ」「秋タイプ」「冬タイプ」の4種類に分けられるそうです。

春タイプ

イエローベースで高明度・高彩度

明るい色調で可愛らしい印象を受ける色がほとんどです。
春の新緑や、草花、桜などをイメージさせますね。

夏タイプ

ブルーベースで高明度・低彩度

涼しげで柔らかい色調です。
真っ青な空や海、スイカやメロンに草花など、夏を連想させる色ばかり!

秋タイプ

イエローベースで低明度、低彩度

深みがあって洗練された色調です。
鮮やかな紅葉や、木々の色、広大な大地をイメージさせますね。

冬タイプ

ブルーベースで低明度・高彩度

原色に近いはっきりとした色がずらっと並びます。
クールでシャープな印象ですね。
真っ白い雪や、かき氷のシロップの色!
ちなみに日本人にはほとんどこのタイプはいないんだとか!

そして私はと言うと夏タイプでしたー!
その中でも特に私に似合うのは「ラベンダー色」とのことですが…
そんな服持ってないよ!
実はこのパーソナルカラー診断。
会社のサイトにスタッフ写真を載せることになりまして、その為の診断だったわけですが…
このままでは当日着てく服がありません!
ただ遊んでいただけになってしまいます!
今季の査定が怖すぎる~。

これはもう買うしか無い!

と言うわけでこれ買ってみました。

ちなみに使ったサイトはこちら

まだ届いていないのですが、本当に私に似合うのでしょうか!?
今からとっても楽しみです!

あきとの成分早見表

こんばんは。
あきとです。

昨日からブログを書き始めましたが、まずは私の自己紹介から書きたいと思います。
あきとはこれらの成分から出来ている!

 

成分1 仕事

一年前に東京から長野県に戻ってきて、とある会社でウェブサイト屋さんをやっています。
フロントエンドエンジニアをやっていましたが、今の会社に入社してからは、
ディレクションもするし、バックエンドも触るし、マーケティングやら、アクセス解析やらたまにちょっとデザインもしたりで、なんだか色々やってます。
でも心は今も昔もフロントエンドエンジニア。
HTML、CSSの乱れは心の乱れ。
今日もソースコードの乱れと戦っています!

 

成分2 好きなもの

・Perfume

家でも職場でも運転中でも就寝中でもずっとずっと聞いています。
かれこれ10年ぐらい聞いていますが、ぜんぜん飽きません。
どうやったら飽きる時がくるのかと、考え込んでしまうくらい飽きません。
でも最近はBABYMETALも結構好き。
最近は24時間ヘドバンしてます。

・須田51

言わずと知れたゲーム開発会社「グラスホッパー・マニファクチュア」の社長さんです!
killer7とか、ロリポップチェーンソーとか、個性的な作品を沢山作っていらっしゃる!
王道ノーマルに飽きた方、アブノーマルが好きな方には彼の作品を是非一度プレイしてみてほしいです。

 

成分3 子供たち

二人の男児の父親でもあるこの私。
休日は自分の部屋に閉じこもって、javascriptの新しいフレームワークとか使って遊んでみようと思っても、
息子二人に突撃されて何もできずに過ぎる日々。
良いんです。
昼は遊んで夜やれば!
子供が子供でいるのは今だけなのだから。

 

成分4 カメラ

昔は風景写真なんかも撮りました。
下北沢で写真展なんかもやりました。
でも最近は子供の写真ばっかりです。
その比率約90%!
愛機はEOS7D MARKⅡ
素直なとっても良いやつです。
以上、大まかに分けるとこの4つ!
きっと今後書く記事も、これらにまつわる記事が中心になるのではないでしょうか!?
どうぞよろしくお願いしますヾ(*´∀`*)ノ

ブログ開設

はじめまして! あきとです!!

ブログを書くのは一体何十年ぶりでしょうか?

ちょっと今日はもう眠いので明日自己紹介兼ねて更新しますね!

おやすみなさい。