はてなブックマーク

こんにちは！ インハウスマーケティング部のりこぴんです。 Webサイトのサイトマップやワイヤーフレームを考えるのって重要でありながら、とても時間がかかりますよね。 今回はプロンプトを入力するだけで一瞬でサイトマップとワイヤーフレームを作成してくれる生成AI「Relume」の使い方をご紹介します。 Webサイトの構成を少しでも効率化したいという方はぜひ試してみてください！ Relumeってなに？ Relumeとは Relumeとは、Webサイトを効率的に作成するために設計された生成AIです。大きな特徴は、Webサイトの概要を簡単に入力するだけで、AIが瞬時にサイトマップやワイヤーフレームを生成してくれること。 さらに、FigmaやWebflowなどのデザインツールと連携して編集することもできます。 サイトマップやワイヤーフレーム作成の効率化のために使用されることが多く、今注目を集めている生成

新卒ブログとは？ 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 こんにちは、テクノロジー部の山﨑です。 本記事は、実際にサーバーを構築しながら、よく使われる用語や構築の仕方をわかりやすく解説するシリーズです。サーバーをろくに触ったことのない新卒の自分が、サーバー移管作業を任されたときの経験をもとに作成しましたので、ご安心ください！ 一緒に学んでいきましょう！ 今回はその第二回目で「AWSアカウント作成からSSH接続するまで」を実際に手を動かしながら解説していきます。 この記事に沿って進めると、EC2インスタンスの作成とEC2インスタンスへのアクセスができるようになります。インスタンスとは何か、SSHについて等わからない箇所は、前回の記事にまとめてありますので、そちらをご覧ください。 A

新卒ブログとは？ 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 UI/UXのデザインツールとして知られるFigmaですが、ホワイトボード機能を持つ「FigJam」に続き、今年6月に新たなプロダクト「Figma Slides」が登場しました。 もともとFigmaでスライドを作成していたのですが、Figma Slidesを使い始めてからはとにかく使い勝手が良く、手放せない存在になりました。 今回は、Figma Slidesの機能や使用感についてご紹介いたします。 Figma Slidesの特徴・機能 https://www.figma.com/ja-jp/slides/ スライドモード／デザインモードが切り替えられる Figma Slidesの一番の特徴は、基本的なスライド作成機能と高度な

新卒ブログとは？ 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 こんにちは、新米エンジニアのにっしーです。今回は、私がプログラミング学習にGitHub Copilotを取り入れた理由について、経験を交えてお話ししたいと思います。 「初学者がGitHub Copilotを使うと、AIに頼りすぎて自分が成長しないのではないか？」と考える方もいるかもしれません。実は、私も最初は同じような不安を抱いていました。しかし、実際に使ってみるとその考えは180度変わりました。今ではむしろ、初学者こそGitHub Copilotの導入を強くおすすめしたいと思っています。 なぜそう考えるのかの理由を、検証を交えて書いていこうと思います。 そもそもGithub Copilotとは？ GitHub Copil

こんにちは！ インハウスデザイナーのまっつーです。 Adobeのクリエイター向け年次イベント「Adobe MAX 2024」が2024年10月15日に開催されました。そこで発表された、PhotoshopとIllustratorの新機能やアップデート、もうチェックしましたか？ 今回の発表はワクワクするものばかりで、クリエイティブ作りがグーンと楽しくなりそうな予感です！ 実際に使いながら新機能とアップデート情報をまとめたので、ぜひチェックしてみてください。 Photoshopの新機能紹介 Firefly Image3モデルに対応！より高品質で詳細な画像生成が可能に 画像引用元：Adobe Blog 従来の生成塗りつぶしで使用されていた「Firefly Image1」モデルが「Firefly Image3」モデルにアップデートされました。 簡単なテキスト入力だけで、照明や影、遠近感なども自動で判

こんにちは！ インハウスマーケティング部のりこぴんです。 最近はさまざまな画像生成AIツールが台頭し、目まぐるしい進化を遂げていますね。 今回は、まるで一眼レフで撮影しているかのようにハイクオリティな画像が生成できる「ImageFX」をご紹介します！ しかも無料で使用できるという優れもの……。基本的な機能や使用する際のコツなども詳しく紹介しているので、ぜひ参考にしてみてください！ ImageFXについて ImageFXとは ImageFXとは、Googleが開発した画像生成AIツールです。 Googleの最新の画像生成AIモデル「Imagen 3」を搭載していて、生成できる画像品質の高さから最近とても注目が集まっています。 人物の顔や肌の質感、髪の毛の細部まで精密に表現され、実写と見分けがつかないほどハイクオリティな画像が生成できるようになりました。 2024年10月現在、Googleアカ

