楽しく情報共有できるSlack活用術

Slack
2018年6月15日
ハンズラボ

Pocket

はじめまして。2018年4月新入社員（？）の原（@hxrxchang）と申します。

（”？” としてあるのには深い事情があります。。。詳しく知りたい方はオフィスに遊びにきてください。）

今回は、弊ラボ内で行われているSlack活用術について書きたいと思います。

Slack楽しく使っていますか？？

Slackをただの連絡ツールとして使ってないでしょうか？？

緊急連絡や進捗確認、議事録の共有くらいにしか使わない

なんてこともあるかもしれませんが、それだとちょっと息苦しいですよね。

就業中も終わった後もお休みの日までも、楽しくてついついSlackを開いちゃうような活用術をご紹介します。

分報を導入しよう！！

日報ならぬ分報です。

日報は1日に1回その日に行った作業や、次回の予定などを書くものですよね。

分報は1分に1回、その分で何をしたか、次の分に何をするか書くもの。。。

ではありませんのでご安心ください。

好きな時に好きなことを呟いていい、言うならば社内Twitterです！！

弊ラボでは、#times_◯◯（苗字のローマ字）という名前で各々チャンネルを作り、自由に呟いています。

呟く内容は

読んだ記事の共有
業務で嵌った点
ランチで食べたいもの
休日の出来事

などなど、本当に自由です。

↑ラーメン二郎桜台店に感動した次の日に、node v10の console.table() に感動している私です。

分報導入のメリット

分報導入にはメリットがたくさんあります。というかメリットしかない？？

私が感じたメリットを何点かご紹介します。

1. 技術のアンテナが広がる

弊ラボでは様々な技術が使われております。

例を挙げると開発言語では、

JavaScript、Python、PHP、Go、Shell Script、Swiftなど

またAWSの各種サービスを使用しているので、エンジニアの関心も多岐に渡ります。

そのため共有される情報も様々で、毎日知らないジャンルの情報に触れることができます。

私はJSしか触ったことがなかったのですが、入社してから

AWS LambdaでAlexaスキルを開発したり、機械学習のためにPythonをはじめてみたり、

Dockerで環境を構築してみたり、日々今まで知らなかった技術に触れることができています。

2. 気軽に質問できる

分報では情報を発信する他、質問することもできます。

gitの研修があったのですがその際に、

pull と fetch + merge どっちを使うべきなのかふと疑問に思い、以下のように呟いてみました。

研修にはメンターの先輩がついているのですが、こうして分報で呟くことで、会社全体の先輩方からアドバイスを受けることができます。

疑問があるけど誰に聞けばいいか分からない、いろんな人の意見を聞きたい時に気軽に呟くことができます。

ちなみに弊ラボでは、fetch + merge派が多数でした。

3. 自分から発信することで理解が深まる

私が記事や嵌った点を共有する時には、いいと思った点など何か一言添えるようにしています。

一言でもコメントを加えるには、記事の内容をしっかり読む必要があります。そうした心がけが少しでも理解に繋がるのではないかと思います。

自分が共有した内容にリアクションが多くついたり、コメントが来たりすると嬉しくなり、

もっと共有したい！！

ってなることでインプットの量が増える、という好循環になると楽しいです。

まとめ

以上、分報を使ってSlackで楽しく情報共有しよう！という記事でした。

デメリットを強いて挙げるなら、

Slackが気になって見すぎてしまうということでしょうか。

そうなったら ⌘ + q で閉じてあげましょう。そして落ち着いたらまた開いてあげましょう。

そんなデメリットを凌駕するくらい分報はいいものです。

ぜひ導入してみてはいかがでしょうか！？

Pocket

ブラウザのLocalStorageにデータ保持させてみた

JavaScript
2018年6月8日
大作祥平

Pocket

初めましてこんにちは、今年度新卒入社しました大作です。

大学時代では、Hot Soup Processorというスクリプト言語で簡単なゲーム開発しかしておらず、本格的なプログラマとしてデビューしてからまだ間もないヒナ鳥です。今は技術レベルや理解がまだ低いですが、これから日々勉強していきたいと思います！（ぴよぴよ）

今回やること

