dandelionS Blog

今回の社内勉強会は「フェイク画像の作り方」です。担当は第1ユニットのキトサンです。
以前の勉強会で「NSN映えする写真加工術」が紹介されました。第１ユニットとしてもAIによる自動生写真やイラストが注目されている中で自分で撮った写真から簡単にフェイク画像が作れたらと今回の勉強会を企画しました。

iPhoneの標準機能で被写体を抽出する
iPhone標準機能だけで写真から対象の被写体のみを抽出する方法です。最近公開された機能というとこもあり、あまり知られていないようです。利用条件は対応機種として、iPhone8以降、iOS16以上となっており、対象機種でiOSを最新化すれば問題なく利用できます。iPadでも利用条件を満たすことで利用できます。
やり方はとても簡単で、「iPhone標準写真アプリ」で写真を表示し、対象の被写体を長押しするとキラッと光り、対象を抜き出すことができます。これを別の画像として保存すると背景が透明な写真として保存することができます。

被写体と背景写真を合成する
ここからは無料アプリ「PhotoLayers」を利用します。
好きな背景を利用して、抽出した被写体を重ねることができます。素敵な景色の中にまるでそこに居たような写真が完成します。景勝地できれいな景色を目の前にすると写真を撮るので精一杯で自身が写った写真はなかったりします。そんな時な自分をその景色に合成することで自分が景色の中に入ることができます。

不要なゴミを除去する
せっかく撮った素敵な写真に電信柱が写っていたとかありませんか？そんな不要なものを削除するアプリです。Google PixelのCMで「消しゴムマジック」で実現していますね。今回紹介するのは「TouchRetouch」という有償アプリです。無料で扱えるアプリ「PhotoDirector」などもありますが、アプリ内課金もありますので、注意して利用してください。どれも対象を塗り潰して除去ボタンを押すことで、対象の周りを画像分析し、違和感なく除去してくれる機能です。今回は青空としたかったので、雲を消してみました。

写真を鮮明にする
上記の機能で写真は作ってみたもののぼやっとした写真となってしまった。もしくは古いカメラで撮った写真を活用したいという時、こちらのアプリ「Remini」が便利です。無料で利用することができますが、利用制限や広告を見る必要があります。まずは無料で使ってみて、気に入ったら課金してみてはいかがでしょうか。

５つのステップでの簡単作成
紹介した機能を利用して５つのステップでフェイク画像を作ることができます。
①　被写体の写った写真、背景写真を用意する
②　被写体を抽出する　「iPhone標準写真アプリ」
③　背景写真に被写体を合成する　「PhotoLayers」
④　不要なゴミを除去する　「TouchRetouch」
⑤　写真を鮮明にする　「Remini」

おまけとして、ちょっと前に流行りましたが性別を変える機能が付いたアプリ「FaceApp」で作成された自身の写真をネタとしたいと思います。このアプリは様々な顔の変化が楽しめますが、すべての機能を利用するには課金が必要なので注意です。

最後に、AIで利用される画像は世界のインターネット上に存在する画像データが学習データとして利用されており、学習データとして利用することは問題ありませんが、そっくりな画像については元の著作物の権利を侵害する可能性もあります。第１ユニットは今後もAI画像について動向を注視していきたいと思います。

それでは、次回の勉強会の記事をお楽しみに！

今回利用したアプリ
　PhotoLayers　iOS版　Android版
　TouchRetouch　iOS版　Android版
　PhotoDirector　iOS版　Android版
　Remini　iOS版　Android版

WEBデザインをテーマにしている第0ユニットです。

技術者ブログとして日ごろ取り組んでいる学習内容をご紹介します。

今回はWordPressの人気テーマ「Astra」のスターターテンプレートをご紹介します。

「Astra」のスターターテンプレートの利用により、手早く綺麗なデザインのウェブサイトを簡単に作成することができます。

Astraのインストール

①Astraのインストールと有効化

②スターターテンプレートのインストール

③ページビルダーの選択

※今回は「Elementor」を選択しています。「Elementor」はWordPressのプラグインの一つで、直感的な操作でウェブページの作成が可能となるエディターです。「Elementor」についても今後ブログの中でご紹介しようと思っています。

以上の①～③で準備は完了です。

ウェブサイトの作成

試しにウェブサイトを一つ作成してみます。

「Business」、「E-Commerce」、「Blog」等、カテゴリごとにテンプレートの一覧が表示されており、その中から選択します。

今回は「E-Commerce」にカテゴリーされているテンプレートを使ってウェブサイトを作成します。

①ロゴの設定

②色、フォントの設定

上記２つの設定後、以下画面が表示されるので、「Submit & Build My Website」で完了です。

作成されたECサイト

テーマのインストールからサイトの作成まで所要時間10分ほどで作成できました。

もちろんここからカスタマイズも可能です。

前回ご紹介した「LOCAL」の環境で簡単に試作できるので是非試してください。

次回の技術者ブログもお楽しみに。

ダンデライオンズでは社員同士の親睦を深めるための「レクリエーション」を定期的に開催しています。

