dandelionS Blog

※3月に当社でインターンシップを行い、日本人大学生の方1名、外国人留学生の方5名に参加していただきました。当記事では、参加者の方の体験談を紹介していきます。

ナイジェリア人大学生(男性)

この度、株式会社ダンデライオンズのインターンシップに参加させていただきました。

最初の日に会社についての説明を受けました。

一番学んだことはマインドマップについてです。キーワードを決め、そのキーワードからマインドマップ使って色々なアイディアを表現できるようになりました。とても使いやすく、今後活かしたいと思っています。

また、SNSのスタンプに使うイラストを見て、キャラクターデザインに似合う言葉を仲間と一緒に決めました。皆が自分の意見をどんどん出して、その中から一番良い言葉を決めました。そして日本語から5カ国に翻訳しました。完成したスタンプを見てとても嬉しかったです。

ビジネスマナーでは名刺交換のやり方を教わりました。実際に株式会社ダンデライオンズの社員と名刺交換をしました。緊張しましたが、できてうれしかったです。

また株式会社ダンデライオンズの「HELLO WORLD」で初めて遊んでみました。ルールがわかりやすく、とても楽しかったです。その後、グループディスカッションで「Hello Worldの動画企画」について話し合い、実際に動画撮影を行いました。難しかったですが本当に楽しかったです。

株式会社ダンデライオンズの雰囲気や働く人の様子なども知れてよかったです。

本当に心から感謝しております。この1週間、ありがとうございます。

チェコ人大学生(男性)

この度、株式会社ダンデライオンズのインターンシップに参加させていただきました。

私はチェコ出身で、2018年の春に来日して大学に入学しました。今年の４月からダンデライオンズに入社する予定です。インターンシップは、ダンデライオンズの雰囲気を入社前に体験できる貴重な機会でもあり、非常にありがたく思います。

インターンシップには私を含めて6ヵ国出身の人が参加しているので、国際交流の場としても充実していました。実際、課題についてのディスカッションでは、皆それぞれの考え方や価値観が窺えました。インターンシップの課題は「SNSのスタンプ作成」や「世界のレトロゲームユーザー層について」など様々でした。皆で話し合って、市場調査を行って、マーケティングにおいてターゲットを絞るスキルを身につけました。

　スタンプ作成では、皆でスタンプのセリフを考え、私はチェコ語に翻訳しました。「よろしくお願いします」などの皆よく使っている日本語のフレーズは、翻訳が意外と難しくて、同じニュアンスを持つチェコ語の言葉についてよく考えなければなりませんでした。

　実務体験の他にも、日本のビジネスマナーやビジネスに相応しい日本語を教わりました。その知識を、まもなく始まる私の会社員生活でフルに活かしたいと思います。

技術者ブログとして日ごろ取り組んでいる学習内容をご紹介します。
今回は、ローコード開発をテーマにしている第2ユニットです。

今回のテーマ：『Reactive開発方式の紹介』

今回は、前回の記事にて触れたTraditional形式の開発ではなく、
より新しいReactive形式での開発について紹介します。

Reactiveとは？

OutSystemsの新しいアプリケーション開発フレームワークです。
これまで用いられてきたTraditional形式と比べて、以下のような強みがあります。

1. 通信を伴わない処理の負荷軽減
   TraditionalではScreenActionとServerActionの2種類のアクションがありましたが、
   これらの両方がサーバサイドで処理を行うものでした。
   一方でReactiveではClientActionとServerActionの2種類のアクションが用意されており、
   このうちClientActionではサーバへの通信を伴いません。
   そのため、選択値に応じて見た目を変えるなど、通信を伴わない処理では負荷を軽減することができます。
   
   
2. 画面表示時間の短縮
   Traditionalでは画面の初期表示時にPreparationと呼ばれるアクションを実行し、
   一括でデータ取得するのが一般的な方法でした。
   しかし、このやり方では複数のデータ取得処理を直列でしか処理できず、画面表示までに時間がかかる場合があります。
   一方でReactiveではデータ取得処理を非同期で並列処理でき、画面表示までの時間を軽減できるため
   ユーザビリティの向上が期待できます。
   
   （上図：TraditionalにおけるPraparation。
   他のアクション同様フローによる直列処理のため、画面表示までに時間がかかる場合がある。
   下図：Reactiveにおけるデータ取得処理。
   At Start（開始時）に、複数のデータ取得処理を非同期で行うため画面表示までの時間短縮が期待できる）
   
   
   