今、新人研修ではHTML, CSS, JavaScript(jQuery)を用いてアプリ制作をしているのですが、

ブラウザのリフレッシュしても入力したデータを保持する
保存するデータの中身は複数項目がある（日付とか件名とか）

以上の機能要件を満たすものを作っており（この時点で作っているものが大体想像つくであろう）、他の同期がサーバを用いた方法で紹介していますが、こちらでは入力したデータをブラウザのLocalStorageに保存する方法で実践します。

そもそもLocalStorageって何なんだ？

私自身の復習がてら調べました。

クライアント側のローカル環境にデータを保存するWebStorageの仕組みの一つで、もう一つにSessionStorageがある。それぞれの特徴は以下の通り。

LocalStorage‥‥永続的に保存される
SessionStorage‥‥ブラウザを閉じるまで保存される

LocalStorageが主に使用されているのがショッピングサイトの商品履歴だそうな。

やってみた実践コード

保存データは、配列の中にプロパティがそれぞれ入ったオブジェクトが入るようにします。ここでは、追加日付、名前、ラジオ（期限or予定）を入れてます

HTML

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ToDoList prototype</title>
</head>
<body>  
      
    <div id="modal-wid">
        <input id="req-inp" type="text">
        <input id="del-inp" type="text">
        <div id="time-limit"> 
            <p><input id="lim-check" type="radio" name="TL">期限</p>
            <p><input id="lim-check" type="radio" name="TL">予定</p>
        </div>
        <button id="add-btn">決定</button>
        <button id="del-btn">削除</button>
    </div>
    
    <script src="http://code.jquery.com/jquery-3.3.1.js"></script>
    <script src="test.js"></script>    

</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!DOCTYPE html>

<head>

<title>ToDoList prototype</title>

</head>

<body>

</div>

</div>

</body>

</html>

JavaScript

$(function () {

    // 取得処理-----------------------------------------------------------------
    let allList = [];

    let json = localStorage.getItem('allList'); 
    json = JSON.parse(json);
    if (json) {
        allList = json;
    }

    for (let cnt = 0, len = allList.length; cnt < len; cnt++) {
        console.log(allList[cnt]);
    }

    // 追加ボタンのアクション ------------------------------------------------------
    $('#add-btn').on('click', () => {
        const requireEl = $('#req-inp').val();        
        let radioEl = $("input[name='TL']:checked").parent().text();        
        const now = new Date();
        const year = now.getFullYear(); // 年
        const month = now.getMonth() + 1; // 月
        const date = now.getDate(); // 日
        const hour = now.getHours(); // 時
        const min = now.getMinutes(); // 分
        let nowTime = `${year}年${month}月${date}日 ${hour}時${min}分`;

        if (requireEl !== '' & radioEl !== '') {
            let addObj = {
                time: nowTime,
                name: requireEl,
                radio: radioEl
            }           
            allList.push(addObj)
  
            json = JSON.stringify(allList);
            localStorage.setItem('allList', json);        
        }
    }); 

    // 消去 -------------------------------------------------------------------
    $('#del-btn').on('click', () => {
        const requireEl = $('#del-inp').val();        
        var arraySearch = allList.findIndex(({name}) => name === requireEl);
        allList.splice(arraySearch, 1);
        // ローカルストレージに保存
        json = JSON.stringify(allList);
        localStorage.setItem('allList', json); 
    }); 
});

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