今回は懇親会を11月に行いました。
久しぶりの懇親会開催となり、2020年の10月に行って以来の開催です。

今回はストリングス名古屋のシェフズライブキッチンにお邪魔しました。
素敵な空間とビュッフェ形式のご飯でみんなのテンションも上がっていました！
私のお気に入りはローストビーフとマッシュポテトです(笑)

懇親会には来年入社予定のメンバーにも参加していただきました。
はじめはとても緊張している様子でしたが、徐々に緊張もほぐれ楽しそうに会話していました。

各テーブル、仕事の話や趣味の話などで盛り上がっていました。

中盤では来年入社予定のメンバーによる自己紹介をしてもらいました。
辛い物が好き、出身地のアピール、一人暮らしを始めた報告など、何かしら個性を感じる内容で感心しました。
来年入社してからが楽しみです。

やはりみんなと実際に会って、おいしいご飯を食べながらお話しするのは楽しいなと実感する時間でした。
みんなの楽しそうな様子をみてやってよかったと思いました。

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

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

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

Forgeとは？

OutSystemsのForgeは、コミュニティメンバーが開発した、OutSystems用のソフトウェアを他のコミュニティメンバーに簡単に共有できるオンラインリポジトリです。
「OutSystemsに追加できる便利なプログラム」のことです。

・OutSystemsを使っている人たちが作成したソフトウェア

・OutSystemsの標準機能ではできないことを実現するためのソフトウェア

・オープンソースなので無料

という利用者にとってはありがたい存在、それが「Forge」です。

Forgeの信頼性

Forgeには信頼性を示すためのアイコンが表示されています。信頼性にはレベルが3つあります。まず1つ目は、下図のように赤い印がついたものです。これはOutSystems社がサポートしているForgeです。
OutSystems社がサポートしているので、Service Stduioのバージョンが上がっても継続して使用できるようアップデートされることが予想されます。

次に、2つ目が以下の画像のように右下に緑の印がついたもの。
これはOutSystems社が「信頼しています」と保証したものにつけられます。

3つ目は、印がまったくついていないものです。
OutSystems社からサポートも保証もされていないものであるため、利用する際には注意が必要です。

Forgeをインストールする方法

「Webページから検索し、Service Studioにインストールする」方法と
「Service Studioから検索してインストールする」方法とがあります。
ここでは両方の検索方法と違いについて説明します。

Webページから検索してインストール

WebページからForgeを探すには以下のリンク先から検索することができます。
「Search in Forge…」の検索用テキストエリアから使用したいワードを入力して探すことができます。

https://www.outsystems.com/forge/

Service StudioからForgeを検索してインストールする方法

次Service Studioを開き、画面左上のタブ「Forge」をクリックします。
すると先ほどのWeb版と同様の画面が現れます。
あとは、Webページの場合と同様に、キーワードを入力することでForgeを探すことが出来ます。

それでは、実際にやってみましょう。
今回はData Grid 用のForgeを探してみます。
検索ワードは「Data Grid 」と入力し、「SEARCH」ボタンをクリックします。検索結果の中から、今回は「Data GridSample」というForgeをインストールすることにします。
対象のForgeのページに移り、右上の「DOWNLOAD」ボタンをクリックすると確認メッセージが表示されます。問題なければ一番下の「INSTALL IN DEVELOPENT ENVIRONMENT」ボタンをクリックします。
Service Studioが起動し、対象のForgeをインストールするための画面が開きます。
画面右上の「INSTALL」ボタンをクリックすることでこのForgeをインストールすると自身のService Studio上に対象のForgeが追加されます。
これでForgeのインストールは完了です。

まとめ

以上、簡単ではありますが、Forgeとインストールして使えるまでの流れを紹介しました。
また、開発時間の短縮により、ユーザーにとっても使い勝手が向上していることがわかると思います。
今後、アプリを作る上でForgeが重要になる可能性もあるので要注目です。

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

中国人大学生(女性)

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

一日目は、それぞれの自己紹介を行いました。自分の趣味、今までできたこと、将来の夢などをマインドマップの形で作りました。そして、自分がデザインしたlineスタンプのフレーズをみんなで一緒に考えました。私以外もうひとりの台湾からの留学生がいましたので、いろいろディスカッションして、中国語と台湾語のフレーズを決めました。私は台湾語できないですけど、この機会で台湾語の日常用語を少し知りました。

二日目は自分の名刺を作ってもらいましたので、シミュレーションで名刺交換の練習をしました。また、ビジネスマナービジネス用語も勉強しました。いままでこのような職場体験の機会がなかったので、とてもありがたいです。 三日目はリクルートのウェブサイトに関して、グループディスカッションをしました。学部の授業でウェブサイト作った経験はありますけど、その内容は深く考えてなかったです。なので、今回は「このサイトは閲覧者にどんな情報を伝いたい」という目的を意識して、皆さんと一緒に考えました。

短い期間ですが、たくさん勉強になりました。自分はまだ知識も経験が不足ですが、これからも今回のインターンシップで学んだことを活用して、頑張って成長したいと思います。