投稿者: オギ

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

今回のテーマ：『アプリケーションのモバイルアプリ化』

前回は、Advanced Excelを使用してOutSystems内の画面データをExcel出力する方法についてご紹介しました。
今回は、OutSystemsで作成したアプリケーションをスマホなどのモバイルアプリとして使用できるようにする方法をご紹介します。

モバイルアプリ化ってなんだか大変そう…

モバイルアプリと言われてパッと思い浮かんだのは、App storeやGoogle Playストアなどからインストールできるものでした。
（アプリとしてリリースするまでに手間や時間がかなりかかるみたいだし、アップデートもすぐに反映できないし、そもそもアプリの利用用途的にストアで配布までしなくても…うーん…。）
と、最初はモバイルアプリ化に対してちょっと身構えましたが、思っていたよりも手軽にモバイルアプリ化することができます！

OutSystemsでは、アプリストアを経由してインストールするアプリ（こちらはネイティブアプリといいます）を配布する方法のほかに、PWA（プログレッシブWebアプリ）として配布する方法が用意されています。

PWA（プログレッシブWebアプリ）とは？

プログレッシブWebアプリとは、スマホなどモバイル端末向けに設計されたWebサイトやWebアプリを、ネイティブアプリと同じように扱えるようにする技術のことです。PWAには以下のようなメリットがあります。
・アプリストアを利用する必要がない
・Webサイト上のコンテンツでありながら、アプリと似たような使い方ができる
・iOS/Androidで同じ仕様のものが使える
等々…

ここからは、OutSystemsで作成したアプリケーションをPWAとしてモバイルアプリ化する手順をご紹介します。

モバイルアプリ化してみよう：準備編

最初からモバイルアプリ化を見据えてアプリケーションを作成するときは、アプリケーション新規作成の際に「Tablet App」または「Phone App」を選択します。

そのあとは、画面やロジックを作成してアプリを作っていきます。

モバイルアプリ化してみよう：配布編①（OutSystems Service Studio）

アプリが完成したら、いよいよアプリケーションをモバイルアプリ化します。
まずは、OutSystems Service Studioで配布の準備をします。

①モバイルアプリ化したいアプリケーションを選択します
②「Distribute」を選択します
③「Progressive Web App(PWA)」の下にある「Distribute as PWA」をオンにします
④アプリケーションのQRコードが発行されます

モバイルアプリ化してみよう：配布編②（モバイル端末）

ここからは、ユーザのモバイル端末での操作になります。
今回はiOS(iPhone)の画面をご紹介しますが、Androidでも操作に大きな差はなくインストールすることができます。

①カメラ等で発行したQRコードを読み取りブラウザで開きます
②Safariの「追加・共有・保存」アイコン（画面下の真ん中）をタップします
③「ホーム画面に追加」をタップします
④名称を入力して「追加」をタップします

以上の手順を踏んで、ホーム画面にアプリケーションが追加されれば完了です！

「Reactive Web App」でアプリケーションを作成していたら…

最初にReactive Web Appを選択したけど、モバイルアプリとして使いたい…！と思うこともあるかもしれません。
ただ、Reactive Web AppにはDistributeタブはなく、PWAとしてモバイルアプリ化することはできません。また、アプリケーションのタイプを後から変更することは、OutSystemsの仕様上不可能です。
しかし、疑似的にモバイルアプリ化のようにする方法を併せてご紹介します。

①アプリケーションをブラウザで開き、「QRコードを作成」アイコンを選択します
②作成されたQRコードをモバイル端末で読み取り、配布編②の操作をします

もちろんアプリケーションの作られ方が違うので挙動等は違いますが、ホーム画面から直接アクセスできる便利さなどはReactive Web Appでもカバーすることができます。

まとめ