3. UI部品の自動更新
   TraditionalではUI部品を更新する際にAjax Refreshと呼ばれる更新処理を実行する必要がありました。
   しかし、画面内に大量の部品が存在する場合、全て更新するのは大変ですし、漏れが起きる可能性も高いです。
   一方でReactiveでは、データ取得が絡む処理は明示的にRefreshが必要であるものの（Aggregateなど）、
   それ以外の処理は自動的にUIを更新し、再描画してくれます。
   分かりやすい例として、ラジオボタンの選択値により描画内容を切り替えるIfウィジェットなどを意識してリロードする必要がなくなります。
   
   （上図：TraditionalによるUI部品更新。
   明示的にAjax Refreshしてやる必要があり、大量のUI部品を更新する場合手間になる。
   下図：ReactiveによるUI部品更新。
   データの再取得が不要であれば、値の変更に伴い自動的にUI部品を更新してくれる）
   
   

まとめ

以上、簡単にではありますがReactiveについて、Traditionalと比較する形で紹介させていただきました。
Traditionalに比べてReactiveの方が開発が容易になっていること、
また、利用ユーザーにとっても待ち時間の短縮によりユーザビリティが向上していることがお分かりいただけたかと思います。
引き続きTraditionalのサポートは続いていきますが、
今後はReactiveが主流になっていくことが考えられるため、要注目ですね。

今回のレクリエーション記事を担当します「パンプ筋」です。最近、Unityを学び始めていました。実際にUnityで制作されているゲームを体験してみたかったので、話題になっている宇宙人狼ゲーム「Among Us」を社員7人でやってみました。そちらについてお話させていただきます。

まずは「Among Us」について説明します。「Among Us」(アマングアス)は、宇宙を背景にしたオンライン人狼ゲームです。参加者はクルーメイト(Crewmate)と少数のインポスター(Impostor)の二つの役割に分けられます。

クルーメイトが勝つ方法は二つあり、インポスターを特定し、排除しながら、マップ上のタスクを完了するか、インポスターを全員排除することです。

インポスターの勝つ方法はクルーメイトがインポスターと同じ人数になるまでバレないようにクルーメイトを排除することです。

普通は他のプレイヤーとのコミュニケーションが制限されていますが、私たちはほとんど初心者だったので少し変わったやり方でボイスチャットを利用しながらやることにしました。自分がインポスターによって退場させられた時に声を出すのを我慢するのが難しかったですが、みんなで笑いながらやるのが楽しかったです。大体一時間を目途にゲームをしていましたが、予想以上に楽しく、気づいたら約二時間、経っていました。

これからもUnityを学びながら、学習のモチベーション維持のために、Unityで制作されたゲームをプレイしてみたいと思います。

技術者ブログとして日ごろ取り組んでいる学習内容をご紹介します。
今回はAI、ビッグデータをテーマにしている第1ユニットです。

昨今、将棋の最年少記録を次々と塗り替えている藤井聡太さん。愛知県出身ということもあり、今後の益々の活躍に期待したいところです。彼はAIとの対戦ついても語っており、AIを活用して人間がどう強くなるかを考えているそうです。もしかしたらAIの活用が快進撃の秘訣なのかもしれませんね。

AIが2016年に囲碁の世界トップ棋士を打ち破ったコンピューター囲碁プログラム「AlphaGo」により世界が驚愕しました。また、チェスはAIによる大会が毎年開催され、どんどん強いAIが開発されています。将棋も将棋電王戦というAIでの対戦が2017年まで開催されていました。限られた条件の中で最適解を見つけるのは人間よりもAIのほうが優れているのかもしれません。

ダンデライオンズではカードゲームで学べるプログラミング「HELLO WORLD」を開発、販売を行っており、2人から4人でワイワイ遊べ、相手の手札を含めた戦略性の高いゲームとなっています。また、カードゲームだけでなく、スマートフォンでも遊べるアプリも公開。スマホ版はいかに早く、少ない手数でクリアーするのを目的にしたゲームとなっています。

