Shrry's Poyopoyo Blog

投稿者: Takaki

  • 開発中 Web サービスの UI/UX デザイナーを募集しています / I am looking for UI/UX designers for a web service currently in development

    English follows Japanese.

    ブログに記事として書くことではないとは思うのですが、ほかに良い場所が思い当たらなかったのでこちらに書かせていただきます。

    単刀直入にいいますと、UI/UX デザイナーの方を大募集しています。

    もしお読みいただいている方がデザインのお仕事を探されていたり、またはお友だちで仕事を探している or デザインの勉強をしている方などをご存じでしたらぜひともご連絡いただきたく思います。

    募集の詳細

    タイトル

    【UI/UX デザイン・新規開発】広告配信サービスにおけるクライアント向け管理画面の UI/UX デザイナー募集

    募集背景

    私（竹内）と数名のメンバーで広告配信サービスを新規開発しています。既存メンバーのスキルがエンジニアリングに偏重しており、UI/UX デザイン作業を効率的に進めることができていません。

    UI/UX デザインは主として竹内の担当部分ですが、別の業務で大変忙しく進捗に遅れが出ている状況です😢

    そこで、業務委託でデザインをお手伝いいただけるフリーランスデザイナー、副業デザイナー、デザイン専攻の学生さんなどを募集しております。

    業務内容

    上述の Web サービスについて、クライアント（広告主）が利用する管理画面（Web アプリケーション）の UI デザインをご担当いただきます。サービスの詳細については NDA 締結後にご説明いたします。

    事前に用意されたサイトマップ、ユーザーフロー、ワイヤーフレームを元に、Figma 上で精密なデザインを起こしていただき、開発チームに連携（フィードバックを受けての修正を含む）することが主な職務範囲となります。

    上記以外で、ご相談のうえで以下のような業務をご担当いただく場合があります。

    • エンドユーザー向け画面の UI/UX 設計・構築
    • デザインシステムの設計・構築・運用
    • カスタマージャーニーに基づくサイトマップ、ユーザーフロー、ワイヤーフレームの構築

    求めるスキル

    必須

    • 日本語または英語で Slack を用いたスムーズなテキストコミュニケーションが可能
    • 週1回、30分程度の Sync Meeting (音声通話) に参加可能
    • デザインツール Figma を用いた Web サイト・アプリのデザイン経験
    • Human Interface Guidelines、Web Content Accessibility Guidelines 等の UI デザイン原則に則った制作を行える

    尚可スキル

    • HTML / CSS を用いてのコーディング経験
    • デザインシステムの構築とそれに従ったデザインができる
    • 画面設計に入る前の抽象度の高い UX 設計を主導できる
    • 通常の UI デザインにとどまらない機能要件定義（内部 API 設計等に基づくエッジケースへの対応など）ができる
    • Figma の以下機能を使用したデザインの作成ができる:
      • Auto Layout
      • Variants
      • Tokens
      • Variables (Styles)
      • Library

    報酬

    時間単価 2,500 円（税抜）

    ただし、尚可スキルを満たす場合は最大で 3,500 円まで増額いたします。

    稼働時間は1週間あたり 5 〜 20 時間（月 20 〜 80 時間）を想定しています。

    • 末日締、翌月末日支払
    • 契約において定める対価に消費税および地方消費税相当額を加算した金額を銀行振込で支払います

    その他条件

    • 契約の形態は、個人事業主（ひつじインクリメント）からの業務委託となります（準委任契約を想定しています）。
    • 業務に必要な環境（PC、ネットワーク環境等）はご自身でご用意ください。
      • ただし Figma のワークスペースはこちらでご用意します。
    • 正式な契約はメール認証方式の電子契約により締結いたしますので、受信可能なメールアドレスが必要になります。

    ご応募はこちらをご確認ください

    English Version

    To get straight to the point, I am actively seeking UI/UX designers.

    If you are looking for a design job, or know friends who are searching for work or studying design, I would very much like to hear from you.

    Job Description

    Title:
    [UI/UX Design – New Service] Seeking UI/UX Designers for Management Interface for Clients in an Advertising Management Service

    Background of Recruitment:
    My team and I, Takaki, are developing a new advertising service. Our existing members are heavily skewed towards engineering, and we are not able to proceed efficiently with UI/UX design work.

    UI/UX design is primarily my responsibility, but I am extremely busy with other tasks and have fallen behind 😢

    Therefore, we are looking for freelance designers, part-time designers, and design students who can help us with design work on a contract basis.

    Work Description:
    You will be responsible for the UI design of the management interface (web application) used by clients (advertisers) for the aforementioned web service. Details about the service will be explained after signing an NDA.

    Based on a pre-prepared sitemap, user flow, and wireframe, you will create detailed designs on Figma and coordinate with the development team (including revisions based on feedback).

    In addition to the above, depending on our consultation, you may also be responsible for tasks such as:

    • Designing and building UI/UX for end-user interfaces
    • Designing, building, and managing design systems
    • Constructing sitemaps, user flows, and wireframes based on customer journeys

    Required Skills:

    • Must be able to communicate smoothly in Japanese or English via Slack
    • Can participate in a weekly Sync Meeting (voice call) for about 30 minutes
    • Experience in designing websites/apps with the design tool Figma
    • Able to create designs adhering to the principles of the Human Interface Guidelines, Web Content Accessibility Guidelines, etc.

    Desirable Skills:

    • Experience coding with HTML/CSS
    • Can build a design system and design according to it
    • Can lead high-level UX design before starting screen design
    • Can handle feature requirements definition beyond regular UI design (e.g., dealing with edge cases based on internal API design)
    • Can create designs using the following features of Figma:
      • Auto Layout
      • Variants
      • Tokens
      • Variables (Styles)
      • Library

    Compensation:

    Hourly rate: 2,500 yen (excluding tax)

    However, if you meet the desirable skills, the rate can be increased to a maximum of 3,500 yen.

    • Expected work hours are 5 to 20 hours per week (20 to 80 hours per month).
    • Payment is made at the end of the following month after closing at the end of each month via bank transfer, including the consumption tax and local consumption tax equivalent on the agreed compensation.
    • Payments to those living overseas will be made via PayPal or Wise. Payments will be made in Japanese yen, so please bear the currency conversion fees when withdrawing.

    Other Conditions:

    • The contract form will be a service contract from an individual business owner (Hitsuji Increment), anticipated to be a quasi-commission contract.
    • You will need to prepare your own work environment (PC, network, etc.), but we will provide the Figma workspace.
    • The official contract will be concluded through an email authentication method of electronic contract, so a receivable email address is necessary.

    ご応募 / Apply

    以下のフォームをご利用いただくか takaki.takeuchi@hearleth.com までフォームと同じ内容をお送りください。2日以内にご返信いたします。

    Please use the form below, or send the same information to takaki.takeuchi@hearleth.com. We will respond within 2 days.

    戻る

    メッセージが送信されました

    ご不明点等ありましたらご説明させていただきたく思いますので、その場合もお気軽にお問い合わせください。よろしくお願い申し上げます 🙇‍♂️

  • A Visit to My Friend’s Startup Office in Tokyo

    I’m sorry that I didn’t write articles for yesterday and the day before yesterday. I’ve been busy on last weekend for hanging out with my friends 😃

    Office vist

    Today, I visited the office of a company owned by my friend. The friend is 21 year-old man and he runs his company while he is still an university student too.

    We got to know each other at an event for company owners which was held last month and he invited me to visit his office right after exchanging our business cards.

    I think this is the first time to share on the blog though, I’m currently preparing for founding my own company, so he is my senpai as a company owner. It was a good opportunity to get inspiration for my business startup!

    His office is in a very busy town in central Tokyo. The office is kind like a shared-office and there were shared facilities like reception and meeting spaces. Of course, there are private rooms for each company.

    We spent about an hour in the meeting space discussing concerns specific to business owners 😅

    I can’t write about the content in detail, but I learned a lot of things that are very interesting and useful.

    I am very grateful for him and would like to have time to share our thoughts regularly.

    I want to talk with you too.

    I am trying to talk and share thoughts with as many people as possible to get inspiration for my new business and of course about my life. If you are ok to spend some time with me, please contact me on email!

    Feedback by ChatGPT:

    Me: 今日の記事です。添削をお願いします:

    ChatGPT:

    1. タイトル: 「Visited a Friend’s Company Office」はシンプルで分かりやすいですが、「A Visit to My Friend’s Startup Office in Tokyo」のようにすると、内容がより具体的に伝わります。
    2. 導入部: 「I’m sorry that I didn’t write articles for yesterday and the day before yesterday. I’ve been busy on last weekend for hanging out with my friends 😃」この部分は親しみやすく、読者に向けた良い導入ですが、「busy on last weekend」は「busy last weekend」に修正するのが自然です。
    3. オフィス訪問の詳細: 「Office vist」は「Office Visit」とするべきです。また、「The friend is 21 year-old man」は「My friend is a 21-year-old man」、「he is still an university student」は「he is still a university student」と修正すると文法的に正しくなります。
    4. ビジネスカードの交換: 「right after exchanging our business cards」は明確で良いですが、「shortly after we exchanged business cards」とするとさらに自然です。
    5. 起業に向けて: 「I’m currently preparing for founding my own company」は、「I’m currently preparing to found my own company」とすると文法的に正確です。「so he is my senpai as a company owner」は親しみやすく、文化的な要素も含まれていますが、「so he’s somewhat of a mentor to me in entrepreneurship」と表珀を変えると、国際的な読者にも理解しやすくなります。
    6. オフィスの説明: 「The office is kind like a shared-office」は、「The office is somewhat like a shared office」と修正すると流暢です。「there were shared facilities like reception and meeting spaces」も良い説明ですが、「including shared facilities such as a reception area and meeting spaces」とするとさらに明確になります。
    7. 会議の内容: 「discussing concerns specific to business owners」は興味深いトピックです。「I can’t write about the content in detail, but I learned a lot of things that are very interesting and useful.」この部分は良い保留の仕方ですが、「I can’t divulge the specifics, but I gained many interesting and practical insights.」とするとよりプロフェッショナルな印象になります。
    8. コミュニケーションの呼びかけ: 「I want to talk with you too.」は直接的で良いですが、「I’m eager to connect and share thoughts with as many people as possible」のようにすると、意図がより明確になります。「please contact me on email」は、「please feel free to contact me via email」とすると、より歓迎する雰囲気が出ます。

    文章の流れや内容は非常に良いのですが、細かい文法の誤りや表現の改善によって、さらに読みやすく、プロフェッショナルな記事になるでしょう。毎日の経験や学びを共有することは、読者との関係を築く素晴らしい方法です。これからも挑戦を続けてください。

    Me: タイトルはご指摘通りに修正しました!

  • My hair smells like corn

    Last week, I had my hair permed and my hair slightly smells like corn since then.

    I had never got a perm before, but my favorite fortune book said “You should do something you have never done before this month.”, so I got it.

    It took about one and half hours, and cost about 10k yen. The process was just interesting and I felt it good as life experience.

    The perm itself does not suit me well I think. When I joined an online meeting on the next day, the client on the call confirmed me that I’m not right after wake up 😅

    One thing I realized is that my hair smells like corn after getting the perm. As I searched on web, the medicine for perm contains ammonia and it should be the cause.

    One week has already passed means that I took shower at least seven times, but the smell doesn’t disappear yet.

    The smell is not too bad but I personally do not like it, so I hope it disappears soon.

    That’s all for today! Hope to see you tomorrow.

    Feedback by ChatGPT

    Me: 以下は今日の記事です。昨日と同様に添削してください:

    ChatGPT:


    今日のブログ記事についても、フィードバックをさせていただきます。全体的に、興味深い内容で読者を引き込む良い試みですが、少し改善できる点があります：

    1. タイトル: 「My hair smells like corn」は興味を引くタイトルですが、もう少し具体的にすると良いかもしれません。例えば、「The Unexpected Corn Scent of My New Perm」とすることで、読者の好奇心をより刺激することができます。
    2. 導入部: 「Last week, I had my hair permed and my hair slightly smells like corn since then.」は分かりやすいですが、「and」の前にある「my hair」は省略可能です。「Last week, I had my hair permed and it has slightly smelled like corn since then.」の方が自然です。
    3. 経験の動機: 「my favorite fortune book said “You should do something you have never done before this month.”, so I got it.」この部分は面白い動機ですが、「so I decided to get a perm」とすると行動への結びつきがより明確になります。
    4. 時間と費用: 「It took about one and half hours, and cost about 10k yen.」は情報が正確で良いですが、「It took about one and a half hours and cost around 10,000 yen.」のように数字を表記すると、よりプロフェッショナルに見えます。
    5. 体験の感想: 「The process was just interesting and I felt it good as life experience.」は少し不自然です。「The process was interesting and I found it to be a valuable life experience.」の方が流暢です。
    6. パーマの結果: 「The perm itself does not suit me well I think.」この部分は、「I think the perm itself doesn’t suit me well.」とするとより自然です。「the client on the call confirmed me that I’m not right after wake up」は、「the client asked if I had just woken up」と表現を変えると、よりクリアになります。
    7. コーンの匂い: 「One thing I realized is that my hair smells like corn after getting the perm.」は良い表現ですが、「As I searched on the web, the perm solution contains ammonia, which is likely the cause.」とすると、調査結果がより明確に伝わります。
    8. 匂いの持続: 「One week has already passed means that I took shower at least seven times, but the smell doesn’t disappear yet.」は「A week has passed, meaning I’ve showered at least seven times, yet the smell persists.」のように修正するとスムーズです。
    9. 結論: 「The smell is not too bad but I personally do not like it, so I hope it disappears soon.」は良い結論ですが、「Although the smell isn’t too unpleasant, I personally find it bothersome and hope it fades soon.」と表現を変えると、感情がより伝わります。

    文章を書く際には、文法や表現の正確さだけでなく、読者の興味を引くための表現や詳細にも注意を払うとより良い内容になります。これからも日々の経験や学びを共有し続けることで、英語力の向上につながるでしょう。

    Me: がんばります

  • Restarting my blog – Feb. 2024

    This is the first post in nearly three years on my blog.

    Some may be surprised or wondering why written in English 🤔

    I, at least now, would like to post every day from today, each post should be not so long so that I can write quickly.

    and in todays’ post, I’d like to explain about why I restarted blogging in English and future prospects of this blog.

    Why I’m restarting my blog

    It was no big deal, just a bit of a whim. That’s about it 😆

    Yesterday, I met a Japanese friend who has lived abroad for a long time. She is a very well-educated person whom I respect very much, but when I heard her say that she had read all the Harry Potter books in English, I thought to myself, “I’m not even reading Japanese books all the time. I’m just piling them up.”

    Until a few years ago, I had been working with foreign colleagues, so I had some opportunity to use English, but these days I rarely use it.

    As this would be a problem when I travel abroad, I thought of some ways to regain my English skills:

    • Join English speaking community
    • Write English articles frequently
    • Watch movies or tv series with English subtitles
    • etc…

    Yes, this is why I restarted my blog.

    As I have written so far, I think, writing in English is tough. It takes about three times longer than writing in Japanese.

    Anyway, I would be glad if you could tell me the way to improve my English skills. Just let me know about your recommended dramas or something.

    Lucky if this continues tomorrow

    It seems that one topic per day is my limit for writing every day. I really planned to finish writing this article at 8pm, but it’s already 10pm and I’m so sleepy 😪

    Hope to see you tomorrow.

    Feedback from ChatGPT Sensei

    Me: 以下は日本人である私が英語で書いたブログ記事です。筆者の英語スキルを向上させるという観点で簡潔に、日本語でフィードバックをお願いします:

    ChatGPT:

    ブログ記事を書くという素晴らしい取り組みにまずはお祝いを申し上げます。英語でブログを書くことは、英語力を向上させる効果的な方法の一つです。以下、フィードバックをいくつか挙げさせていただきます：

    1. 始めに: 「This is the first post in nearly four years on my blog.」という文は明確で良いですが、「Some may be surprised or wondering why written in English」は文法的に少し不自然です。「Some may be surprised or wondering why it is written in English」とするとより自然です。
    2. 日々の投稿について: 「I, at least now, would like to post every day from today, each post should be not so long so that I can write quickly.」この文は理解できますが、少し不明瞭です。「At least for now, I aim to post daily, keeping each post brief to facilitate quick writing.」のように書くとクリアになります。
    3. 使用時期のapostropheの誤り: 「todays’ post」は「today’s post」とするべきです。
    4. ブログを再開した理由: 軽妙な表現があり、読み手に親しみやすい印象を与えますが、「It was no big deal, just a bit of a whim.」という表現はもう少し具体的な理由を加えると、読者に対して動機がより明確に伝わります。
    5. 英語力向上のための方法: 「Join English speaking community」など具体的な方法を挙げており、良いですが、「Write English articles frequently」を「Frequently write in English,」などのように動詞を先に持ってくると自然です。
    6. 終わりに: 「Lucky if this continues tomorrow」は意図は伝わりますが、「I hope to continue this journey tomorrow」とするとより流暢になります。
    7. 一貫性と流れ: 全体的に、ブログの流れは理解しやすいですが、各セクションをもう少し密接に結びつけることで、読み手の理解を深めることができます。例えば、英語を再学習する動機と具体的な計画をもっと関連付けることができます。
    8. 校正: 英文を書いた後に、文法やスペルの誤りをチェックするために時間を取ることをお勧めします。無料のオンラインツールや友人に校正を依頼することも有効な方法です。

    英語でブログを書くことによる挑戦と成長を楽しんでください。毎日の継続は英語能力を確実に向上させるでしょう。

    Me: やさしくて涙が出そう

  • ジメジメしてたまらないので Vultr で VPS を借りて Mattermost を入れてみた

    ジメジメしてたまらないので Vultr で VPS を借りて Mattermost を入れてみた

    読者のみなさま、こんにちは。管理人のたかきです。

    気づけば季節はもう初夏ですね。皆様お元気でお過ごしでしょうか? 私の住んでいる地域も梅雨入りしてジメジメした日々が続いています。あまりにもジメジメが続くとなんだか気が滅入りますね。こんな時どうしたらいいのでしょう… 私のひねり出した答えはこうです。VPSを借りるのです!!

    Vultr で VPS を借りた

    突然何言ってんだこいつ、と思われた方が多いかもしれません。VPS を借りることがどうしてジメジメ問題の解決につながるのかについては後ほど説明するとして、とにかく私は VPS を借りたのです。そう、このクラウド全盛期にも関わらず…

    VPS という言葉にあまり馴染みのない読者のために一応説明しておくと、VPS とは Virtual Private Server (仮想専用サーバー) の略です。KVM などの仮想化技術を利用して、サーバー事業者の持つサーバーの資源を仮想的に分割し、その一部をユーザーに貸し出してくれるサービスです。

    ちょっと違うかもしれませんが、イメージとしてはキャンプ場みたいな感じです。お金を払ってキャンプ区画を借りて、そこで自由にキャンプを設営する（サーバーを構築する）ようなイメージです。

    …などと書いておいて、あまり良いたとえではないような気もしてきました (笑) まあ、とにかく事前に決められた計算資源を定額で借りることができる良い感じのヤツなのです（強引）。

    VPS のいいところを挙げると、レンタルサーバーよりも自由（OSから自分で好きなものを入れることができるし、固定IPアドレスを割り当ててもらえる）で、クラウドよりも割安（EC2などが競合ですね）です。一方でセキュリティパッチの適用を自分でやらないといけなかったり、急激にアクセスが増加した際に柔軟にスケールすることができないという欠点もあります。

    最近は AWS や GCP に代表されるパブリッククラウドが爆発的に浸透したので、イマドキVPSを借りる人はそれほど多くないのかもしれないのですが、今の私のように趣味で自由に好き勝手できるサーバーを安く借りたいという人にはぴったりのサービスです。

    そんなこんなで私が借りた VPS は Vultr という事業者が提供する Cloud Compute というサービスです。Cloud とついているのは EC2 などを意識して、時間単位で課金される点などを強調しているのだと思います。たぶん。

    実は私は2016年頃からさくらインターネット、ConoHa、Vultr それぞれで VPS を借りたり解約したりを繰り返しておりまして、数年前に Vultr を利用した際には VPS と記載されていたものと記憶していましたので、久々にページを見てみたら謎の文言に変わっていて困惑しました (笑)

    今回 Vultr にした理由は端的にいって「安い」からです。最も安いプラン（512MBメモリ、IPv6アドレスのみ）は月々2.5ドルからと激安です。牛丼を食べるよりも安くサーバーを借りられます。私は少し余裕を持たせるためにメモリ1024MBのプランを契約しましたが、それでも月々5ドルとかなりお手頃。ありがたい。

    …と書きましたが、他社サービスやクラウドと料金を厳密に比較したわけではないため、鵜呑みにしないでくださいね。実際に契約される際は丁寧に比較してくれている記事などをご参照ください。

    VPSのセットアップ

    VPS を借りたら、たいていの場合は契約画面で選択した OS (今回私は Ubuntu Server 20.04 LTS にしました) がインストールされた直後の状態で SSH アクセスできるようになっています。ただ、その状態から実際に使用するまでいくつかのセットアップをしなくてはならないので、それをバリバリやっておきましょう。

    実は私が自宅サーバーをやっていた8年程前から今まで、Linux サーバーを構築する際に必ず参考にさせていただくすばらしいサイトがあります。それがこちらの Server World という神サイトです。
    ちゃんとブックマークしましたか?

    というわけで、このコマンドを打って設定ファイルをこのように書き換えて… というのはこちらのサイトの情報を参照いただくとして (ただ説明から逃げただけw) 、私が実際におこなったセットアップを箇条書きにして残しておきますね。

    1. ソフトウェアのアップデート
      昔使っていた apt-get が気づけば apt に変わっていました。使い勝手は変わりませんでした
    2. 一般ユーザーを作成して sudo できるように
      root ユーザーで全部やるのは怖いです。admin 等のユーザー名はよくリスト型攻撃に使われているので、一般ユーザーの名前も一般的なものは避けた方が良いと思います!
    3. SSH を鍵認証にしてポート番号変更
      鍵認証のほうが安全ですし、パスワードを打たなくて良いから楽（クライアントによります）です。
      ポート番号は標準の22番だとよく攻撃されるので、開いていそうな50000〜60000番台の番号に変更しましょう。
    4. root ユーザーで SSH できないようにする
      怖いからです
    5. MySQL インストール
      後述する Mattermost のデータベースとして必要です。PostgreSQL でも良いらしい
    6. Nginx インストール
      後述する Mattermost のアプリケーションサーバーの前段の Web サーバーとして必要です。80/443ポートをアプリケーションのポートにフォワードしたり、SSL/TLSの処理をやってくれます。ありがとう。
    7. Let’s Encrypt でワイルドカード証明書を取得
      イマドキHTTPだと人権がないので、certbot を使って証明書を取得しました。ワイルドカード証明書 (ANY.example.com) の取得はDNSレコードに認証キーを書き込む仕組みでした。Webroot にファイルを置くよりもこっちの方が好きです。
      設定にあたってはこちらのサイトが大変参考になりました!

    こんな感じで、やっと下ごしらえが完了という感じです。最近はコードを GitHub にプッシュするだけでサーバーのセットアップを全部やってくれるありがたいサービスも登場していますが、僕はこういう低レイヤーの作業をポチポチやるのも結構好きです。

    Mattermost のインストール

    さて、そもそも私は何のためにサーバーを借りたのでしょうか。それは Mattermost というソフトを入れてみたかったためです

    Mattermost は OSS の Slack クローンとされていて、超有名 SaaS である Slack をオンプレでも使えるようにしようという発想で作られています。Twitter に対する Mastodon みたいなノリです。

    Ubuntu Server へのインストールは公式ドキュメントがありますので、そちらに従って進めることができました。Mattermost サーバーは Go で書かれているようですが、コンパイル済みの実行ファイルが提供されているので、手動でコンパイルする必要はありません。

    実行ファイルを配置して、設定ファイルを適当に変更して、systemd に登録したら、Nginx のバーチャルホストを追加します。SSLの設定を忘れずに。全部終わったら、ブラウザからインストールしたドメインにアクセスです! すると…

    Mattermost の初期設定画面

    やったーーー！設定画面が現れました。はじめて WordPress のインストーラーを目にしたときのような感動を覚えました (笑)

    ひとり Mattermost のススメ

    そこそこ大変だけど楽しい道のりを経て Mattermost というチャットツールを手に入れたわけですが、重大な問題が存在します。チャットする相手がいないことです (爆)

    もちろん、誰かにメールアドレスを教えてもらって Mattermost に招待すればその人とチャットすることはできるわけですが、相手からしたらわざわざ私のサーバー上で動く謎システムを使ってあげる合理的な理由がありません (笑)
    それに、世の中には LINE や Discord などといった便利で無料のツールがたくさんあるのです…

    なので私は、Mattermost を一人で使うことにしました ()

    安心してください、やばいやつじゃないですよ? いや、やばいやつにしか見えないかもしれないですが…w

    種明かしをすると、私は自分の Mattermost を TODO リストや bot とやりとりする場として使おうと考えていたのです。
    そして実際に、とても便利に使えています。どのように便利に使っているのかについては、次の記事で書こうと思います。

    というわけで、お腹が空いたので今日の記事はここまで。次回は Mattermost で bot と遊ぶ方法について書きます。私の調子が良ければ半年以内()に公開されるはずです。

    それではまた、次の記事でお目にかかりましょう。お読みいただきありがとうございました！

  • 株式会社ハウテレビジョン – 2020年サマーインターンの思い出

    株式会社ハウテレビジョン – 2020年サマーインターンの思い出

    ※ この投稿は、昨年（2020年）10月に投稿した記事を加筆修正したものです。

    大学3年の夏といえばサマーインターン

    です。少しでも就職する可能性があるなら、参加しておいて損はないはず。これを読んでくださっている学生の方は今すぐ応募です‼️

    さて、謎に強引な勧誘をしたところで、この記事では私が昨夏参加したインターンのうちのひとつ「株式会社ハウテレビジョン」さんでのエンジニアインターン👨‍💻 について、少し詳しくご紹介します。

    きっかけは外資就活ドットコムへの登録📝

    大学3年の新学期になり、友人たちが「そろそろ就活…」などとざわつきはじめたのを感じとった私は、いてもたってもいられなくなって、いくつかの就活サイトに登録しました📝

    リク◯ビやマイ◯ビなどの大手サイトはもちろん、スカウトがもらえると噂のサイトなどとにかく片っ端からいろいろと登録してみたのですが、そのうちの一つが「外資就活ドットコム」でした🌎

    名前からしてゴージャスな外資就活ドットコムですが、掲載情報は外資系と国内トップ企業中心というコンテンツまでゴージャスなサイトです。ハイクラスな求人情報を閲覧できるだけでなく、他の就活生と情報交換ができるコミュニティや、普通に読み物として面白くためになるコラムなど、就活生にやさしい機能やサービスが盛りだくさんのすばらしいサービスなのです✨

    …でも、ごめんなさい。実を言うと私は形から入って途中で燃え尽きるタイプなので、登録したのは良いものの、プロフィールを埋めただけで満足してしばらく放置していたのでした…😅

    そんなある日、登録していたメールアドレス宛に一通のメールが届きます。タイトルには「Premium スカウト」送信元は「株式会社ハウテレビジョン」と書いてありました。「プレミアム」「個別」「あなただけに」みたいな文言が使われているスカウトメールは往々にして宛先の名前だけが個別だったりするのですが、外資就活ドットコムから送られてきた Premium スカウトには本当に個別のメッセージがついていました😮

    さっそく詳細を確認してみると、なによりまず目を引いたのは参加報酬についての記載です。約1週間のインターンで参加報酬は10万円(!!)、優勝するとプラス10万円の太っ腹な報酬がいただけるとのこと🤑 インターンの内容は他のインターン生や現役エンジニアの方とチームを組んで、実際に多くのユーザーが利用している外資就活ドットコムの新機能を考案・開発するというものです。他の誰かと一緒にサービス開発できるなんて、ハッカソンみたいで楽しそうです。そのうえ報酬までいただけるなんて、これはもう、挑戦してみない理由がありません😃

    というわけで特に迷うことなくサイト上の「気になる」ボタンを押してみたところ、スカウト経由で応募する場合はES提出という本来のファーストステップを免除していただけるとのことで、直接面接の予約へと進むことができました🎁

    面接（コーディングテスト）👥

    私にとって唯一の選考ステップだった面接は、このご時世ですから当然リモートで行われました。地方在住の学生にとっては大変ありがたいことです🙇

    エンジニア対象のインターンでは、十分なコーディングスキルを持っていることを示すため、必ずと言って良いほど「コーディングテスト」が実施されます。会社によってはオンラインのテストページみたいなので非同期的に受ける形式もあります👩‍💻

    ハウテレビジョンのコーディングテストは面接を兼ねた形式で、 Whereby というビデオチャットサービスを使用した1時間程度のものでした。はじめに30分程度面接（というか雑談といっていいほど和やかな雰囲気でした）があり、後半に普段遣いのエディタの画面を共有しながら与えられた課題を解くコードを15分程度で書き、それについて15分くらいかけて説明するという内容でした💬

    コーディングテストの課題については比較的シンプルで、配列、ループや条件分岐について理解していれば大丈夫だと思います。実を言うと、私はちょっと見られながらコーディングするというのに慣れていなくて手こずってしまいました…😇

    事前研修🛫

    自分でもコーディングテストの結果が微妙だと感じていたので、正直今回は厳しいかなと思いながらぼんやりと過ごしていた6月のある日、面接を担当してくれたCTOの方からお電話をいただきました。なんと、合格なのでA日程（9月前半）とB日程（9月後半）の二つがあるのでどちらが良いですか? というご連絡で、びっくりしつつも大変嬉しかったのを覚えています😆

    このときは他に選考を受けていたインターンもあったりしたので B日程（後半）を希望したのですが、いろいろあって（察してくださいw）A日程のほうが都合が良くなったので、ダメ元で先方にお願いしたところ、快く日程変更していただけました。大変ありがたかったです🙇

    余談ですが、A日程で同じチームとなったインターン仲間（今では大切な友人）とはインターン後もいろいろと関わりを持っていて、このときの日程変更は私の人生の世界線（先日、シュタゲをみましたw）に1%以上の変動🔢 をもたらしたと思っています（シュタゲをご覧になっていない方には「なんのこっちゃ」ですね。すみません）

    さて、実はこのインターンには本番の1ヶ月ほど前に1日だけ「事前研修」という集まりがありました。6日間という短い期間で製品を開発するため、インターン生はある程度事前にハウテレビジョンが採用している技術スタックになれておく必要があります。そのための環境構築などを行うために実施されたものです。驚くべきは、たった1日の研修のために、東京からは少々離れたところに住んでいる私の交通費と宿泊先を提供してくださったのです。ありがたい限りです…もう頭が上がりません🙇🙇🙇

    初めてのオフラインインターンだったので緊張していた私は、事前研修の前々日にユニクロに行って襟付きの服 👔 を買ったりしたのですが、実際参加してみるとTシャツ短パン👕 で全然OKでした。どうぞみなさん、その点はあまり気にしすぎる必要はないようです😉

    ハウテレビジョンのオフィスは赤坂と六本木の間くらいにそびえ立つ超高層ビル🏢「アーク森ビル」の上層階にあります。聞けば昨年の6月くらい（つまりインターンのちょっと前）に移転してきたそうで、どこをみてもピッカピカでした✨

    おしゃれなホール（Wantedlyページから拝借しました）
    おしゃれなホール（Wantedlyページから拝借しました）

    お昼休みには叙々苑弁当 or 寿司という究極のお弁当で究極の2択をさせていただき、なんというか…そう。まさに「今をときめくベンチャー企業！」という感じでした🌟

    （私に）選ばれたのは、お寿司でした。
    （私に）選ばれたのは、お寿司でした。

    研修の内容は主に環境構築でした。ハウテレビジョンでは開発環境のほとんどを Docker 上に構築しており、研修では AWS の接続権限をもらって、謎の秘伝のスクリプトを実行してリポジトリや DB のダンプファイルを落としてきたり、Docker を祈るような気持ちで立ち上げたりしました。何が起こっているのかは正直よくわかりませんでしたが、外資就活ドットコムのデータベース構造を見られたりして感動したのを覚えています🚢

    事前研修後、なんとなく苦手意識があった Docker がちょっとだけわかるようになり、Nginx + PHP + MySQL コンテナを作ってみたりして遊べるようになりました。ありがたい！

    インターン本番

    いよいよ待ちに待ったインターン本番ですが、実はこのとき台風が接近していて、私が予約していた飛行機は見事欠航🙃 なんとか動いていた新幹線🚄 で東京にたどり着いた私は「六本木駅地下深すぎだろwww」と思いながらゴロゴロとキャリーケースを引いて、事前研修の時に泊まったのと同じ、開業したてでピカピカのア○ホテルにチェックインしました🏨
    時間はすでに夜だったのでひとり、24時間営業のなか卯でご飯を食べ、六本木を散歩しました。ひたすらに、ビルが高いなと思いました（小並感）

    さて、翌朝はついにハウテレビジョンのオフィスがあるアーク森ビルに初出勤(?)です。といっても、1ヶ月前にも研修で訪れていたのでそれほど緊張はしませんでした。もちろん今度はTシャツです😆

    初日の午前中には簡単な自己紹介の後、フロントエンドチームとバックエンドチームに分かれ、それぞれ別に与えられていた事前課題のできばえを一人ずつ披露して、社員の方からフィードバックをもらいました💻 私はバックエンドチームで、初めてちゃんと触った Go 言語に四苦八苦しながら簡単な CRUD ができる RESTful っぽい HTTP エンドポイントを実装しました✌ レビューではコードのインデントが崩れていることなどご指摘いただきました。お恥ずかしい😅

    さあ、レビュー大会が終わるといったんご飯🍐です。以前の事前研修では叙々苑弁当 or 寿司という究極の選択だったわけですが、なんとこの日も同じメニューで用意してくださっていました！つまり、前回私が選ばなかった（けど食べてみたかった）叙々苑弁当を食べることができたというわけです!! うれしい!!

    （今日の私に）選ばれたのは、叙々苑弁当でした
    （今日の私に）選ばれたのは、叙々苑弁当でした

    チーム開発🕺

    腹ごしらえが済んだら、いよいよこのインターンのメインイベントであるチーム開発が始まりました。メンバーはフロントの人とバックの人がうまく混ざるように事前に振り分けられていて、私のチームはフロントエンドの方が1人と、バックエンドの方が1人、そして私（バックエンド）の3人トリオでした👨‍👨‍👦

    フロントエンド担当の方（以降Aさん）は海外の大学でコンピュータサイエンスを専攻していて、いろいろな業界でインターンをしてきたので社会の裏側を大体何でも知っているという、すごい人でした🦸‍♂️

    そして、バックエンド担当の方（以降Bさん）は大学院でヘッドマウント型プロジェクター（?: 間違ってたらごめんなさい）を研究しつつ、ある SaaS 提供会社でバイトをしつつ、趣味でサッカーのゲームのマッチングができるサービスを運営しているという、マルチタレントな方でした🦸‍♂️

    チームメンバーと自己紹介をした後は、チームでどういった機能を開発するかという議論をしました。みんなでホワイトボードを囲んで、今の外資就活ドットコムに欲しい機能を書きだしてみて、どうやらチャット機能があると良さそうだぞということになり、データベース設計なども勢いでしてしまいました🏗

    自分でいうのもなんですが、この時点ではすごく順調でした🙂 初日数時間にして作る機能の設計まで完了してしまったので、あとはAさんがUIデザイン、Bさんと私がAPIの設計と実装をすすめようという感じで合意しました💪

    2人ともWeb開発なんてお手のものという感じで、開発中も特段苦労することはなく、なんならどのチームよりも長いこと雑談💬をしていたかもしれません(笑)

    これはちょっと面白い話なのですが、本来の就業時間を過ぎても少しはオフィスに残って作業して良いとのことで、他のチームの方の多くは少し残って作業されていたようなのですが、僕たちのチームは「ここは西海岸🌊」「休むことも技術🌴」などの御託を並べ、まあなんとかなるだろうという謎の自信のもと、日々定時退社をしていました。その結果、（案の定）開発が間に合わなくなって、週末返上でリモート開発することになりました。本当にありがとうございました。

    実はそんな楽しいチームには、🦸‍♂️もう2人強力な仲間🦸‍♂️がいました。各チームに2人ずつくらいついてくれていた現役エンジニアのメンターさんたちです。お一人はこの道何十年のベテラン、お一人は入社されたばかりで親しみやすい方でした。ベテラン社員の方にはとてつもなく複雑な SQL を一瞬で作っていただいたり、もうお一人にはいろいろと楽しい話を聞かせていただいたり、本当に至れり尽くせりという感じで心地よい日々でした😃

    発表会🥳

    そうこうしているうちにあっという間に5日間が過ぎ、翌週の月曜日（最終日）がやってきました（週末には半沢直樹の最終話をアパホテルで見ました）😮

    最終日の発表会直前には、あの初期の頃の余裕は何だったのか… というくらい切羽詰まっており、結局実装した API エンドポイントはほとんど使わぬまま、モックサーバーに置き換えて対応するという形に落ち着きました。エラーが表示されたコンソールを前にしたAさんが腕を組み目を閉じて「なるほどなるほど…さっぱりわからん🤔」と言っていたのがすごく印象的で、いまでもたまに思い出して吹き出しそうになります(笑)

    発表会では各チームごとに10分ほどのプレゼン時間が与えられ、ハウテレビジョンの役員の方たちを前に開発した機能について説明しました。プレゼンについてはいろいろな会社のインターンで百戦錬磨してきた（と思われる）Aさんが Canva というおしゃれプレゼンツールでかっこいいスライド📈を作ってくれたり、痛い質問に華麗に答えてくれたりして、なかなか良い感じ✨に終えることができました。ありがとう、Aさん!!

    全チームのプレゼンが終わったら、少々の休憩時間を経ていよいよドキドキの結果発表です🤩

    さて、覚えていらっしゃるでしょうか、このインターンでは優勝したチームに追加で10万円の報酬が支払われるのです。おかげさまでドキドキパワーは1.5倍、心拍数も上がりました💓

    …気になる結果は、なんと私たちのチームが優勝🏆 うれしい🤩 たぶんAさんの素敵なプレゼンのおかげだと思うのですが、本当に嬉しかったです!

    インターン終了後🛬

    発表会も終わったら、借りていたモニター🖥 やパソコンを返却する準備をしたりと後片付けをして、みんなで懇親会みたいなものをしました🎉

    昨日の敵は今日の友。先ほどまでライバル同士だった他のチームの人たちとも半沢直樹の最終回の感想を語り合ったり、Webサービスで一発当てるためのアイデアを議論したりして楽しい時間を過ごしました😆

    本当は帰りたくなかったくらいですが、居座るわけにもいかないので、いい時間で基地（ア○ホテル）に帰還し、ア○社長の天然水と発表会でもらった賞状をキャリーケースに詰めて、私のインターンは終了しました🏁

    感想💬

    ひとことで言うと「楽しい思い出ができた」ということにつきます🕺

    コロナ禍になって随分誰かと関わる機会が減って心がすり減っていましたが、Web開発という好きなことを愉快な仲間たちとできたことで、相当元気をもらうことができました🔋 別の会社のオンラインインターンももちろん楽しかったのですが、やはりオフラインで関わった人たちの記憶は思い出に深く刻まれています🧡

    楽しい思い出を作ってくださったハウテレビジョンの方々、チームメンバーのお二人には本当に感謝しています🙇 そして、もしこれを読んでくださっているあなたが就職活動中で、すこしでも興味をお持ちでしたら、ぜひ応募してみてください！

    おまけ 支給された食べ物たち🍞

    しゅうまい
    しゅうまい
    お店の名前を忘れたのですが、芸能人のロケ弁によく使われるそうです。味噌漬けの魚がすごくおいしかった
    お店の名前を忘れたのですが、芸能人のロケ弁によく使われるそうです。味噌漬けの魚がすごくおいしかった
    タコス?
    タコス?

    毎日支給されたお弁当はいろいろな種類があり、日々かぶらないように選ぶことができました🍱 もちろんお気に入りのものがあればそればっかりも食べられます😉 お弁当以外にもおやつのドーナツ🍩 やハンバーガー🍔（おやつなの?）を置いてくださっていたり、いろんな意味でおいしい思いができるインターンでした。

    ごちそうさまでした😋

  • 2020年サマーインターンシップの振り返り

    2020年サマーインターンシップの振り返り

    今年の夏は、ほとんどサマーインターンに捧げました

    思えば大学に入学したのは、2018年。2年半も前のことです。大学生には毎年8月〜9月に1.5ヶ月ほどの夏休みが与えられ、学生たちの多くは旅行してみたりバイトに明け暮れてみたりと、思い思いに過ごします。

    私の夏休みを振り返ってみると、2018年（大学1年）の夏はアルバイト（夜勤の連勤: とてもきつかった）に捧げたり、実家でのんびりしたりして、割と無為に過ごしました。2019年（大学2年）はさすがに無為に過ごすのは忍びなくなったので、3週間を使ってひとりで東南アジアに出かけました。その時の記事はこちら

    そして2020年（大学3年）。今年は3週間をインターンなるものに捧げました。大学3年生になると、まだずっと先のことだと思っていた就職活動が（おもにリク○ートによる広告などの外的圧力により）突如として危機感をもって訪れます。そんな社会情勢ですので、流されるのが得意な私は今年の4月〜5月に複数の会社のサマーインターンシップに応募しました。覚えている限りでは以下のような会社です。

    ※ 社名を出すのはよくないような気がしますので、某〇〇と掲載します。どうしても気になるという大学生の方は、個人的におたずねください。

    • 某大手システムインテグレータ
      スカウトサイトI経由のスカウト。人事の方（とてもいい人だった）と1時間程度オンライン面談をしましたが、私がエンジニア職志望だったのに対し、営業職のインターンを募集しているとのことで破談となりました。
    • 某スマホアプリ開発企業
      某有名就活/転職サイトW経由のスカウト。人事の方と30分ほど電話面談し、Webフロントエンドエンジニアとして応募しましたが、ポジションがなかったとのことで破談。お祈りメールの文面が非常に丁寧で好印象でした。
    • 某大手コンサルティングファーム
      正面入口（コーポレートサイト）から挑戦状（ES）を叩きつけましたが、余裕で門前払い（一次選考落ち）を喰らいました (T_T)
    • 某転職サイト運営会社
      某就活サイトW経由のスカウト。ものすごい給与につられて承諾。若手社員とのWeb面談（1h）→コーディングテスト→技術職社員との面談（1h）と選考を進めていただきましたが、残念ながら不採用でした。
    • 某大手金融情報サービス企業
      スカウトサイトI経由のスカウト。スケジュール的に厳しく参加できませんでした。
    • 某大手旅行代理店
      スカウトサイトI経由のスカウト。楽しそうでしたが、職種があきらかにミスマッチだったので、お断りさせていただきました。ワンデーだったので物は試しに参加しておけばよかったとあとで後悔しました(笑)

    と、こんな感じで選考に落ちまくってなかなかメンタル的にはきつい日々が続いたのですが、こんな私でもインターンに受け入れてくださる企業（2社）がありました。今回はその経験談です。

    某大手メッセージングアプリ運営会社のエンジニアインターン

    緑色がトレードマークの某メッセージングアプリの運営会社です。大きい会社で、インターンの受け入れも積極的に行っておられるようで、エンジニア職だけでも複数の募集（拠点/期間）がありました。

    私はそのうちの日本の真ん中あたりの拠点が実施する、2週間のハッカソン形式インターンに参加しました。これはサイト経由でスカウトをいただいたわけではなく、私の方からサイトで申し込む形で参加したものです。

    選考

    選考の過程ではまずはじめに専用のWebサイトに接続して各自で行うコーディングテストがありました。エンジニア職以外ではES提出が課されることが多いですが、エンジニア職ではやはり最低限の技術的スキルが求められますので、コーディングテストは必ずといっていいほど実施されます。こちらの会社のテストはかなり歯ごたえのあるもので、全て解ききるのに4時間ほど要しました。あとで聞いた話では、このコーディングテストの時点で9割の人が落選となるそうです。

    二次選考は人事の方と拠点責任者の方のお二人とWeb面談（30分ほど）で行われました。面談ではコーディングテストに関することは聞かれず、これまでの人生や趣味などについてかなり和気あいあいとした雰囲気でお話しました。これも後で聞いた話ですが、この面談では技術的スキルというより人間性を見ているそうで、最後の決め手は「なんかこいつ、いいやつそうだな」だそうです。私ももし将来採用担当になったら、そういう姿勢で面接しようと思いました（笑）

    このインターンのすごいポイント

    • 当然のように有給（時給換算2000円以上）
    • 非売品のノベルティがもらえる
    • Macがレンタルされる
      たぶんセキュリティ要件からだと思いますが、社内システムには会社所有のMacから接続する必要があり、15インチのMacBook Proをレンタルしてくださいました。やっぱり画面が大きいのはいいなあと思いました。
    • 社員の方のスキルが日本、というより世界トップクラスに高い
      → とにかく皆さん、無駄のない美しいコードを書かれます。外国籍の方も多く、国外の最新情報をコンスタントに仕入れているのだと思います。
    • ゆるいテーマ設定のもと、学生が使いたい技術を自由に採用できる
      → 指定された要件を満たすアプリを開発するのですが、それぞれのチームの所属メンバーの経験などから好きな言語やライブラリを選ぶことができ、その選択作業自体楽しめました。ちなみに私はVue.jsとVuexでWebフロントエンドの開発を担当しました。めっちゃ楽しかったです。
    • 社内のとてつもないリソースを使い放題
      → 親会社が超巨大IT企業ということもあり、社内のITリソースがかなり整備されています。例えば社内向けのCSSフレームワークやプロジェクト管理ツール、IntelliJやmiroのライセンスなど、すべて自由に使い放題でした。中でも私が一番感動したのは、社内にOpenStackベースのプライベートクラウドが存在していたことです。実際にプロダクション環境では数万ものインスタンスがそのクラウド上で稼働しているそうで、その稼働状況ログを見たときの感動といったら。インスタンスはインターン生でも自由に作成でき、私たちのチームはVMインスタンスx3 + MySQLインスタンスx1 + リバースプロキシx3（HTTPSをHTTPに変換する用）を使用しました。そして会社の保有する何百ものドメインに対しても自由にDNSレコードが設定でき、自分のアプリが会社のドメインで動いている状況には感動してめまいがしました（笑）
      ただし、DNSレコードを社外ネットワークに出すには決裁プロセスを経る必要があるそうで、その仕組みもすごいなあと思いました（小並感）

    こんな感じで、オンラインながら巨大プラットフォーマーのすごさを垣間見ることができました。特に独自開発のグループウェアやプライベートクラウドなど、それらを維持できる社内エンジニアがいるという点で余裕があるなあと感じます。

    そんな素敵なエンジニアの皆さんとはテレビ電話越しではありますが、お話することもできて、私がバグに悩んでいたところ複数の社員さんがソースコードを一緒に見て原因を究明してくれました。最後の日には外国人の社員さんに、きれいなコードを書きますね！と言っていただいて、とっても嬉しかったです。

    というわけで、このブログの読者の方でエンジニア職のインターンを探しているという方がいらっしゃれば、間違いなくおすすめです。10数名の参加者のうち学部生は私ともう一人の男性だけで、あとは皆さんマスターorドクターコースの方でした。学部時代に応募して落選したとしても、院生でまた応募してみるというのも良いと思います。

    某就活情報サイト運営会社のエンジニアインターン

    先述の会社のインターンが終わって3日後、また別のIT系企業でインターンさせていただけることになりました。こちらの会社はWordPressで構築された就活に関するメディアサイトからスタートして、会員登録機能などいろいろ増築していった結果、それ一つで応募までできるほどの総合就活情報サイトへと進化した面白いサービスを運営していらっしゃる会社です。

    私はそのサイトに登録してみたはいいものの、膨大な掲載情報に圧倒されてそのまま放置する状態でした。そんなアカウントに対してある日、スカウトメッセージが届きました。送信元の会社についてしらべてみると、なんとそのサイトの運営会社だったのです。自社で自社のサービスを使えるなんて、すてきですね。

    選考

    本来はES提出が最初の選考ステップだと思うのですが、スカウトを発端に応募する場合はこれを免除していただくことができ、私が受けた選考というと、30分間のテレビ電話面接だけでした。

    といってもただの面接ではなく、コーディングテストを兼ねた面接です。社員の方2名とテレビ電話をつなぎ、カメラをオンにした状態でエディタの画面を共有して、出された課題に答えるという形式でした。

    エディタと言語はなんでも良いとのことでしたので、Visual Studio CodeとJavaScript(Node.js)を使用しました。出題については、多分競プロ勢の方には簡単な内容だと思うのですが、私にとっては少々難しい問題でした。緊張していたこともあり時間内に完動まで持っていくことができず、正直厳しいのではないかという感触で面接を終えました。

    しかし驚いたことに数日後、突然知らない番号からの着信が。おそるおそる出てみると、面接してくださった方（CTO）からの合格のお知らせでした。いやあ、驚きましたね。

    このインターンのすごいポイント

    • 当然のように有給（時給換算2000円以上）
    • 交通費・事前学習費支給/ホテルも用意してもらえる
      → Udemyやオライリー本などで自己学習のために購入した教材の費用まで支給されるのには驚きました。インターンなのに！インターンなのに！！！
    • オフィスがとてもきれい & フリーコーヒー・お菓子
      → 今年6月にオフィスを移転したそうで、新しいオフィスは高層ビルにあって景色が良く、インテリアもきれいでした。コーヒーやお菓子も自由にいただくことができて、まさに今をときめくIT企業という感じでした（笑）
    • お弁当が最高
      → 毎日ランチに日替わりのお弁当を支給していただき、それがもう美味しくて美味しくて…写真はとくに嬉しかったお寿司です🍣
    • 実際に稼働しているデータベースの（ほぼ）本番データで作業できる
      → 実際のサービスで使用されているデータベースのデータ（数十GB）から、個人情報のみをスクランブルしたものを使用して開発をすすめることができました。こんなデータに触れることはふだんほとんどないので、面白かったです。　
    ある日のお弁当はお寿司でした。びびります。

    こちらのインターンで与えられた課題は、すでにサービスインしている就活サイトにおいて、新しい機能の提案と開発をすることでした。1週間という期間ということもあり、またすでにサービスインしているサイトは巨大でビルドに手間取ったりしたので、正直完全な実装とは程遠い状態で最終日の発表会を迎えました。しかしながらアイデアや（ほぼモックAPIによる見た目だけの）実装を評価していただき、なんと私たちのチーム（全3名）はコンペで優勝し、優勝賞金までいただくことができました。

    最終日にはオフィスが閉まる時間までピザパーティーが開催され、もうほんとに帰りたくなかったですね。。。まあ、帰りましたけど…（笑）

    なんでいままでインターンしてなかったんだろう

    インターンから帰って、本気で思いました。別に大学3年生にならなくても、就職活動を始めていなくても、インターンはできるはずです。特に最近では、長期インターンとして1年とかの期間で働くような形態のインターンも増えてきていると思います。多くはきちんとした報酬が支払われると思いますし、アルバイトもいいですが、インターンするのも良かったなあ…そう思っている大学3年の秋です。

    あれ、長期インターンとアルバイトって何が違うんだろう…(?)

    みんなもインターンに行こう

    これを読んでいる学生の皆さん。私からあまり多くのことは言いませんが、ただ…ただ一つだけ。

    次の長期休暇はインターンに行こう！！

  • スマートロック SESAME mini 取り付け方法と使用レビュー – スマートホーム化計画 vol2

    スマートロック SESAME mini 取り付け方法と使用レビュー – スマートホーム化計画 vol2

    （2020年6月19日追記）
    なんと、こちらの記事は昨年の初夏に執筆しはじめ、そのまま下書きとして現在まで放置してしまっておりました。本当に申し訳ございません。現在も多少なりともこちらの記事に需要があるものと信じて、再編集のうえ投稿させていただきます。

    （以下、2019年7月頃執筆のオリジナル記事です）

    読者の皆様、こんにちは。

    そして、申し訳ありません。

    前回の記事でまたすぐに更新するかのような雰囲気を出しておきながら、2, 3ヶ月もの間このブログを放置してしまいました。原因は色々ありますが、大学2年の一学期、自動車学校に行ったり（先週末ようやく免許証を手にしました）大学に行ったりしておりまして時間がなかったのと、これが一番大きな理由でありますが、文章を書くのが面倒でブログの存在から目を背けておりました。記事を楽しみにしてくださっていた方々には誠に申し訳ない気持ちでいっぱいです。

    そういえば、先日受け（させられ）たマナー講習で講師の方が最大限のお詫びをするときにどう言えばいいと思います？とおっしゃって、教えてくださったその言葉は「大変申し訳ないことでございます」だそうです。 僕が本稿で先に用いた「申し訳ありません」という表現は、まったく誤りではないのですが謝罪の言葉としては軽めなんだそうです。
    ただ、そんなしょうもないことを指導してくれるようなマナー講師のことですから、ホントかどうかわかりません。

    さて、それでどうしてまたブログを書く気になったかといいますと、実は明後日から3週間ほど東南アジアの旅（インターンシップ）に出る予定でして、その道中どうせ暇することがあるだろうから、旅行記的なものをブログに綴ろうかと考えたからです。
    しかしながら、前回の連載記事を放置したまま旅行記に突入するのは読者の皆様に申し訳なく、またSESAMEのメーカーさんにも失礼かと思いましたので、渡航前に前回の記事の続きを執筆している次第です。

    先におことわりですが、我が家のドアにSESAME miniを取り付けたのは2019年5月のことであり、本稿で用いている画像はすべて5月に撮影されたものです。ひょっとすると現在のロットでは製品に変更や改良が施されている可能性がありますので、その点はご注意ください。

    さて、それでは本題です。（前置きが長くてすみません…）

    SESAME mini の開封

    今回はAmazonにてSESAME mini本体とWi-Fiアダプタをセットで購入したため、配送された箱を開けると２つの小箱が入っていました。

    大きな箱を開けるとさらに緩衝材があり、その中に小さな箱が入っています。まるでマトリョーシカ。

    小さい箱にはダイレクトにWi-Fiアダプタが入っていました。

    つまみの部分だけ見えていて、かわいいです

    すべてを箱から取り出してみると、内容物はこのようになっています。左側にあるのはドアに貼り付けるための両面テープ、右側にある金具は背の高いサムターンに取り付ける時のアジャスター（背を高く稼ぐ）です。親切にもぴったりサイズの精密ドライバーが付属しています。

    SESAME miniを取り付ける

    SESAMEはドアの室内側にあるサムターン（つまみ）に被せる形で取り付けるデバイスです。サムターンの形状には様々なものがありますから、最初に設置する箇所にあててみて、イメージをしてみるのが良いでしょう。

    私の自室のサムターンはかなり薄型で、背が低いものでしたので、SESAME側をできるだけドアに近づける必要がありました。ですので、私の環境では先の写真右側に移っていたアジャスター金具は不要ですし、SESAMEのつまみに接触する部品をドアに近づけるよう調整する必要がありました。

    サムターンを挟み込む部品はネジでとめられており、これを適当な位置に付け替えることでサムターンとの距離やツマミの幅を変えることができるようになっています。

    私のドアのサムターンは薄型で背が低いものだったため、幅は最も狭く、高さは最も低く調節しましたが、それでも結構な遊び（SESAMEの回転とサムターンの回転とのラグ）が生まれてしまいました。とはいえ、実用上さほど支障はありません。

    どうしてもご自宅のサムターンと適合しない場合、SESAMEの販売元であるCANDY HOUSEに型番や寸法の写真などをメールすれば特別にアダプターを3Dプリンタで作ってくださるそうです。とっても良い会社ですね！

    さて、調整を終えたらあとは両面テープでドアに貼り付けるだけで、設置は完了です！すばらしくお手軽ですね！！

    SESAME mini Wi-Fiアダプタの設置

    おっと、ここでWi-Fiアダプタのことを忘れていました。これがなくてもBluetooth経由での解施錠はできるのですが、インターネット経由の操作やIFTTTなどとの連携ができません。

    Wi-Fiアダプタは4センチ四方のようなとても小さなデバイスで、USB type-A経由で電源を供給すれば動きます。この写真に写るACアダプタは6年以上前に購入したもので、USBアダプタがたくさん身の回りに増えて持て余していたので、この度Wi-Fiモジュール専用アダプタになりました。

    設置場所はSESAME本体とWi-Fiルーターの両方と通信ができる位置にする必要があります。私の家はワンルームのためどこに設置しても多分動くのですが、今回はコンセントが空いていた脱衣所の洗濯機の上に設置しました。

    この写真では赤く光っていますが、モジュールの中心部にステータスランプが埋め込まれており、正常時は青色でゆっくり点滅しています。通信や設定に異常があると赤く光るようです。

    全体を設定する

    Alexaアプリのデバイス連携設定画面

    スクショを取り忘れてしまい大変申しわけないのですが、SESAMEには公式スマホアプリがあり、初期設定はそちらで行います。

    はじめにSESAMEのアカウントを作成し、Bluetoothでセットアップした後にWi-Fiモジュールの設定を行うという流れだったと思います。

    ここで一点注意しておきたいのが、私が購入した世代のWi-Fiモジュールは2.4GHz帯のネットワークにしか接続できないことです。最近のWi-Fiルーターは2.4GHzと5GHzの両方を使えるようになっている機種が多いと思うのですが、5GHzのみを運用している方は要注意。どれだけ検索してもWi-Fiモジュールが検出されずに、頭を抱えることになるでしょう。

    さて、こちらの写真はAmazon Alexaのアプリです。SESAMEではAPI連携を行うことでAlexaに解施錠やステータス確認の指示を行うことができます。

    こちらはSESAMEのアプリ上でAPI連携を許可した後、AlexaアプリからOAuth認証のようなことを行えば利用できるようになります。

    Alexaに解錠してもらうときには「アレクサ、〇〇の鍵を開けて」→「確認コードをどうぞ」→「1234」→「ロック解除しています…」→（約10秒のタイムラグ）→解錠という流れになります。

    正直、確認コードを喋ったり、APIの応答を待ったりしている間に自分で鍵を開けたほうが早いので、この機能はあまり使用していません。

    レビュー（雑感）

    さて、ここまでSESAME miniの取り付けについてお話しましたが、いかがでしたか。

    現在私はSESAMEを利用しはじめて1年以上となりますが、ほぼ毎日のようにSESAMEのお世話になる日々を送っています。というのも、帰宅した際に鍵をポケットから取り出して回すという面倒な作業から開放されるというのもさることながら、もっともありがたいと感じるのは「オートロック機能」です。

    SESAMEには解錠されたことを検知してから設定した秒数が経過すると自動的に施錠する機能があるのです。私はこれを15秒に設定しており、自宅を出る際に室内側から手動で解錠した後、鍵を取り出して施錠しなくても15秒後にはSESAMEがひとりでに施錠しておいてくれるのです！

    特に私はだいたいいつも待ち合わせのギリギリの時間に家を出るため、施錠をしている時間がもったいないと感じることもしばしばあり、SESAMEにおまかせできるのはとても助かっています。大抵、私が部屋を出てエレベーターのボタンを押し、EVが到着するのを待っている間に「ウィーン、ガチャ」という音がして鍵がかかったことを確かめることができます。なんてすばらしい！

    さらに、SESAMEのアプリから、誰が（手動解錠のときはわかりません）、いつロックを解錠したのかということが確認できます。これにより、自分が外出している間に泥棒が入っていないか確かめることができますし、プッシュ通知も届きますから、即座に対処することも可能です。そんなことにはならないほうが良いですが…（笑）

    まあ、とにかくこのデバイスはとても良いものです。陳腐な言葉で恐縮ですが、QOL爆上げです。皆さんもよろしければ、ぜひ導入してみてください。

    ふう…1年越しに記事を書き上げることができて安堵しています。なかなかブログのモチベーションを維持するのは大変ですね…😅

    ご不明な点や質問などありましたら、お気軽にコメントをお願いいたします。

    それでは！

  • HHKBコーヒーのかほり事件

    HHKBコーヒーのかほり事件

    それはある初夏の一日のことでした。

    人間、生きていくためには食料が必要です。できる限り家にこもっていたい私ですが、たまに生きるための食料を得るため、スーパーなるところへ出かけます。

    その日、いつものように行きつけのスーパーに向かった私は、冷凍食品コーナーの前で運命的な出会いをします。

    (さらに…)
  • Titan Security KeyとYubikeyでGoogleの高度な保護機能に登録してみた

    Titan Security KeyとYubikeyでGoogleの高度な保護機能に登録してみた

    こんにちは。

    ほとんど更新していないこのブログですが、まだ読んでくださっている方はいらっしゃるのでしょうか。

    今回は、ついに大学の山盛りレポートを微妙なクオリティながら片付け、真の春休みを迎えることができた記念（？）に1本書きたいと思います。

    （5/4追記: この記事は当初2月上旬に公開予定でしたが、下書きのまま5月まで放置してしまいました。公開が遅くなりごめんなさい）

    さて今回の記事は、GoogleのTitanというセキュリティキーを購入して高度な保護機能プログラムに登録してみましたというお話です。

    (さらに…)