今回は、OutSystemsで作成したアプリケーションをスマホなどのモバイルアプリとして使用できるようにする方法をご紹介しました。
アプリストアで配布するモバイルアプリ化だけでなく、PWAで素早く手軽にアプリケーションをモバイルアプリ化することも可能ですので、アプリケーションの利用用途などに合わせて活用してみてください！

第2ユニットではこれからもOutSystemsなどのローコードツールを使った技術者ブログを展開していきますのでお楽しみに。

こんにちは、第2ユニットのオギです！
今回は、2022年5月25日(水)に行われた身だしなみ研修について、その様子をお伝えします。

今回の研修も、Brilliant Impressionの森内様に講師をしていただきました。

前半は座学として「正しい身だしなみセミナー」を受講し、社会人としての身だしなみの基本を学びました。後半ではスーツのお店に行き、研修参加者のオーダースーツ作りを行いました。

座学では始めに「外見の重要性」、外見がどのような影響をもたらすのかについて学びました。
その後、何を着るか考える上での「身だしなみのルール」、男性・女性それぞれの「ビジネススタイルの基本」や「カジュアルダウンの方法」について具体的に学びました。

男性の身だしなみの話の中では、ビジネスシーンでふさわしい、あるいはそぐわない着こなしについて学びました。スーツの色や柄、形やサイズ感から、ネクタイやシャツ、靴や鞄などのアイテムまで、幅広く、かつ詳しく教えていただきました。
また、男性参加者が着ていたスーツを実際に目で見てチェックしながら、ビジネススタイルとはどういったものかをより深く理解することができました。

女性の身だしなみの話の中では、男性の身だしなみの考え方との違いや、カジュアルダウンする上でどんな色、柄、素材などを選択するのがよいかを教わりました。
カジュアルダウンの中でもビジネスとカジュアルのバランスによって段階が分かれていて、それぞれでどのようにカジュアルにしていくのかを学びました。

座学で身だしなみについて学んだ後、KASHIYAMA名古屋栄店様にお邪魔して、研修参加者全員のオーダースーツを作っていただきました。

採寸をしていただき、生地の色や柄、スーツの形などを座学での学びを基に考え、森内様にご助言をいただきながら決めていきました。
各々悩みながらも、出来上がったスーツを着る自分の姿を想像しながら、一つ一つ真剣に選びました。

それではどのように変化したのか見てみましょう。
まず、こちらが研修を受けた日に着ていたスーツ姿です。

そして、こちらが作っていただいたスーツ姿です！

実際に比べて見てみると、かなり印象が変わりますね。
適切なサイズ感とビジネススタイルに合った色・柄で、より社会人らしく各々に似合ったスーツ姿になりました。

今回の研修を通して、ビジネスにおける身だしなみは自分だけのものではないんだという意識を持つことができました。また、服装を正しく選ぶ方法やポイントを詳しく教えていただき、今後の服装選びにおいて活かしていこうと思いました。
そしてオーダースーツを作っていただくのは、自分にとって貴重な経験となりました。
悩みながら選んだスーツはとても素敵に仕上げていただいて、袖を通すと思わず背筋が伸びました。

今回講師をしてくださった森内様、誠にありがとうございました。

今回の記事は以上です。
次回の記事もお楽しみに！

ダンデライオンズでは社員同士の親睦を深めるための「レクリエーション」を定期的に開催しています。
今回は、2020年10月ぶりとなる歓迎会を行いました。

ダンデライオンズは2021年度には合わせて5名、2022年度は4月に3名の新しいメンバーが増えました。

新型コロナウイルスの影響もあり、今回はダンデライオンズオフィスでの開催となりました。
また、食事とお酒の代わりにお菓子とソフトドリンクを用意し、アルコール消毒・マスク着用など新型コロナウイルス感染対策を実施しながら、社員同士の交流を深めました。

歓迎会が始まり、まずはテーブルごとで最近の近況やお互いの趣味など歓談しました。
新しいメンバーにとっては初めて顔を合わせる社員もいて、緊張しながらも徐々に打ち解けていました。