スマホ版「HELLO WORLD」はAIが対戦相手になることで、戦略性、スリルあるゲームに生まれ変わります。場の状況に合わせた判断を行い、対戦相手が適切な手札を使ってくる難易度の高いゲームとなるよう開発を進めています。
まず、初期段階では条件判断を行う形で対戦思考ロジックを構築します。
次の段階として対戦版にてプレイヤーが対戦を行うことで、対戦データを学習データとして収集、分析し、より強力なAIを構築します。
構築したAIはAI同士の対戦を行うことでよりさらに強いAIを作り出すことを目指しています。

今後、対戦版「HELLO WORLD」の展開をご期待下さい。

前回の勉強会の様子

社内勉強会 – AfterEffectsを使って動画制作(基本編)

今回の勉強会記事を担当します「アンジェ」と「パンプ筋」です。
12月から2か月のビジネス日本語研修を受けました。BJTという試験を中心とした授業を受けました。

まずは、BJTという試験を紹介します！

Business Japanese proficiency Testの省略で「ビジネス日本語能力テスト」という意味です。
もっとも知られている日本語能力試験（JLPT）と違いビジネスコミュニケーションの能力を測るテストです。

BJTは3章で分けています。
・聴解部門本
・聴読解部門
・読解部門

不合格/合格がなく点数に応じてJ5からJ1+までの6段階のレベルで評価されます。受けたことがありませんので、どの段階にいるかわかりません…

BJTの特徴は仕事で使う日本語を身に付けることだと思います。やはり日常と仕事で使う日本語が違いますので、両方を勉強しなければならないとわかりました。

せっかくなので私もBJTに挑戦したいと思いました。次回の記事で点数次第で結果を教えます！（笑）

授業の内容を一部ご紹介させていただきます。

まず初めに、BJT練習の聴読解について紹介いたします。

こちらは、写真を見ながら録音テープを聞きます。四つの選択肢が用意されているので、そのなかから一番適切な答えを選択していきます。

内容が非常に難しかったので、自分が正解を出せたときはすごくうれしかったです。

次にロールプレイについてご紹介させていただきます。

ロールプレイもとても難しかったです。仕事で毎日使っている日本語にもかかわらず、ロールプレイになるとなぜか言葉が自然に出てきませんでした。やっぱり私は俳優になれないなあと思いましたが、日常にまだあまり出ていない状況の話の練習ができてよかったです。

技術者ブログとして日ごろ取り組んでいる学習内容をご紹介します。
今回はＷＥＢデザインをテーマにしている第0ユニットです。

第0ユニットでは、ダンデライオンズで公開している各種サイトの管理をしております。

最近「初歩的すぎる…」となった出来事をご紹介します。

とある日、うちの代表より「オフィシャルサイトの読み込みが遅いんだけど？」と突っ込みをいただきました。
第0ユニットメンバーで原因を探るため使ったのが「Google PageSpeed Insights」です。

Google PageSpeed Insightsとは…
その名もずばりですが、サイトの読み込み速度をスコア測定してくれるサイトになります。
結果を3段階評価(Good、Medium、Low)してくれて、割と細かく問題を教えてくれるとても頼りになるサイトとなります。

早速URLを入力し計測したとところ、まさかのLow…orz

早速問題を確認したころ、MB越えの画像がありました。
なんと初歩的…

経験者さんであればご存知だと思いますが、画像の容量が大きければ大きいほどサイトの読み込み速度は遅くなります。
Windowsでも大きな写真を開こうとすると、読み込みに時間が掛かりますよね。
それと同じです。

実際作っているときは見た目重視になってしまっており、全く画像サイズを確認しておらず。
対象の画像はGIFになっておりキラキラと動いておりました。
対応としては、今回は静止画かつ軽量化した画像に変更しました。

他にも大きい画像をCSSで無理やり小さくしている箇所もあり、ソースレビューって大切だなと実感しました。

他にも使用されていないCSSについてやテキスト圧縮など細かいところまで指摘してくれていました。とても便利ですね。

本来論とすれば、リリースするタイミングで「Google PageSpeed Insights」で確認をするべきなので今後は取り入れていきたいと思います。

次回の更新もお楽しみに。