突然ですが、下記のバナーにはデザインのルール上あまり適切でないことが含まれています。 ・ ・ ・ みなさんはわかりましたか？ 「なにがよくないのかわからない……」という方は、ぜひこの記事を最後までご覧ください！ 今回は新米デザイナーさんに向けて、先輩からはじめに教わるデザイナーが覚えておきたい基本やポイントをご紹介します。レビュワーの立場にあるデザイナーの方も、デザインのチェックリストとして使っていただけると幸いです！ （すぐに答えが知りたい方はこちらをクリックしてジャンプ！） 今回ご紹介するのは、デザイナーなら誰もが一度は目にするような基本中の基本です。ただし、これらは「絶対的なルール」というわけではありません。経験豊富なデザイナーさんであれば、状況に応じてあえてこれらの基本を外すこともあると思います。 でも、覚えておいていただきたいのは、ルールを知った上で破るのと、知らずに破るのでは大

こんにちは、LIGの「生成AIコンサルティング」チームのかけるです。 LIGでは、AIを活用した企業のDX支援をおこなう「生成AIコンサルティング」事業のスタートに伴い、生成AI活用の専門家である梶谷 健人さんを戦略顧問としてお迎えしました。 先日、梶谷さんによる生成AIについて学ぶ社内勉強会を実施しました。今回は、社会人向けWebデザインスクール「デジタルハリウッドSTUDIO by LIG」を運営するデジタルエデュケーション部のメンバー向けに、生成AI×クリエイティブ領域の現状やデザインの未来などさまざまなパネルテーマでお話しいただきました。 本記事ではその勉強会の様子を一部お伝えします！ 「生成AI時代のデザインの未来について知っておきたい」「クリエイティブ領域の生成AI活用を模索したい」とお考えの皆さま、ぜひご覧ください。 株式会社POSTS代表 梶谷 健人 氏生成AIなどの先端テ

インハウスマーケティング部の井上です。 僕は普段の業務でスライド作成をする機会があまりないため、ちょっとボリューム感のあるスライドを作らなければいけない仕事がふってきたときなんか時間がかかりがちです。 「なんか効率化する方法ってないかな」と思っていたところ、「Plus AI」というスライド生成に特化したAIツールがXで話題になっているのを発見しました。 百聞は一見にしかずなので早速試してみることに。アウトプットの例をお見せすると、以下のスライドが約5分で完成しました。 自分がした作業としてはプロンプトを入力しただけ。内容はほとんど手を入れていない状態なのでブラッシュアップは必要なものの、ゼロからスライドを作成するよりもかなり楽でした。 そんな便利なPlus　AIですが、本記事の執筆時点では日本語で使い方を説明しているページがほぼない様子。そこで今回は、このアウトプットができるまでを例にしな

こんにちは、LIGの「生成AIコンサルティング」チームのかけるです。 ChatGPTやMidjourneyの登場によって、テキスト生成や画像生成に注目が集まっていましたが、最近では、「音声生成」の領域でも実務レベルで使える生成AIサービスが生まれ始めています。 今回は、数ある音声AIサービスのなかでも、実際に使ってよかった音声AI「ElevenLabs」の機能についてまとめてみました。 「ElevenLabs」とは？ 元Googleの機械学習エンジニアと元Palantir（ピーター・ティールが設立したデータ分析企業）のデプロイメントストラテジストの2人が創業。AIを活用した音声合成、音声変換、吹き替えを生成する音声AIプラットフォーム。最大の特徴として、元となるユーザーの声色やトーンの特徴を維持しながら、音声クローンを生成できる。 今後、生成AI時代のコンテンツ作りを模索していく上で、「E

2024年7月現時点では、無料トライアルを使用することもできます。生成できるデザイン数やエクスポートできる数に限りがありますが、試しに触ってみることができますのでぜひ試してみてください。 Galileo AIの始め方 Galileo AIの使い方は至って簡単。4ステップで登録が完了します。 1. 公式サイトにアクセス Galileo AI 公式サイトにアクセスし、右上のSign upをクリックしてください。 2. アカウントを作成 / Googleアカウントでログイン 次に、アカウント作成をおこないます。Googleアカウントでログインをおこなうことも可能です。画面の指示に従い、必要事項を入力してください。 3. 名前の登録 アカウント作成が完了すると、名前などの情報を登録する画面に遷移しますので、必要事項を入力してください。 必要事項記入の上、Continueをクリックすると料金表の画面