その後、新しいメンバーによる自己紹介をおこないました。
自己紹介を聞いた社員からの質問もあり、新しいメンバーについてより深く知ることができました。

後半では、各テーブルから1名ずつ選出して、マリオカートで対戦しました。
熱い接戦が繰り広げられ、応援する声などが飛び交って盛り上がりました。

互いに顔を合わせて話せることの良さを実感でき、楽しい時間となりました。

次回のレクリエーションもお楽しみに！

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

中国人留学生(男性)

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

このインターンシップを通じて、色々なことが勉強になりました。

まず、日本のビジネスマナーを学ぶことができました。自分は日本での就職を考えています。なので、これから自分が就活し社会人になる前に、社会で一番基礎的かつ重要なビジネスマナーを学ぶ貴重な機会になったと思います。

さらに、日本のサブカルチャーを題材にしたバナー制作やHELLOWORLDの動画企画などのテーマで、グループディスカッションを行いました。ディスカッションでは、さまざまなアイデアを交換しました。特に、他人の意見を聞いてそれに触発されて新しいアイデアが出てくることが面白く、有意義だと感じました。

また、システムのテスト体験もしました。テストをきちんと完成させるには、たくさんの細かい点を注意しなければならず、思ったよりも簡単ではありませんでした。

そして、今回のインターンシップで一番面白いと感じたのは、ダンデライオンズのカードゲーム『HELLO WORLD』の動画撮影です。ディスカッションして考えた企画を元に、『HELLO WORLD』の楽しさを伝える動画を撮影しました。自分を含めた留学生のインターンシップ生と日本人のインターンシップ生とが、『HELLO WORLD』をプレイしていくことで仲良くなることができて嬉しかったです。

インターンシップを通じて、日本のIT企業の雰囲気を体験し、IT企業の仕事やマーケティングに触れることができました。今回の経験が貴重で有意義なものになると信じています。

ありがとうございました。

中国人留学生(女性)

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

私は現在大学三年生で、日本での就職を考えています。日本の会社がどのような雰囲気で仕事をしているのか、また、日本の会社の文化は自分の国とどう違うのか学びたいと思い、参加させていただきました。

今回、一番印象に残っているのはSNSのスタンプ作成です。スタンプ作成では、イラストに合うフレーズを日本語や中国語などのさまざま国の言葉で考えました。

私は大学で国際関係の勉強をしているので、始まる前にカリキュラムを聞いた時から面白そうだと思っていました。そして、実際に体験してみてとても勉強になりました。

特に学びになったのは、日本語のフレーズを中国語に直す時に、そのまま通訳すれば良いわけではなく、その国の状況を考えながら使いやすいフレーズを考える必要があるということです。

また、スタンプ作成やディスカッションでみんなで話し合うというのも、私にとっていい経験になりました。

インターンシップが始まる前は本当に不安でしたが、インターンシップが始まると不安がなくなっていきました。学びたかった日本の会社の文化だけでなく、本当にたくさんのことを勉強することができました。また、他のインターンシップ生や担当の人も優しくて、わからないことを詳しく教えてくれて、本当にうれしかったです。

インターンシップに参加させていただき、ありがとうございました。

韓国人留学生(女性)

今回、株式会社ダンデライオンズの夏のインターンシップに参加いたしました。

私は大学卒業後に日本で就職したいと考えていて、日本の会社の雰囲気やマナーについて学びたいと思い、インターンシップに参加しました。また、インターンシップをきっかけに、自分の将来についてより深く考えたいというのも参加の理由です。

今回のインターンシップを通じて、色々なことを学びました。

一日目では、マインドマップの作成を通じて自分を探してみることができ、自分が何をしたいのかを考えていく上でのヒントになりました。

また、SNSのスタンプ作成では、イラストに合う表現は何かを、日本語、中国語、韓国語、英語、フランス語で考えました。日本語の表現を、韓国語で言い表すとどうなるのか考えるのは難しかったです。

