dandelionS Blog

技術者ブログとして日ごろ取り組んでいる学習内容をご紹介します。
今回は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」で確認をするべきなので今後は取り入れていきたいと思います。

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

こんにちは。やまぐーちです。

11/20(土)に東京で行われた、ゲームマーケット2021秋に参加してきました。
出展したのはカードゲーム「HELLO WORLD」です。

今回は「デ・ジ・キャラット」とのコラボ版を持って参加しました！

当日の朝4時に名古屋を出発して車で東京へ向かいました。

国際展示場についたのは8:30頃で、ビッグサイトの建物を見て来たなぁと実感します。
何度来ても、やっぱりこの写真は撮ってしまいますね。

中へ入り設営準備を行い、イベント開場を待ちます。
今回は、布を新調したりゲームマーケット特別企画を用意したりと気合十分です。

開場時間となり、「開場します！」というアナウンスと拍手でゲームマーケットが開始されました。この時聞く拍手はいつもジーンとしてしまいます。

緊急事態宣言が明けているということもあり、たくさんの人が参加されていました。
入場規制もあったようで、ビックサイトから駅のほうまで待ち行列があったそうです。

そんな中ダンデライオンズのブースではゲームマーケットの初日と「デ・ジ・キャラット」の効果はすごく、たくさんの人にお立ち寄りいただきました！
チラシを配っていても、何度見かしていただいたり「でじこだ！」と言っていただけたり、やっぱり「デ・ジ・キャラット」はすごいんだなと思いました。

ゲーム説明をしていて、「面白いですね！」と言われると伝えたいことが伝わった！と思い我々のテンションも上がりました。

おかげさまで今回は、過去一番の売上を記録し満足の行く結果で終わることができました。

次回は来年2月の大阪で開催されるゲームマーケット2022大阪に参加予定です。
「HELLO WORLD」がたくさんの人の見て触れていただけますように…！

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

今回のテーマ：『Outsystemsを導入してみよう』

今回は、前回の記事にて触れたOutsystemsというローコード開発ツールの導入と、サンプル画面の作成方法を紹介します。

まずはOutsystems公式ページより、無償トライアルを選択。
氏名・メールアドレス・パスワードを入力します。

続いて使途、会社情報を入力します。

アカウントの作成が終わるとポータル画面が開くので、インストーラをダウンロードし、インストールします。

また、入力したメールアドレス宛に認証メールが届くため、認証手続きを行っておきましょう。

インストール終了後、Outsystemsを起動します。
メールアドレスとパスワードを入力することで、割り当てられた個人環境へ接続できます。

初回接続時、React方式によるチュートリアルを促されます。
今回はTraditionalWeb形式での手組み画面を試すため、Backを選択してチュートリアルを中断しましょう。

New Application→From scratch→TraditionalWebと選択を進め、アプリケーション（モジュール（機能）の集約単位）の名前、概要、アイコンを選択します。
その後、モジュール名を入力することでモジュール作成画面に遷移します。

モジュール作成画面に遷移したら一番簡単な作り方として構築済みのEntity（テーブル）をドラッグ＆ドロップしてマスタ・ディティール画面を作成します。
Dataタブ→Entitiesディレクトリ→（System）モジュール→Userエンティティをドラッグ＆ドロップすることで、1回目はマスタ画面（Users）が、２回目はディティール画面（UserDetail）が作成されます。
画面が自動生成されたら、画面上部にある1-Click Publishを押下し、変更の保存及びサーバへのアップロードを行います。

アップロードが完了すると1-Click PublishがOpen in Browserに切り替わるので、押下することで開発した画面をブラウザで閲覧することができます。

作ってみた感想

以前Oracle Apexを用いた開発でも感じたように、とても簡単かつ短時間で作成することができました。
開発ツールをインストールし、マスタ化したいEntityさえ準備できていればほんの僅かな時間でWebアプリケーションの一機能を用意することができます。
また、いちから画面を作成する場合でもWidget（画面部品）が豊富に用意されているため、幅広いアプリケーション開発に対応できます。
第2ユニットでは様々なローコード開発を行ってますので、今後も紹介していきたいと思います。