インハウスマーケティング部・SEO担当の井上です。 今年5月、Google検索でAIによる回答を表示する「AI Overview」が正式にリリースされるなど、SEO界隈においても生成AIはさまざまな影響を与えています。僕自身も普段の業務で生成AIを使用することが増えており、今や仕事に欠かせないパートナーとなりつつあります。 そこで今回は僕自身も普段使っている、ChatGPTを活用したSEO業務の効率化アイデアを9個ご紹介します。リサーチ、ライティング、分析・コーディングと用途別に分けてご紹介しますので、ご参考になると幸いです。 SEO関連のリサーチで活用する方法3選 1.キーワードのアイデアを出す SEO記事の制作にあたり、どんなキーワードを対策すればいいのかヒントをもらうのに活用しています。たとえば「Web制作のお問い合わせを伸ばすために必要なSEO記事のキーワードを教えて」のような簡単

こんにちは！　インハウスマーケティング部のりこぴんです。 昨今、動画生成AIが目覚ましく進歩し、さまざまなツールが登場しています。 そしてその中でも特に注目されているのが、2024年6月にLuma AIから無料で公開された「Dream Machine」です。 誰でも簡単にハイクオリティな動画を生成することができる動画生成AIで、そのクオリティの高さから一目置かれています。 今回はそんな無料で使えるのに高クオリティな動画が作成できるLuma AI「Dream Machine」の使い方や特徴について実際に使いながら解説します！ プロンプトも合わせて紹介しますので、ぜひ一緒に使いながら試してみてください！ Dream Machineってなに？ Dream Machineとは 動画生成AIといえば、Open AIの「Sora」や、中国発祥の「可灵（KLING）」などクオリティの高い動画を生成できる

Technology部の山岡です。この記事では、Webアプリケーション開発の際によく用いられるReactについて解説します。 Reactとは何なのか。どんな特徴があるのか。どうやって勉強すればいいのか。まだアプリケーションの開発に馴染みのない方や、プログラムを勉強したての方にもわかりやすくなるよう、適宜用語を噛み砕いて説明していきますので、ぜひご覧になってください。 Reactとは、Webサイトやアプリケーションの開発の際に用いられる、JavaScriptライブラリの一つです。Facebook社が開発し、2013年にオープンソース化されました。 Reactは、JavaScriptライブラリの中でもSPA（シングルページアプリケーション）の開発に特化しており、可読性やパフォーマンスの高さが評価されています。 Reactの特徴として、以下3つが挙げられます。 宣言的なソースコード コンポーネン

こんにちは、新米エンジニアのにっしーこと西澤です。 今年の4月からエンジニアになった私が直面している悩みがあります。それは、「綺麗なコードを書きたいけど、そもそも綺麗なコードがなんなのかがわからない。ルールもわからないから、どうしたらいいかわからない……」ということ。 同じ悩みを持っている方は多いんじゃないでしょうか？ そこでこの記事では、そんな悩みを解決してくれるESlintとPrettierについて紹介します！ なぜESlintとPrettierがおすすめなのか 導入するメリットはズバリ、ある程度のクオリティを保ちながらコードを書けるようになることです。また、コードが綺麗になることで可読性が高くなり、コードレビューの手間が減るなどたくさんのメリットがあります。 ESlintとは？ ESlintはJavaScriptやTypeScriptなどの静的解析ツールです。 と紹介されているのをよ

こんにちは。Webデザインスクール「デジLIG」でクリエイターを目指す受講生のメンターや転職サポートを行っている久保です。 デザイナーのなかでも高度なスキル・考え方が求められるUI/UXデザイナーという職業について、「今後なくなる？」と噂されている背景とその真意についてまとめてみました。 本記事では、スクール運営を通してさまざまな企業とも関わっているプロの目線で、UI/UXデザイナーの仕事が本当になくなるのか解説していますので、ぜひ最後まで読んでみてください。 最近、「UI/UXデザイナーは将来なくなってしまう」ということがいわれています。 はじめに断言しておきますと、答えは「NO」です。 ではなぜ高度なスキル・考え方が求められるUI/UXデザイナーという職業がなくなるといわれているのでしょうか。理由は大きく2つあります。 AI技術の発展 理由の一つ目はAIなど革新的な技術進歩により「自動