二日目では日本のビジネスマナーについて学びました。日本のマナーが江戸時代から続いていて今でも使われているということを知り、勉強になりました。
また、日本のサブカルチャーについて調べ、それを元にECサイト向けのバナーを作りました。私は絵を描くことが好きなので、バナーのデザインを担当しました。自分の好きなことが役に立ったように思いました。

三日目では、ダンデライオンズのカードゲーム『HELLOWORLD』の楽しさを伝えるための動画の企画をしました。『HELLOWORLD』を実際にプレイして楽しさを体感した後、どうすれば楽しさを伝えられるか考え、ディスカッションをしました。

今回のインターンシップで日本の会社の雰囲気を知ることができ、マインドマップを使って自分について考えることもできました。
また、ディスカッションなどを通じて自分で考えて意見を言うことがたくさんできて、いい経験になりました。

この経験を活かして、今後も頑張っていきたいと思います。

本当にありがとうございました。

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

日本人大学生(男性)

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

このインターンシップは驚きの連続で、毎日が新鮮に感じました。

初めに驚いたのは、インターンシップが始まる前のことです。今回のインターンシップの参加者5人の中で、日本人は僕を含め2人しかいませんでした。他の3人は、韓国の人が1人と中国の人が2人でした。
最初は少し緊張したけど、話しやすい人ばかりで、インターンシップの期間中お互いの国についてたくさん話すことができました。

また、僕にとって印象深い出来事となったのは、SNSのスタンプ作りの時のことです。
日本でよく使う言葉と同じ音が、他の国では全然違う意味の言葉として存在していると知って、ものすごく驚きました。
日本独自の言葉だと思っていたものが、意味に違いはあれども他の国で通じるとは、思ってもいませんでした。

その他にも、ECサイト向けのバナーを作ったり動画の企画を練ったりするなど、普段の生活ではしないような体験や学べないようなことばかりで、とても新鮮でした。

今回のインターンシップでの貴重な経験、学んだことを活かして精進していきたいと思います。ありがとうございました。

日本人大学生(女性)

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

初日からすごく緊張していて、会社の場所も分からず一人ウロウロして辿り着いた所、担当の社員さんが笑顔で出迎えてくれました。
その後会社説明を受けると、和やかな雰囲気の会社だということが伝わり、少し緊張が解れました。

インターンシップのカリキュラムの中で私が特に印象に残ったのは、SNSのスタンプを考えたこととビジネスマナーを教わったことです。

SNSのスタンプ作りでは、スタンプに使われる文言を考えました。
日本語で文言を考えた後、留学生のインターンシップ生を中心にそれぞれ中国語・韓国語・フランス語・英語の表現を考えていきました。この過程が面白く、国境を越えた環境に触れられる貴重な時間となったと思います。
また、初めてのグループワークにも関わらず、一致団結して進めることができ、チームワークの良さを実感できたことが嬉しかったです。

ビジネスマナーの講習では、古くから伝わる日本のマナー「江戸しぐさ」を教わりました。
留学生である他のインターンシップ生にとっては、日本の歴史に触れる機会となったと思いますし、私自身も今までマナーについて改めて考えるいい機会となり、学びを深めることができました。
特に、「相手の時間を無駄にしない」という考え方は、自分を振り返った時に痛感する部分があり、強く印象に残りました。

その他にも、ダンデライオンズのカードゲーム『HELLO WORLD』を体験して動画を企画したり、自分達と同じ層にターゲットを絞ってペルソナ制作や市場調査したりしました。資料作りでは、各分担に分かれて協力して制作にあたりました。
今まで個人でプレゼンをする機会が多かったので、自分と相手の意見を交換してチームで作業を進めていくという経験も学びになりました。

今回のインターンシップでは多くの学びを得られ、本当に貴重な経験となりました。この学びを今後の自分につなげていきたいです。