画像生成AI「Midjourney」でLINEスタンプを作ろう (1/3)
画像生成AIで好きなイラストを作るようになったら、ぜひやってみたいと思っていたのが今回取り上げるLINEスタンプの制作です。 そもそももっと以前からやってみたいと思ってはいたのですが、1枚、1枚絵を描いて、色を付けて、それをスタンプの形にして……と考えているうちに腰が重くなってチャレンジせずにいました。ですが、AIの力を借りれば、いとも簡単に制作できることが分かったので、今回は実際に私がスタンプを作って申請、公開に至るまでの過程をご紹介しましょう。 とはいっても、「Midjourney」を利用して作られたイラストは、現状、AIの学習素材の元となっているイラストや絵画データの取得先が開示されておらず、かなりグレーな状態になっています。本稿では、Midjourneyで生成したイラストをLINEスタンプの制作に利用しますが、あくまで個人利用を目的に制作していきたいと思います。 ※本記事は、5月3
天才プログラマー・オードリーさんがたった200行で効果的なアプリを作れる秘訣
天才プログラマー・オードリーさんがたった200行で効果的なアプリを作れる秘訣 オードリー・タン台湾デジタル大臣との対話 - 未曾有の危機に幅広く使える未来思考（後編） 2021年1月19日、『コロナ vs. AI 最新テクノロジーで感染症に挑む』（翔泳社刊）が発売されました。医師の起業家からAIの研究者・ITの先端技術コンサルタントによって執筆されており、コロナ対抗策としてのAIの社会実装事例・AI研究事例・医療研究事例をわかりやすくまとめられています。今回本書の発売を記念して、収録されている台湾のデジタル大臣、オードリー・タンさんへの特別インタビューから、一部内容をご紹介します。株式会社キアラ 代表取締役の石井 大輔氏による寄稿です。（前編はこちら）。 石井：今回の私の質問は少し技術的なことです。オードリーさんは天才プログラマーとして有名です。GitLab Taiwanのエンジニア友人か
リスニング能力をひたすら鍛え上げられるサイト「ELLLO 」
PCやスマホを使って、英語学習を時短にする便利なサービスやツールなどを紹介する連載。今回は、初心者から上級者まで、幅広くリスニング能力を向上できる「ELLLO」をご紹介します。 ELLLOは、「English Listening Lesson Library Online」の略で、読んで字のごとく、英語のリスニング学習に特化したオンライン学習サイト。3000以上という多くの無料のレッスンが用意されており、幅広いレベルの学習者が利用できる。もともと、日本で英語教師だったTodd Beuckens氏が創設したサイトで、2004年にスタートしたサイトだ。 メインの学習コンテンツは、ひたすら英語の音声を聞くというもの。スクリプトも用意されているため、聞き取れなかった場合も内容は把握できる。理想的なのは、スクリプトを見なくても聞き取れるようになることだ。 メインコンテンツとなるリスニングレッスンは、
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
Droboの仕組みが分からない？ ならば特許を見よう (1/4)
2015年から始めた本連載『プリンストンが販売する高機能ストレージ「Drobo」を活用しよう』だが、ついに2017年に突入した。当初は「半年くらいかなあ？」と考えていたので、これほど長く続けさせてもらえるとは思わなかった。ありがたいことである。Droboの各機種の紹介は、最新のエントリーモデルDrobo 5Cから、家庭向けというよりはSOHO向けに近いDrobo B810nまで網羅したし、プリンストンへの突撃取材もした。さて次はどうしよう？ と思案に暮れる昨年（2016年）末であった。 そうしたら、ASCII.jpの編集から「特許情報を元にBeyond RAIDの解説してください」とのオーダーが。マジかよ…… 以前調べてみようと思って、特許公告の資料はダウンロード済みだったのだが、70ページもあるうえに、当然英語だし……。 日本語でも英語でも特許公告の文書というのは、たいがい分かりづらいの
ReactとAngularのいいとこ取り？ 2017年こそ学びたいVue.jsの始め方
Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをチュートリアルを通じて特徴をまとめました。2017年、新しく学び始めるきっかけにどうぞ。 2016年9月、人気のJavaScriptフレームワークVue.jsがv2をリリースしました。それ以来ぜひ使ってみたい、どのようなものか知りたいと思っていました。AngularとReactを使い慣れた者の1人としては、Vueが似ているところや違うところも知りたかったのです。 Vue.js 2.0はすばらしいパフォーマンスを誇ります。データサイズが比較的小さく（バンドルされるVueのランタイム版は一度最小化してgzip圧縮したら16KBしかありません）、Vueのvuexや、vue-routerのような付属の状態管理ライブラリーもアップデートされました。1つの記事ではと
さくらインターネット、超高速WordPress環境「KUSANAGI」を「さくらのVPS」で実行可能に
さくらインターネットは10月31日、プライム・ストラテジーが開発した超高速WordPress仮想マシン「KUSANAGI（くさなぎ）」を「さくらのVPS」で実行できる「KUSANAGI for さくらのVPS」の提供を開始した。 KUSANAGIは、WordPressを高速に動作させるための仮想マシンおよびそのイメージ。WordPressの実行時間3ミリ秒台、秒間1000リクエストをページキャッシュ非使用で実現するという。 KUSANAGI for さくらのVPSでは、さくらのVPSのコントロールパネルから、「CentOS 7（64bit）」上に「KUSANAGI」がインストールされたサーバーを簡単に作成可能だとしている。追加料金不要で導入可能なため、企業のウェブサイトはもちろんのこと、個人のブログにおいても、より快適にWordPress環境を利用できるという。
WordPressコアコントリビューターに聞く「ぼくのかんがえた最強の開発環境」
WordPressで開発をするなら、いまどきどんなツールを使うのがいい？ WordPress専門のデベロッパーであり、コアコントリビューターでもあるMatt Geriさんがおすすめるする、最高の開発環境とは？ 近年、WordPressによる開発は大きな進展を遂げています。特に、ツールに関しては。以前は、WordPressでサイトを構築しようものなら、ほぼ確実にMAMP/WAMPのローカルホスティングの設定をしなければならず、それはもう悩みの種でしたよね。ひょっとしたら、本番の状態でサイトの開発を進めなければならなかったりしました。 そう、私もその一人でした。 幸い、時代は変わり、いまではそんな頭痛の種や反復作業を取り除くツールが出てきました。 WordPress開発業者としてフルタイムで開発をしていた私は、WordPressから離れて丸3年後の2015年12月、再びフルタイムのWordPr
最高99％の正答率、ハトによる乳がんの発見方法が開発される
sponsored アスキー編集者が最高の「息抜き」をしてきた 居酒屋さんで飲む「サントリー生ビール」が最高にうまい理由は？ sponsored キャンペーン期間は2024年8月26日まで BTO PCが4万円近く安くなることもある!? サイコム夏キャンペーンの必見カスタム構成 sponsored LCDパネル＋ARGB LEDファン＋冷却性能重視の設計がウリ 猛暑日でも高負荷ゲームをしたいなら高性能の水冷CPUクーラーを選ぼう、「MPG CORELIQUID D360」徹底テスト sponsored X-500（JN-IPS24X500FR-H-C6）をレビュー 500Hzディスプレーの実力を14900KF＆RTX 4090搭載PCで絞り出す！ 合計約80万円でロマンを追求 sponsored 簡単アプリ操作でBluetooth、AirPlay 2、USB Type-C、AUXに接続可能
想像以上にヤバかった「7つの習慣ボードゲーム」 (1/5)
sponsored アスキー編集者が最高の「息抜き」をしてきた 居酒屋さんで飲む「サントリー生ビール」が最高にうまい理由は？ sponsored キャンペーン期間は2024年8月26日まで BTO PCが4万円近く安くなることもある!? サイコム夏キャンペーンの必見カスタム構成 sponsored LCDパネル＋ARGB LEDファン＋冷却性能重視の設計がウリ 猛暑日でも高負荷ゲームをしたいなら高性能の水冷CPUクーラーを選ぼう、「MPG CORELIQUID D360」徹底テスト sponsored X-500（JN-IPS24X500FR-H-C6）をレビュー 500Hzディスプレーの実力を14900KF＆RTX 4090搭載PCで絞り出す！ 合計約80万円でロマンを追求 sponsored 簡単アプリ操作でBluetooth、AirPlay 2、USB Type-C、AUXに接続可能
ネットで注目のソニーのテレビスピーカーに圧倒的な家電感を見た (1/3)
お手元テレビスピーカー「SRS-LSR100」は、ソニーが作ったテレビ用リモコン一体型ワイヤレススピーカーです。 一部ネット関係者の間では、薄型テレビの音質やお年寄りの聴力についておそらく認識がないフランス人ライターの記事と、その翻訳を掲載した日本国内向けの媒体によって知られることになった製品です。 あ、別に同業者をディスっているわけではありませんので、そのへんよろしくご理解ください。 なによりそれを契機に「コレうちにも欲しい」「実家の親に買って送ってやろう」などいう、親不孝者どもの声が私の身の回りからも聞こえ始めてきており、私自身が身近に感じている問題も解決しそうな勢いです。 価格は直販で2万1470円。そんなに安い買い物でもありません。では、親不孝者が思わず買ってしまう理由は何なのか。 薄型テレビは人の声が聞き取りにくい たとえば、うちの階下の老夫婦もそうなのですが、時折テレビの音声が
明朝体は絶滅するのか？ AXIS Font生みの親の挑戦
「明朝体はこのままだとあと20年もすればこの世から消えてしまうかもしれない」。独立系フォントベンダーであるタイププロジェクト社長の鈴木功さんはそう語る。鈴木さんはタイプデザイナーであり、デザイン業界で評価の高いAXIS Fontの生みの親として知られる人物だ。 事実、明朝体を目にする機会は激減している。PCのWebブラウザーはもちろん、スマートフォン、タブレットといったデバイスの基本フォントはいずれもゴシック体。ニュースは新聞ではなくニュースサイトやアプリでチェックし、知りたいことは本ではなくググるかFacebookで尋ねる時代。紙媒体ですら、ゴシック体で堂々と本文を組む書籍が増えた。私自身、Web業界の経験が長い新人編集者に、明朝体で組まれた新刊のゲラを「なんか読みづらい」と言われてしまった経験がある。 「気持ちが悪い」から始まった、明朝体の居場所作り 6年前。鈴木さんには忘れられないエ
SVG線画が美しいリッチアニメーションの作り方 (1/2)
ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素
コスパ最強！ 2万のイヤホンが12万円の「K3003」に匹敵する？ (1/4)
「うわっ、これはヤバイものが出ちゃったなぁ」 それが「DUNU DN-1000（以下、DN-1000）」を耳に押し込んだ直後の感想です。発売されてしばらく経ち、何度も聴き直しましたが、やはり2万円ちょっとの予算で、コレに勝るものを探し出すのは難しいでしょう。 イヤホンに12万円以上を拠出する財力、およびそうすべき聴覚へのプライオリティーをお持ちなら、私は迷わずAKGの「K3003」をおススメします。が、あまり上を見ても仕方ないと諦めるなら今がチャンスです。 だってDN-1000があるんだもの。ハイブリッド型イヤホンで現在もっともコストパフォーマンスの高い製品ではないかと思われます。東京・中野のフジヤエービックさんで2万1800円。ちなみにAKG K3003は同店で12万7500円。 高級イヤホンの世界に手を出したいというなら、DN-1000がイチオシであります。もう高級イヤホン飽きたぞとい
ASCII.jp：たった4行で電話が作れるAPI「Twilio」とは？ (1/2)｜Twilioではじめるクラウド電話開発
Twilioは簡単に言うと、「Webから電話を簡単に操作できるAPI」です。ほとんどの連絡をメールやSNSで済ませるようになった昨今、「いまさら電話？」と思った方もいるかもしれません。しかし、エンジニアの視点から、またサービス企画の視点から見て、Twilioは実に多くの可能性を秘めたAPIなのです（筆者もまた、その可能性に注目している1人です）。 Twilioを使うと何ができるのか？ どんな可能性があるのか？ その魅力を、連載を通じて紹介しましょう。 まずはTwilioを体験してみよう Twilioとはどんなものなのか？ まずは手元の携帯電話などから以下の番号に電話をかけてみてください（通話料がかかります）。 電話につながると、ややぎこちない女性の声でメッセージが流れたと思います。実はこの自動応答システム、Twilioを使って、たった4行のコードだけで実現されています。 <?xml ver
HTML5で注目！インラインSVGの使い方 (1/5)
HTML5ではビットマップ画像を手軽に扱える「Canvas」が話題ですが、「SVG」も画像関連で注目したい新技術です。HTML5ではInline SVG（インラインSVG）がサポートされ、HTML内にSVGを直接記述できるようになるのです。 今回のJavaScriptラボは、Firefox 4、Google Chrome 7、Internet Explorer 9を対象に、インラインSVGの使い方とJavaScriptによる制御方法について解説します。全部で3回に分けて、最終的には簡単なシューティングゲームを作成します。 SVGとは？ SVG（Scalable Vector Graphics）は、名前のとおりベクター形式の画像フォーマットです。ベクター形式とは、点と点で結ばれた線で図形を表す方法で、アプリケーションでいえばIllustratorがベクター形式を採用しています（Photosh
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
PCスピーカーに“革命”起こした、元ソニーのピュアオーディオ屋 (1/5)
オーディオブランド「Olasonic」に小型の新型スピーカー USBバスパワーでも10W＋10Wの大音量が味わえる 日本のオーディオブランド「Olasonic」が、新しいPC用スピーカー「TW-S5」を発表した。USBポートにつなぐだけで音が鳴る、お値段8800円の小さくてお手頃なスピーカーだ。しかし、だからといってなめてはイカンのである。 Olasonicと言えば2010年4月発売の「TW-S7」が、ネットを中心に口コミで評判となった。曰く「安くて、小さくて、音がものすごくいい」と。TW-S5は、そのヒット作に続いて開発されたもの。スピーカーの口径を6cmから5センチに落とし、エンクロージャーの容積を半分にして、設置性に加えて携帯性も持たせた。それ以外はほぼ同じ内容。 小さい方が「TW-S5」、大きい方が「TW-S7」。大きさの他に「足」の部分が異なる。TW-S5は台座が固定。TW-S7
日本のネットシーンに天才現る――M.Kitasonoの衝撃 (1/5)
ついに日本のネットシーンに天才現る。あなたはM. Kitasonoと名乗るミュージシャンの曲を聴いたことはあるだろうか？ まだなら今すぐこの曲を聴いていただきたい。 ざくろ（宅録ポップス） by M.Kitasono 作者は1990年生まれの22歳。打ち込みのドラムを除き、ボーカルも含めすべてのパートを自分で演奏し、多重録音で仕上げている。USにはPomplamoose、Jack Conteがいる。じゃあ日本には誰が？ と問われれば、今なら即座にM. Kitasonoと答えるだろう。 日本のネット音楽シーンも、すでに商業音楽と同じように、いかに多くの人に聴かせるかというアプローチが常識になっている。テレビに迫るマスな聴き手がそこに存在する以上、それはごく当たり前のことだ。 そこに突如、飄々とした態度で、ものすごい異物が丸腰でやってきた。それが私のM. Kitasonoさんに対する印象だ。作
JavaScriptで振り分けてスマホサイト完成！ (1/5)
スマートフォンサイトの設計・デザイン、HTML5+CSS3による基本的なマークアップについて前回までに解説してきました。今回はページ内の要素にリンクを設定してスマートフォンサイトを仕上げます。 ページ内リンクを張る 今回制作しているスマートフォンサイトは、ページ内の各コーナーに移動できるナビゲーション（ジャンプボタン）を設置しています。まずはジャンプボタンにページ内リンクを設定しましょう。ページ内リンクは、PCサイトと同様、リンク先の要素にID属性を振り、a要素を次のように記述します。 <ul class="clearfix"> <li><a href="#access">アクセス</a></li> <li><a href="#tel">電話</a></li> <li><a href="#mail">メール</a></li> </ul> ボタン全体にリンクを貼る ページ内リンクを設定したサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