こんにちは、Technology部のジョシュです。 先月13日にリリースされた「ChatGPT-4o」は、ChatGPT-4の後継モデルとして、前モデルからの性能の向上や、新たに追加された機能に世界中から注目が集まりました。 そこで今回は、「ChatGPT-4o」と前モデルの「ChatGPT-4」の違いを深掘りし、それぞれの機能や性能、そして応用の可能性を詳しく解説します。 「結局、どっちのモデルを使ったら良いの？」「ChatGPT-4oは何ができるようになったの？」など、　ChatGPTの最新情報をキャッチアップしたい方はぜひご覧ください。 ChatGPT-4oの概要 ChatGPT-4oは、OpenAIの最新の生成AIモデルで、より強化された自然言語処理（NLP）機能を備えています。GPT-3.5とGPT-4をベースに、テキスト、音声、画像をリアルタイムでシームレスに統合処理します。

インハウスマーケティング部の井上です。 たとえば企画や資料作成など、デスクワークをしているなかで「調べる」「まとめる」という業務はしばしば発生しがちですよね。ときには沼にはまってしまい、「時間が無限に溶けていく……」「本来やるべき業務が手につかない！」といった経験をしたことがある人も多いのではないでしょうか。 こんなときこそ生成AIの力が必要だ！ということで、今回はリサーチやまとめの効率化に役立つ「Perplexity AI」（パープレキシティ）の使い方をご紹介します。 ※本記事の情報は2024年6月4日時点のものです。 Perplexity AIとは？ ▲Perplexity TOPページ　※有料プランの画面です 「Perplexity AI」（以下、Perplexity）は、元GoogleのAI研究者チームによって開発されたAI搭載の対話型検索エンジンです。 最大の特徴は、検索をベース

こんにちは、インハウスマーケティング部のかけるです。 生成AIによってライティング業務の効率化が進むなかで、「文字起こし」は生成AIが得意とする領域の一つです。 今回は数ある文字起こしAIのなかでも、実際に使ってみて良かった文字起こしAI「Gladia」について、その使い方や魅力をご紹介します！ 「Gladia」は精度が抜群 https://www.gladia.io/ まず前提として、Gladiaの文字起こしの技術には、OpenAIがオープンソースとして公開している文字起こしAI「Whisper」が活用されています。 Gladiaの大きな魅力は、なんといっても音声から文字を起こす（Speech-to-Text）際の精度の高さです。 一般的に、音声認識の精度は「単語誤り率 （WER）」という、その音声認識モデルが音声をテキストへ変換する際にどれぐらい間違えてしまったのかという評価尺度があり

こんにちは、デザイナーの花ちゃんです！ 最近Webサイト制作だけではなく、アプリ開発にも携わることが増えてきました。 その中で「Webサイト制作に似ているな〜」と思ったり、「あれ、ここは違う！」といった気づきがたくさんありました。前職ではソーシャルゲームのUIデザインを担当していましたが、Web業界に転職したときも、まったく同じことを思ったのを覚えています。 今回は、Webデザイナーの方がはじめて「アプリのUIデザイン」をするときに必要な知識や考え方、意識したほうがよいことを、フェーズごとにまとめてみました。 アプリにおけるUIデザインとは そもそも「UI」とは、ユーザーインターフェース（User Interface）の略で、日本語では「ユーザーとの接点・接触⾯」という意味になります。 UIはユーザーの目に触れ使用する部分すべてを指し、このUIを通してコンピューターとユーザーは情報のやりと

こんにちは！ インハウスマーケティング部のりこぴんです。 最近、さまざまな画像生成AIツールが話題になっていますよね。 今回は、IllustratorやPhotoshopなどAdobeツールとの連携が充実していて、経験やスキルを問わず誰でも簡単に画像生成ができる「Adobe Firefly」についてご紹介いたします。 画像生成AIをまったく触ったことがない方でもわかるように、Adobe Fireflyの始め方から使い方、また使用する際のコツを丁寧に解説いたします。ぜひ最後までご覧ください！ Adobe Fireflyってなに？ Adobe Fireflyとは Adobe Fireflyとは、Adobe社が提供する画像生成AIツールです。テキストを入力するだけで、誰でも簡単にクリエイティブな画像を生成することができます。 Adobeといえば、PhotoshopやIllustratorなどの画

こんにちは。デジタルエデュケーション部の田中天（@10TEN10TAN10）です。現在、私はデジLIG（デジタルハリウッドSTUDIO by）の運営を担当しています。 みなさん「コーディング」ってどんなイメージを持っていますか？ Web制作に必要なもの？ ずらずらと英語や数字が並んでいるもの？ なんだか難しそうなコーディングですが、コーディングを行いWebサイトに動きを付けることで、ユーザーを楽しませてサイトの滞在時間を伸ばすことができたり、リピート率を高くしたりもすることができます。 本記事では、そもそもコーディングとはなにをすることなのか、どんなときに必要になるのか、そして学ぶことのメリットをご紹介します。この記事を通して少しでもコーディングと仲良くなれればと思っています。 Webデザインのコーディングとは？ 必要なの？ Web制作において、見た目のデザインだけをしても、そのままではホ

