イベント, 勉強会

六本木オフィスはじめて♥のイベント

JANOG39.5 Interim Meetingに参加しました。
会場は、先日ご紹介した六本木の新オフィスです!
200人近い参加者がいらっしゃいました。

 

ストリーミング配信を担当しました

当日のストリーミング配信を担当しました。
新オフィスで開催する初めてのイベントでしたので、準備にドキドキ。
大きいスクリーンの一部が映らないトラブルはありましたが、配信については大きなトラブルもなく任務を完遂できました。
見てくださった皆さん、ありがとうございました!

DMM.comラボのエンジニアが登壇しました

今回のJANOG39.5 Interim Meetingでは2名のエンジニアが登壇しました。

StackStorm による統一インターフェイスと運用作業の一元化によるコスト削減の取り組み/大山 裕泰

登壇資料

テーマ:StackStormによる効率化の実現についての話

課題

・システムが増えることはあっても減ることはない→オペレーションが複雑化する→エントロピー増大
・オペレーションが特定のシステムに依存する問題

弊社の解決策

・StackStorm によるシステムの抽象化
・IFTTT x WorkFlow
・人がオペレーションに介在しないで済む
・個別のシステムの置き換えがユーザから見えない

StackStorm で発生する (ことが予想される) 課題

・StackStorm自体の管理・運用コストが発生する
・WorkFlowは書かないといけない
・足りないモジュールを何とかしないといけない
・オペレーションがStackStormに依存する

会場には実際にStackStormを使用しているエンジニアも多くいらっしゃり、盛り上がるセッションとなりました。

JANOG39 会場ネットワークの裏話/熊谷 暁

登壇資料

テーマ:JANOG39会場ネットワーク裏話

ツチノコNOC結成の目的

・会場ネットワーク構築ノウハウの蓄積
・社内・社外の非ネットワークエンジニアとの交流
・社内で会場ネットワークを準備することで費用の削減

今回のテーマ

・手堅くやろう!
・ある程度、誰にでも作れる会場ネットワークを提供するのが目標

ネットワーク構成

・VPNでデータセンタに接続し、サーバなどはデータセンタに配置
・データセンタから位置が遠いと、遅くなることも

Wi-Fiチームについて

・現場配線チーム
・現地で距離の測定、APをどこに設置するか決める
8の字巻について

今後の野望

・オンプレのサーバをパブリッククラウド上に置きたい
・CONBUで、さくらのクラウドを利用した会場ネットワークを提供しました

関連記事:イベント会場ネットワークにさくらのクラウドを活用してみた 第1回 – インターネット接続編

個人的に面白かったセッション

博多駅前の陥没事故で何が起きたか

博多駅前で陥没事故が起きた際、突然の大量アラート発生から復旧までのお話。
想定外は身近で起き、これをやっておけば十分だということはない。
先入観は判断を鈍らせ、分かっていてもいざという時焦ってしまう。
という言葉が、心に残りました。
人的被害が一切発生しなかったのも、タイミングがよかったのだなと。

AWS の IAM 秘密鍵を GitHub に push したあと 1 時間でされたこと