$(function () {

// 取得処理-----------------------------------------------------------------

let allList = [];

let json = localStorage.getItem('allList');

json = JSON.parse(json);

if (json) {

allList = json;

}

for (let cnt = 0, len = allList.length; cnt < len; cnt++) {

console.log(allList[cnt]);

}

// 追加ボタンのアクション ------------------------------------------------------

$('#add-btn').on('click', () => {

const requireEl = $('#req-inp').val();

let radioEl = $("input[name='TL']:checked").parent().text();

const now = new Date();

const year = now.getFullYear(); // 年

const month = now.getMonth() + 1; // 月

const date = now.getDate(); // 日

const hour = now.getHours(); // 時

const min = now.getMinutes(); // 分

let nowTime = `${year}年${month}月${date}日 ${hour}時${min}分`;

if (requireEl !== '' & radioEl !== '') {

let addObj = {

time: nowTime,

name: requireEl,

radio: radioEl

}

allList.push(addObj)

json = JSON.stringify(allList);

localStorage.setItem('allList', json);

}

});

// 消去 -------------------------------------------------------------------

$('#del-btn').on('click', () => {

const requireEl = $('#del-inp').val();

var arraySearch = allList.findIndex(({name}) => name === requireEl);

allList.splice(arraySearch, 1);

// ローカルストレージに保存

json = JSON.stringify(allList);

localStorage.setItem('allList', json);

});

取得処理で、データの中身が空だった場合にparseしたものを直接配列に入れると、配列の中身を読めないエラーを吐いてしまうため、if文で制御して入れないようにしました。（この問題に同期から助言を頂きました。感謝！）

まとめ

学び始めは理解に苦しみましたが、やっていくうちになんとかLocalStorageを用いたデータ保存が出来るようになりました！　感想としては、LocalStorageへの保存は簡単ですが、オブジェクトデータから中身を取得するのがとても大変でした。

次はAjaxでも出来るようにしてみようかと思います・・・・

Pocket

1day outingを利用した話

日常
2018年6月1日
ハンズラボ

Pocket

皆さまこんにちは。

弊社では1day outingという制度があり、週に1度自宅やコワーキングスペースで勤務することができます。

今回は特別にGWの２日間を1day outingし、社外での作業方法を検討してみました。

続きを読む 1day outingを利用した話

Pocket

BitZeny 〜わいCPUマイニング始めるんだってよ〜

Pocket

BitZeny 〜わいCPUマイニング始めるんだってよ〜

こんにちは、こんばんは。おはようございます。 2018年新卒社員の地福(じふく)です。学生時代にちょっとした楽しみでマイニングしていたBitZenyについてお話しさせていただければと思います。

BitZenyってなに？

最近話題にも上がらなくなってきた暗号通貨です。
有名どころのBitCoinはGPUマイニング主でした。(近頃はASICというものが流行っているそうです。)
しかしBitZenyはCPUでのマイニング(GPUも可能になりました)に適しているため、古いマシンでも比較的簡単にマイニングができるようになっています。
知っている中では、タブレットやスマホでもできるとか・・・

以下BitZeny情報です。

シンボル : ZNY
アルゴリズム : Yescrypt
最大発行枚数 : 2億5000万
プレマイン : 0(事前発行数)
ブロック生成時間 : 90秒
難易度アルゴリズム : DarkGravityWave3(1ブロックごとにDifficultyを変更するアルゴリズム)
マイニング報酬：250(2017年12月現在62.5枚)
半減周期 : 50万ブロックごと
国産コイン！！！

ハッシュアルゴリズム、Yescryptを選んだ理由

Yescryptにした理由は、Scryptの後継になりそうなパスワードハッシュアルゴリズムだったためです。

良いパスワードハッシュアルゴリズムとは

パスワードのハッシュ化は必須ですが、どのようなハッシュアルゴリズムでも良いかというと、そうではありません。
例えば、SHA256でハッシュ化したパスワードを全探索する場合を考えます。
パスワードが仮に8文字かつ64文字種だった時、パスワードの種類は約281兆5000億個です。
これに対し、最新のASICは1秒間に1兆回、SHA256を計算することができます。
つまり、SHA256のパスワードハッシュが流出した場合、282秒あれば元のパスワードが分かってしまいます。
これではダメなので、標準化されているPBKDF2ではハッシュを2000回繰り返すことが推奨されています。繰り返しを大きくすれば、より安全になりますが、パスワード認証のためのサーバー負荷が増えることになります。
結局、普通のハッシュアルゴリズムでは、サーバー(CPU)の計算効率がASICの計算効率よりもひどく劣っていることが問題です。CPUとASICで同じような効率のハッシュアルゴリズムが良いアルゴリズムと言えます。そこで出てきたのがbcryptとscryptですが、scryptはASIC化されてしまいCPUよりずっと効率が良いのはご存知だと思います。
というわけで、より良いパスワードハッシュアルゴリズムを決めるためのコンペが開催されていて、それがPassword Hashing Competitionになります。
現在、Password Hashing Competitionには22個のハッシュアルゴリズムがエントリーしていて、その中から良い物を選定中です。Yescryptはその中でもかなり優秀だと私は考えています。

出典 : BitZenyの総合案内所　解説より

マイニング方法

windowsの環境だとすぐにできるのですが、Macだとそうはいかないので今回は、 Ubuntuで行なっていきます。続きを読む BitZeny 〜わいCPUマイニング始めるんだってよ〜

Pocket

入社式と新人研修の話

新人研修
2018年5月18日
ハンズラボ

Pocket

入社式と新人研修の話

こんにちは、2018年新卒の川永です。
入社から1ヵ月という節目を迎えましたので、入社式からの流れと感想についてレポートいたします。
(当社に興味をお持ちの方の参考になれば幸いです。)

入社式

会場　：　渋谷オーチャードホール

ハンズラボのみではなく、東急グループ全体での入社式でした。
その数なんと！総勢約1500人、東急グループの一員としての自覚とグループの大きさを実感しました。
入社式後は本社に戻り入社書類の提出や会社の制度について詳しい説明を聞きます。会社の規模は大きくないかもしれませんが、その分小回りが利き東急グループということで福利厚生もいいのがハンズラボのいいところかなと思います。

ビジネスマナー研修

他社との合同研修で、５日間行いました。社会人として必要なコミュニケーションやチームワーク、働く上で欠かせない名刺交換や電話対応についても学びました。
他社との合同研修とのことで様々な会社の方がいらしたのですが、国際的な会社も多くインドやアメリカ、中国、スリランカ出身の方など国際色豊かな研修でした。
それに伴い、日本特有の文化や考え方など今まで疑問に思わなかったことについて改めて考えることができました。

本LT

本LTの様子

入社後の空き時間を利用して各人読書を行い、その内容をLTするというものLTする本については、会社の本棚から好きなものをチョイスしました。
私は、自動人形の城(オートマトンの城)という本をチョイスしました！
AIと人のコミュニケーションについて掘り下げられた書かれた小説でストーリーも面白くAIについての事前知識が無くても読み進められるのでオススメです！
また、プレゼンについてビジネスマナー研修で学習したので早速それを活かすことができました。

HTML、CSS、JavaScriptの外部研修

会場 :　株式会社クスールさん
外観

教室の様子

約１ヶ月間こちらで学習します。学習スケジュールとしては２日間でHTMLとCSSの基本について学びます。
その後、週３回でJavaScript、node.jsを学習します。
今まさに、JavaScriptを学んでいるのですが、疑問に思ったことをすぐに講師の方に聞くことができるので疑問点をそのままにせず学習ができます！

Goodpatch研修

会場　:　株式会社グッドパッチさん　Tokyoオフィス

受付
クスールさんでの研修の合間を縫って研修にいきました！
グッドパッチさんのサービスProttを用いてチーム単位でワークを行いました。
ワークを通してデザインとは、表層的な装飾のことではなく
設計の段階からユーザーと関わり作り上げていくものだと学びました。

まとめ

自由な社風の分、自ら技術を学ぼうとする姿勢が非常に大切だとこの１ヶ月で感じました。間も無く仮想プロジェクトがキックオフするので今まで学んだことを生かしつつ新たに学んでいきたいと思います！

Pocket

Slack楽しく使っていますか？？

分報を導入しよう！！

分報導入のメリット

1. 技術のアンテナが広がる

2. 気軽に質問できる

3. 自分から発信することで理解が深まる

まとめ

今回やること

そもそもLocalStorageって何なんだ？

やってみた実践コード

HTML

JavaScript

まとめ

BitZeny 〜わいCPUマイニング始めるんだってよ〜

BitZenyってなに？

ハッシュアルゴリズム、Yescryptを選んだ理由

良いパスワードハッシュアルゴリズムとは

出典 : BitZenyの総合案内所 解説より

マイニング方法

入社式と新人研修の話

入社式

ビジネスマナー研修

本LT

HTML、CSS、JavaScriptの外部研修

Goodpatch研修

まとめ

出典 : BitZenyの総合案内所　解説より