インハウスマーケティング部の井上です。 LIGでは部署を問わず生成AIの活用に注力しており、私も日々の業務効率化に活用しています。 最近は3月に登場したAnthropic社の「Claude　3」（クロード）が話題になっていますね。個人的にもよく使用していますが、各モデルの性能を比較しているサイト「Chatbot Arena」でもGPT-4を抜き1位の座を獲得した経歴がある優秀なモデルです（※2024年4月11日現在は僅差でGPT-4が１位になっています）。 そんなClaude 3ですが、公式ユーザーガイドを見るとGPT-4とは異なるプロンプト作成のコツがあるようです。今回はClaude公式ページで公開されているプロンプトエンジニアリングのポイントをまとめ、より効果的な結果を得るためのプロンプト作成のポイントを紹介します。 コーディングにおけるGPT-4とClaude 3の性能を比較した記事

こんにちは、Technology部のジョシュです。 今日は、最近バズっている生成AIモデル「Claude 3」と「GPT-4」を比べてみましょう！ 生成AIが絶え間なく進化し続けるなかで、2024年3月に登場したAnthropic社の大規模言語モデルClaude 3。OpenAI社のGPT-4と比較され、多くの議論を呼び起こしています。 この記事ではこれら2つのモデルを深掘りし、それぞれの特徴、能力、そして生成したコードの結果を比較しながらご紹介します。生成AIのトレンドを知りたい方やAI開発に関心を持つ方々のご参考になれば幸いです。 GPT-4とClaude 3の概要 OpenAI社が開発した言語モデルGPT-4は生成AIを広めたモデルとして非常に有名で、様々なタスクをこなす能力があります。そんな中で3月に登場したAnthropic社のClaude 3は、いくつかの分野ではGPT-4を上

予想に反して、無記名の記事の方がAI度が低く判定されました。どうやら口調や語彙よりも、全体の文脈から個人の経験や感情が読み取れるかのウェイトが大きく影響するようです。 ▲無記名の記事より抜粋 その観点で見ると、無記名の記事は書き手の経験や知識がコンテンツに大いに反映されていて、書き手のパーソナリティがありありと伝わってきます。 ▲僕の記事より抜粋 一方、僕が以前書いた記事は一応自分が使っている画像編集アプリのことを載せたりしているものの、ネットで調べれば似たような情報が出てきますし、自分自身の経験や人となりが記事に活かされていません。単に一次情報を載せるだけでなく、「なぜ」「どのように」という視点も大切にして書かなければいけないなと痛感しました……！ ちなみにLIGブログでは無記名の記事でも、検索上位に表示されている記事が多くあります。そのほとんどがAIチェッカーを通してもAI度10〜40

こんにちは。マーケターのかけるです。 生成AIが話題になってからもう１年以上が経ちましたね。あらゆる領域で生成AIの活用が進みましたが、「オウンドメディア運営」においても、生成AIを活用することはとてもおすすめです。 そこで今回は、「オウンドメディア運営における活用術」と「生成AI時代にオウンドメディア運営で重要なこと」をまとめました。 「今年から生成AIを積極的にチームや自分の業務に取り入れていきたい」「オウンドメディアの生成AI活用を知りたい」という方にとって、少しでも参考になれば幸いです！ 生成AIをビジネスに活用したい方へ 生成AIをビジネスに活用するには、導入時に直面する課題・リスクについても考慮する必要があります。生成AIの活用をご検討中なら、こちらのページで紹介している生成AIコンサルティング・導入支援を得意とする会社へご相談してみてください！ オウンドメディア運営における生

こんにちは！ WebデザインスクールデジタルハリウッドSTUDIO by LIG（通称デジLIG）運営リーダーの秋山です。 今回は、UI/UXを学習する際におすすめの書籍をご紹介します！ 日々、デジLIGのトレーナーとして学習のサポートをおこなう現役デザイナーが、初学者に勧めたい本をピックアップしました。 また、独学の方法についてもアドバイスしておりますので、ぜひご覧ください！ UI/UXデザインが学べる本 今後デザイナーとしてのキャリアアップを目指す上で、避けては通れない「UI/UX」。 「UIやUXって大切ってよく聞くけどいったい何なのか分からない。難しそう……」という方も多いはず。 日々スクールで受講生をサポートしている現役デザイナーに、基礎から学べる初学者向けの本を選んでいただきました！ その理由とともにご紹介していきます！ ①オブジェクト指向UIデザイン