IAMコードの入ったコードをGitHubに上げてはいけません!
579万7028円の請求が!!
多要素認証しているから自分が乗っ取りにあうことはない、自分に非はないと考えるのはよくない。
パニックになるとフォーカスが狭くなる、一人では解決できなかったかもしれない。
婚約者さんマジ天使!(イイハナシダナー
# 婚約者さんが「これでは?」と送ってくれたQiita

最後に

イベント後の懇親会も盛り上がり、大盛況でした。
恵比寿のイベントスペースに比べ収容可能な人数も増え、イベントスペースの使い方も広がりそうです!
何かの際には、ぜひ足を運んでください。

インフォメーション, 勉強会

先日、ツチノコブログにアップされた「第二回 StackStorm 勉強会参加報告」の記事がStackStorm 勉強会 第2回 Blog Awardグランプリを受賞しました!
StackStorm の AWS 拡張モジュールのコミッタでもある大山の今後の記事が楽しみです♪

 

StackStorm, 勉強会

 こんにちは、インフラ本部の大山裕泰です。
 2017/03/23 に開催された StackStorm勉強会 第2回 に参加してきました。以下で各セッションの紹介と感想を書かせていただきます。

Event-driven automation, DevOps way


(Speaker: Dmitri Zimine 氏 [Brocade (StackStorm Founder & CTO)])

セッション概要

    * StackStorm は何なのかという話。一言で言うと ‘IFTTT for DevOps’
    * StackStorm のワークフローエンジンの解説。
    * ユースケース・利用事例 (Mirantis, NETFLIX など)。運用プラットフォームとして StackStorm を利用し、更に従来のオペレーションをサービス化した話など

所感

 StackStorm は様々な使い方ができてしまうため、これが一体どういったもので、どういった使い方をするのがベストなのかはっきりとはわかりませんでしたが、各社の利用事例を踏まえ、StackStorm が最大限効果を発揮する使い方について理解できました。

“If 自動化するなら Then StackStorm を使おう!


(Speaker: 小島一憲 氏 [SoftBank])

セッション概要

 従来の運用を StackStorm で一部置き換えた事例と教訓話。人間がオペレーションする前提で組まれたマニュアルをそのまま自動化させると無理が生じるケースがある(ex. “手順:アラートが上がった際の機器の時間と標準時間の誤差を出す” など) ため、自動化を前提とした運用設計を組み直す必要があるかもしれない。
 構成管理システムと連携することでよりパワフルに使える話。イベントに対して構成管理システムを参照して、オペレーションを制御するような使い方など。

所感

 とても実践的で聞き応えのある内容でした。特に構成管理システムとの連携で話では、それぞれのシステムの特性を理解したうえで使い分ける運用技法は参考になりました。

インターネット・エクスチェンジで運用自動化に StackStorm を導入した話


(Speaker: 杉本周 氏 [インターネットマルチフィード])

セッション概要

 以前はマニュアルとスクリプトで機器のオペレーションを行っていた。これを共通のフォーマットで記述されたワークフローで運用手法を定義し、構成管理システムなどの外部システムと連携して、複雑な運用を自動化させるチャレンジを実施。
 StackStorm v1.5 から使用し、最新版 (2.2) まで逐次アップデートを問題なく行って来れた。

所感

 かなり初期から StackStorm を導入し、運用しながらのアップデートを随時行ってきており StackStorm 自体の運用ノウハウは相当溜まっているのではないかと思います。

StackStormを用いたネットワーク機器の制御


(Speaker: 北川裕介 氏 [日商エレクトロニクス])

セッション概要

 Excel で記入された NW 機器設定の指示書を読んで、機器の設定を行う仕組みを StackStorm + Ansible で作った話 (Ansible を利用した理由は、既に機器の構築用の Playbook 資産を活用するためとのこと)。

所感

 斬新な使い方でした。StackStorm のアクション/ワークフローの機能は一切使わずに、単に Excel パラメータを読んで Ansible に渡すだけの処理に StackStorm を使うという妙。

おわりに

 インターネットマルチフィードや SoftBank をはじめ、前回の勉強会で登壇されたリクルートテクノロジーズなど、国内に様々なユーザが居る事実に驚きました。
 我々も StackStorm による運用改善を試みており、こうした取り組みについて OpenStack 最新情報セミナーJANOG39.5 Interim Meeting で発表するので、是非いらしてください。

おまけ

 StackStorm 公式 Slack では、1,300 人以上の StackStorm ユーザが参加し、日々情報が交わされていますが、2017/03/28 から公式の日本語チャンネルが開設されました。

 (写真の ‘dzimine’ が StackStorm CTO のアカウントです)

イベント, 勉強会

過去の関連記事:今週末(8/23)はお台場(LL Diver)に行こう

Lightweight Language of Things
http://ll.jus.or.jp/2016/

8月27日(土)に日本電子専門学校で行われた、真夏のプログラミング言語イベントこと、LLイベントのお手伝いに行ってきました。入り口で受付のお手伝いをしたのですが Peatix とっても便利ですね。イベント参加者として使用したことはあったのですが、イベント運営側で使用するのが初めてだったのでちょっとテンションが上がりました。QRコードをかざすだけで、さくっとイベント申込者を確認できる仕様、便利でしたー!

LLイベントとは

Lightweight Language (軽量プログラミング言語)をテーマとして1年に1回開催しているイベントです。
今年は、Lightweight Language of Thingsというタイトルに掲げ、LLらしい言語、LLらしいプログラミングとは何かを議論するカンファレンスでした。

これまでのイベントについてはこちらをご覧ください。
http://ll.jus.or.jp/2016/history

個人的に面白かったセッション

IMG_8729

LL言語の話でないところをフォーカスして大変恐縮ですが、キーボードにこだわろうについて書きます。

今回のセッションでは、Happy Hacking Keyboard、Realforceのメーカの方、ErgoDox、Kinesis愛用者さんが登壇して、キーボードについて熱い議論が繰り広げられていました。
私は、ThinkPad X1 CarbonのノートPCのキーボードを利用している所謂「キーボード0円勢」ですが、会場アンケートで2万円以上のキーボードを使用している方が多くてびっくりしました。

印象に残っている話をざっくりと

・Happy Hacking Keyboardを当時、秋葉原の小売店で販売したら32000円であっという間に売れた、無刻印キーボードはエンジニアの自尊心をくすぐった。当初、イベント販売だった物が定番商品になった。
・ErgoDoxは、ろくろを回す姿勢は疲れないので、近いポーズでキーボードが打てるように作った。
・東プレの静電容量無接点キーボードは接点がないので摩耗せず、壊れにくい。
・アームレストにはバナナの高さがちょうどよい。バナナが悪くなる前に食べて次のバナナに交換するオペレーションが必要。

展示ブースにて

展示会場では、各キーボードが展示してあり、個人的には東プレの静電容量無接点キーボードがすごくしっくりきて欲しい!となりました。Happy Hacking Keyboardは総漆塗りの試作機から、実際に発売された50万円のキーボードも!漆塗りでもキーの打ち具合はHappy Hacking Keyboardそのものでした。大変お高いのですが、漆塗りは耐久性が高くコーディングがはげることもないとのことでしっかりしたお品でした…!触れて感動!(現在、購入することはできません!)
IMG_8732

本当にすこしだけ言語の話

Dynamic Typing再考を聞いて、印象的だった発言を少しだけ。ちなみに、最高と再考をかけているそうです…。

・6月は毎年来る!クリスマスとは違う!(毎年6月にES20xxとしてリリース)
・型がなくても動くのに型をかくのは冗長
・本当はテストも書きたくない

”型がなくても動くのに型をかくのは冗長”というお話を、まつもとゆきひろさんが何度もお話しされていたのがとても印象的でした。これを心から理解できるように言語の勉強を少し始めようと思います。

 

最後に

JTF2016の懇親会にてひょんなことから、今回お手伝いに行くことになりました。いつもとは異なる界隈の話が聞けて有意義でした。個人的なこととしては3Fの控室兼展示ブースで、前田さんに見せていただいたTコード芸(芸ではないですね、失礼しました。)が素晴らしすぎました。変換なしですらすらと漢字を入力する様を見せつけられました。常人にはまねができない。

ご興味のある方はこちらをお読みください。
Tコードについて

イベント, ツール, デザイン, 勉強会

SONY DSC

ドーモ、arimoです。

このたびステッカー作成大使に任命されまして、IllustratorというAdobeのソフトを駆使して発注するまでのまとめをつづります。

今回発注した商品はこれです。http://www.graphic.jp/lineup/ondemand/sticker.php
入稿から5営業日で発送してくれるのですごいです。
作り方の注意はhttp://www.graphic.jp/technical/data_goods/sticker.phpに書いてありますがよくわからない。

0,準備編

スクリーンショット 2016-06-29 16.03.19

まずステッカーにしたいロゴのaiデータがあります。ない場合はどうしようもないのでがんばって発掘するか、ご自身で作ってください。

スクリーンショット 2016-06-29 16.03.57

ウィンドウ>レイヤーでレイヤーウィンドウを表示させて、右下のゴミ箱の隣の新規レイヤー作成ボタンを2回押してレイヤーを2つ作ります。

レイヤー名のところをダブルクリックして、デザイン(元のai)、ホワイト版、カットパスと名前を変えてわかりやすくします。

透明塩ビのステッカーを作る際にホワイト版というものがないと、白くしたいところが透明になってしまうので作る必要があります。たとえばチーノくんの目玉とかです。チーノくんの目玉が透明になると貼ったときにかなり恐ろしい仕上がりになります。ホワイト版といいつつ黒いシルエットのような画像のレイヤーです。

カットパスというのはシールをはがすときの切り込み線です。

1,ホワイト版レイヤーにロゴをコピーします

スクリーンショット 2016-06-29 16.06.53

デザインレイヤーにいる状態で、command+Aで全選択するか、左上の黒い矢印(選択ツール)をクリックして全体を囲うようにドラッグします。
すると全部のオブジェクトが選択されている状態になるので、command+Cまたは編集>コピーでコピーします。

レイヤーパネルで「ホワイト版」をクリックして、編集>同じ位置にペーストをすると、同じ位置にロゴがコピーされます。

2,ごちゃごちゃしたところをくっつけて、黒くしてホワイト版を作る

スクリーンショット 2016-06-29 16.15.09

ごちゃごちゃしたチーノくんのところを黒い矢印(選択ツール)で選択します。

線とか色とかがいっぱいあってわけがわからないところはとりあえず選択します。shiftを押しながらクリックすると選択が追加されたり、選択が解除されたりします。

スクリーンショット 2016-06-29 17.46.01

ウィンドウ>パスファインダーでパスファインダーパネルを表示させて、一番左上の四角が2個くっついているアイコンをクリックします。

スクリーンショット 2016-06-29 16.15.42

選択したところがくっつきました。色を黒にしなければならないので左下の色四角と白斜線があるところの色四角(ここではピンク)の部分をダブルクリックします。カラーピッカーで黒にします。

スクリーンショット 2016-06-29 16.15.56

「ツチノコブログ」の部分も選択ツールで選択して先ほどと同じようにカラーピッカーから黒にします。

スクリーンショット 2016-06-29 16.16.22

3,ホワイト版をグレースケールに変換して確認します

グレースケールでないとダメだとサイトに書いてあったのでいちおうグレースケールに変換します。
黒い部分を全部選択した状態で、編集>カラーを編集>グレースケールに変換

スクリーンショット 2016-06-29 16.17.43

ウィンドウ>カラーでカラーウィンドウを表示させ、

スクリーンショット 2016-06-29 16.18.06

カラーの下の四角が斜線と黒と白のみになっていることを確認します。

スクリーンショット 2016-06-29 16.18.15

レイヤーの順番をカットパス、デザイン、ホワイト版の順にします。ドラッグで重なり順が変えられます。

スクリーンショット 2016-06-29 16.18.46

チーノくんとロゴを別々に処理しないで、最初から全部選択してパスファインダーでくっつければいいじゃんと思っていたのですが、そうするとDMMのDの穴とブログのロの穴も埋まってしまうので、分けています。(Dとロの穴は透明にしたいためホワイト版がいらない)

4,地道にカットパスを作ってシールの切れ込みを指定する

スクリーンショット 2016-06-29 16.19.22

手順1と同様に、「カットパス」レイヤーに「ホワイト版」レイヤーを全選択したものをコピー、同じ位置にペーストをします。

わかりやすいように「デザイン」と「ホワイト版」のレイヤーの左側にある目玉アイコンをクリックして、非表示にしておきます。

スクリーンショット 2016-06-29 18.03.34

オブジェクト>パス>パスのオフセットを選択し、

スクリーンショット 2016-06-29 16.25.45

オフセット2mm(ロゴの位置から2mmぐらいのところを切り取り線にしたいため。用途に応じて変えてください)

角の形状をラウンドにしてOKを押します。

スクリーンショット 2016-06-29 16.25.53

モコモコしたのができます。

左下の色四角と白斜線があるところの入れ替え矢印を押します。

スクリーンショット 2016-06-29 18.08.15

モコモコの何かが線と中身に分かれます。再度選択ツールで全選択して、オブジェクト>グループ解除をします。

スクリーンショット 2016-06-29 16.26.23

中身だけを選択ツールで選択し、deleteボタンで削除していきます。

スクリーンショット 2016-06-29 16.27.00

ポチポチ消していって、こんなかんじでモコモコの線だけになります。線は削除しないように気をつけてください。

線だけになったら全選択して、パスファインダーで一番左上の四角が2個くっついているアイコンをクリックします。

スクリーンショット 2016-06-29 17.46.01

スクリーンショット 2016-06-29 16.27.44

カットパスの原型ができました。

5,カットパスの整形をする

Dのところに余分な線があるので「アンカーポイントの削除ツール」で削除します。

選択ツールの2つ下にあるペンツールを長押しするとマイナスのついたペン先が出てくるのでそれでアンカーポイントをクリックして消していきます。

image1

白い四角を探して、ポチポチ。いずれ消えます。

 

スクリーンショット 2016-06-29 16.29.59

こういう鋭利なところや込み入ったところがあると、うまくカットできないのでアンカーポイントの削除ツールでなめらかにします。

スクリーンショット 2016-06-29 16.30.19

数個アンカーポイントを削除するとこんな感じでなめらかになります。

気になる部分を削除してきれいにします。

スクリーンショット 2016-06-29 18.27.31

「デザイン」レイヤーと「ホワイト版」レイヤーの左にある目玉を表示させて保存して、完成です!

 

PAGE TOP