【2020年版】無料＆商用利用可能なイラスト画像を提供するWebサービス8選を大公開！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Webサイトやブログなどで有効活用できる無料のイラスト画像を提供するサービスを厳選してご紹介します。 いずれも個人利用はもちろん、商用利用もOKなイラスト画像ばかりなうえ、ユーザー登録も不要なので手軽にダウンロードして使うことができます。 Webサイトに効果的なアクセントを追加したい人も含めて、ぜひ参考にしてみてください！ 【 Open Doodles 】 印象的なデザインのイラスト画像を無料で提供しているのが「Open Doodles」です。 PNG / SVG形式の画像ファイルをダウンロード可能で、さまざまな用途のWebサイトやブログなどで有効活用できるものばかりです。 たとえば、Webサイトの単純なテキストであっても、以下のように画像を配置するだけで効果的なアクセントになるわけです。 また、ジェネレーター機能も提供されており、自分
Switch版「世界樹の迷宮II」をプレイし，オリジナル版からの変化と進化を確かめる。冒険の緊張感はそのままに，遊びやすさが大幅アップ
Switch版「世界樹の迷宮II」をプレイし，オリジナル版からの変化と進化を確かめる。冒険の緊張感はそのままに，遊びやすさが大幅アップ ライター：蒼之スギウラ 2023年6月1日は，アトラスの「世界樹の迷宮」シリーズファンにとって大きな1日となるだろう。ニンテンドーDS用ソフトとして発売されていたシリーズ1作目から3作目までのHDリマスター版を収録した「世界樹の迷宮I・II・III HD REMASTER」（Switch / PC。以下，HDリマスター）がリリースされるからだ※。 世界樹の迷宮は，4作目でプラットフォームをニンテンドー3DSに移して以降，ナンバリングのほかにもリメイクやスピンオフ，コラボ作品などさまざまな展開をみせ，アトラスの看板ゲームの1つとなったシリーズ作品だ。1作目から遊ぶ環境を揃えるのは少々骨が折れるのもあって，それだけにHDリマスターの登場は，古くからのファンはも
好評のうちに全12話の放送を終えたアニメ「映像研には手を出すな！」を手がけた湯浅政明監督に、どういったスタンスで作品制作に挑んだのか、あのマンガをどのようにアニメに変換していったのか、オオルタイチさんの音楽とはどう合わせていったのかなど、放送が終わったからこそまとめて出せるような話をいろいろと伺ってきました。 TVアニメ『映像研には手を出すな！』公式サイト http://eizouken-anime.com/ なお、インタビューは3月に実施したもので、湯浅監督には撮影のタイミングでマスクを外してもらっています。 Q： 湯浅監督は原作をもともとご存じであるという話がありました。 湯浅政明監督(以下、湯浅)： はい。エゴサで…… Q： エゴサ(笑) 湯浅： 「湯浅がアニメ化するといいんじゃないか」みたいな話を見たので、原作を買って読んでみたら面白かった。それで「サイエンスSARUでアニメ化でき
「新宿ED」って、本当は浜崎あゆみと歌合戦する予定だった？『ドラッグ オン ドラグーン』に救われた中学生がゲーム業界に入り、ヨコオタロウから「ゲーム作り」を教わるまで
DODがきっかけでゲーム業界に入り、ヨコオタロウに出会う──近年のゲーム業界では、若手がディレクターを任されることが少なくなってきましたよね。そんな中にあって、20代からディレクターを任されている林さんが、ゲームを作るにあたって「ヨコオさんからゲーム制作の技術をいろいろとお聞きした」という話を聞いたんです。 いったい、どんなやり取り＆アドバイスがなされたんだろう？というのが気になって。今日は、そのあたりのお話をお聞きできればと思っているんです。 ヨコオタロウ氏（以下、ヨコオ氏）： あぁ、実際の林さんはもうとっくに権力者になっているにも関わらず、相変わらず「チャレンジャー」的なルックで売っていこうとしている部分の話をすればいいんですね。今のところ、ちゃんと文章にしてください。大事な部分なので。 一同： （笑）。 林 風肖氏（以下、林氏）： ……僕はもともと、ゲーム業界に入る以前からヨコオさん
VRChat口伝ノウハウ結構膨大にある気がするので、思いつくものを一度一括で吐き出してみようというやつです。 これを読めばVRChatの全てが分かる！！（大嘘 基本的にリンク集+αという感じですが、めちゃくちゃ色々手を広げて書いているので間違ってるとこ見つけたらコメントに書いてください。 なおこの記事はVRChat Advent Calendar 2020の6日目、VRChat Advent Calendar 2021の9日目のやつです。 adventar.org adventar.org 2021年色々更新してきて8万文字も超え、情報が当初の倍ちかくにはなったんじゃないかと思います。2022年もやっていくぞ。 本記事以外の「すべて」 本記事は主にVRChatに入ってからの生活面にフォーカスしたものですが、本記事以外の「すべて」系記事もあるのでご活用下さい。 「VRChatのアバタートラブ
2020年5月26日 Webデザイン, インスピレーション Webデザインを学ぼうと思っても、オンラインで学べるのはHTMLやCSSのコーディングであることが多く、デザイン自体を学べるサービスは結構少ないです。そこで今回は無料でデザインを学んだり、作品制作の手助けをしてくれるサービスを紹介します。 ↑私が10年以上利用している会計ソフト！ chot.design chot.designは無料で学べるデザインの学習サイト。レッスンは5〜10分程度で読めるので、スキマ時間を使って勉強できます。名刺制作やバナー制作など、初心者が取り組みやすいものが多い印象。レッスン自体は無料ですが、会員登録すると進捗確認ができたり、Q&Aフォーラムで質問できるようになります。まずはここからはじめてみるといいですね！ カリキュラム内容一例 バナー制作テクニック アイコン制作テクニック 名刺制作テクニック UI/U
「ハンバーガーちゃん絵日記」でTwitterを中心に話題となっており単行本も発売した漫画家「ハンバーガー」さんに、ネットのみんなから集まった質問をぶつけるインタビューを敢行しました！ Twitter上で「ハンバーガーちゃん」を主人公とした絵日記を2年半以上にわたって発表し、現在は『忍者と殺し屋のふたりぐらし』『ハンバーガーちゃんのまんが道。』などのマンガ連載もしている漫画家・ハンバーガー（@hundredburger）さん。 今回はハンバーガーさんに、ネットのみんなが気になっていることを聞いてみるインタビューを実施しました！ ハンバーガーさんに訊ねた質問は、Q＆Aサイト『コロモー』で募集しています。 [blogcard url=”https://coromoo.com/question/76924″] ――今日はよろしくお願いします！ 「コロモー」に、もう100件以上の質問が集まってるので
Googleスプレッドシートが高度なWebサイトに大変身するノーコードサービス「Siteoly」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、普段から使い慣れているGoogleスプレッドシートを高品質なWebサイトに変換できるWebサービスをご紹介します！ ユーザーがやることはセルの値を変更するだけというお手軽さと、Webサイトのレイアウト構成を細かく変更したり上級者向けにJavaScriptやCSSを編集する機能も無料で提供されているのが特徴です。 手っ取り早くクオリティの高いWebサイトを作成したい人にも最適なので、ぜひ参考にしてみてください！ 【 Siteoly 】 ■「Siteoly」の使い方 それでは、「Siteoly」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページにアクセスして、画面上部にある【Login】ボタンから無料のユーザー登録をしておきます。 Googleのアイコン部分をクリックしてください。 するとアカウント選択画面が表示
広告完全シャットアウトでiPhoneのブラウジングがめちゃくちゃ快適＆通信量も大幅に節約可能な最強ブロッカー「280blocker」の威力を試してみた
スマートフォンでブラウジング中に、デカデカと表示される気色悪い美容系の広告やスクロールしても画面に居座るしつこい広告にうんざりした経験がある人は多いはず。インターネット上の広告は興味のあるコンテンツやサービスと出会う機会になることもありますが、多すぎるとスマートフォンの通信量やバッテリーの消費につながるほか、子どもには見せたくないアダルト広告も中には存在します。 App Storeの有料アプリランキングで3年連続1位を獲得した最強の広告ブロッカーこと「280blocker」は、iPhoneやiPadにインストールするだけでブラウザの広告を根こそぎ非表示にできる上に、日本のサイトに特化しているので普段アクセスするサイトの広告をいち早くフィルターに自動追加してくれるコンテンツブロッカーアプリです。一体どれほどインターネットサーフィンが快適になるのか気になったので、実際に使ってみました。 280
タイピングランド 公式サイト
教育現場で使われています 学校や企業でのご利用が増えています。 今もご利用を迷われている皆様にオススメの理由をまとめました。 オススメの理由はこちら バッジを集めよう レッスンで良い結果を出したり、特別な条件を達成するとバッジがもらえます。 全150種類のコンプリートをめざしましょう。 それぞれのバッジは自分のアイコンにも設定できます。 チャレンジモード レッスンでタイピングに慣れたらチャレンジモードに挑戦しましょう。 タイピングのはやさと正しさでスコアが決まります。 文章は用意されたものだけでなく、自作の文章でも練習できます。 ぶんしょう作成 特別なゲームも収録 このアプリを気に入ってくださった方には作者への寄付をお願いしています。 アプリ内で寄付していただくと、特別なミニゲーム「タイピングソード」がプレイできるようになります。（STEAM版は同梱） Microsoft Store 版で
誰でもPWAやWebアプリを作り放題のNoCodeサービス「Adalo」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単にPWAやWebアプリをビジュアルエディタで開発できるWebサービスをご紹介します！ 「Adalo」は、最近人気が高まっているプログラミング不要のNoCodeサービスの一種ですが、なかでも直感的に操作ができて理解しやすいシンプルな設計なのが特徴です。 これまでアプリ開発を諦めていた人やオリジナルアプリの開発に興味ある方はぜひ参考にしてみてください！ 【 Adalo 】 ■「Adalo」の使い方 それでは「Adalo」の基本的な使い方から見ていきましょう！ まずはサイトにアクセスして【SIGN UP】ボタンから無料のユーザー登録を済ませておきます。 メールアドレス・パスワード・ユーザー名を入力すれば完了です。 すると開発したい種類を聞かれるので、今回は「Native Mobile App」（スマホアプリ）を選択してみましょう。
Nintendo Switchのソフト、Zumba® de 脂肪燃焼！を使いダイエットしました。ストロングゼロをやめることができず、暴飲暴食の限りを尽くしてきたおじさんの31日間の記録です。 「patoさん、ダイエットしましょう！」 それは編集部からの突然の提案ではじまった。 皆さんはこのような経験があるだろうか。 他者から唐突に「ダイエットをしろ」と提案されるのだ。挨拶があるわけでもなく、ワンクッションあるわけでもなく、遠回しに言うのでもなく、突如として「ダイエットしろ」である。これは道行く人にすれ違いざまに突如として「お前はデブだ」と言われているのとそうそう変わらない。あまりに唐突すぎる。よくよく考えたらなかなか失礼だ。 こういったものは非常にナイーブな内容を含むものだ。だから、きちんと時候の挨拶を絡めて手順を踏んで提案するべきである。 「吹く風もすっかり夏めいてまいりましたが、pat
鈴木たかのり（@takanory）です。今月の「Python Monthly Topics」では、Python製の静的サイトジェネレーターSphinxを使用してWebサイトを構築し、テーマを適用、外部へ公開する流れについて紹介します。後半ではSphinxの便利な拡張機能を紹介し、Webサイトをより便利にしていきます。 Markdownでドキュメントを書くだけで、きれいなWebサイトが簡単に公開できるので、ライブラリのドキュメントなどでもよく使われています。 Sphinxとは SphinxはPython製の静的サイトジェネレーターです。静的サイトジェネレーターとは、Markdown等の軽量マークアップのテキストファイルから、静的なWebサイトを生成するアプリケーションのことを言います。Python製の静的サイトジェネレーターにはSphinxを含め以下のツールなどがあります。 Sphinx：h
前回のObsidianの紹介を見て、「Obsidianを使ってみたい」と感じた方はダウンロードしてインストールしてみましょう。今回は、Obsidianの初期設定に加え、プラグインの導入について紹介します。 Obsidianを使ってみる インストールするには Obsidianはローカルで動くアプリなので、インストールが必要です。Windowsの場合は、通常のアプリと同じように公式サイトからダウンロードしてインストールします。以下のサイトにアクセスして、「Get Obsidian for Windows」を押すとダウンロードできます。 Obsidian公式サイト ダウンロードした実行ファイルを開くと、次のような画面が表示されます。英語で表示されていますが、画面下にある言語を選択する部分で「日本語」を選択すると、表示が日本語に変わります。文字が中国語のフォントで表示されますが、設定画面にてフ
この記事では、Webデザインやグラフィック制作がぐっと快適になる、最新便利オンラインツール、無料デザイン素材をまとめています。 これらのツールやサービスを利用すれば、これまで面倒だった作業も手軽に、そして短時間で行うことができ、普段のワークフロー改善にもつながります。用途や目的に応じて、お好みのツールを見つけてみましょう。 Web制作をもっと快適に！便利な最新オンラインツールまとめ CSS 3D Transform Examples 遠近感を利用した、奥行き感のある３DデザインをCSSで表現するサンプル集。コードをそのままコピーできるので、カスタマイズも自由自在。 BGJar ウェブサイトの背景デザインに適した、SVG画像をオンライン上で手軽に作成できる無料ツール。ボタン操作のみでカスタマイズを自由に行うことができ、商用利用にも対応しています。 VvvebJS 人気フレームワークBoots
はじめに 今回の記事では、普段のプログラマーの開発の生産性を向上させてくれる画期的なWebサービスを18も紹介する。個人の独断と偏見で紹介しているので、今回の記事で紹介しているものはあくまで一例にすぎない。 知っているだけで開発の生産性を急激に高めてくれるWebサービスは存在する。今回の記事を通して1つでも気になるWebサービスを見つけることができれば非常に幸いである。 CSSGradient CSSで作れるグラデーションをまとめたサイト。1,000以上の種類から自分の好みのグラデーションを選べる。 Fontjoy 自分が制作するWebサイトに最適な組み合わせのフォントを選ぶ上で役立つ。主にデザイナー向けに作られたWebサイト。ポートフォリオサイトに使うフォントを選ぶ際に参考になるだろう。 Readme.so Markdownとテンプレートを活用して、自分が開発したプロジェクトのREADM
はじめに はじめまして、@nkato_です！ 普段は機械学習寄りのソフトウェアエンジニアとして、PythonでMLパイプラインを記述したりGoでバックエンド処理を記述しています。 便利アプリや各種ツールの拡張機能が好きで、これまでにも様々な機能を取り入れて試してきました。 自社エンジニア向けにそういったツールを共有したいと思ったのですが、どうせなら公開情報としてQiitaに投稿しようと思い立ち、まとめてみることにしました。 量は多いですが、どれもおすすめです！ アプリ Alfred ショートカットキーで検索窓を開いて、アプリ名で検索してアプリを起動するやつ アプリの起動以外でも、ファイルを開いたり計算したりできる 僕はアプリはAlfred経由でしか開かないので、ドックもランチャーもあまり使ってない App Storeのやつは古いので公式サイトからダウンロードする The Unarchive
JavaScriptの活躍の場を広げる「ランタイム」の今
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
Steam Deckでゲームだけじゃなく音楽もプレイしてみよう！ COSIOが教える初歩からのDJ入門 ライター：COSIO 誰しも“憧れの職業”というものがある。 スポーツ選手やタレント，今だとYouTuberやVTuberもそうだろう。 私・COSIOにとっては，DJこそが憧れだった。 たまたまDJの真似事をする機会に恵まれたのが，大学生時代だ。 そのときの「好きな音楽を流すことで仲間と一緒に盛り上がる」という体験はかなりの衝撃で，それ以来「いつかちゃんとしたDJとして人前に立ちたい」とずっと思っていた（あと，単純にDJってモテそうじゃん？）。 DJとしてステージに立つには，楽器ほどではないがカッコよくプレイするための技術が必要になる。当然，技術がいるということは練習が必要だ。 練習するには機材がいる。当時，DJ用の機材は楽器と同じくらい高価で，しかも嵩張るものだった。そこに手が届かず
50以上の言語に対応！何でも開発可能な無料のクラウドIDE「Repl.it」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、多彩なプログラミング言語を活用したプロジェクト開発ができる無料のクラウドIDEをご紹介します。 HTML / CSS / JavaScriptを利用したフロントエンド開発から、Node.js / Python / PHP / Ruby / GOなどを使ったバックエンド開発まで、さまざまな言語を利用した開発環境がブラウザ1つで完結できるのが特徴です。 他にも、GitHub連携や複数人とコラボなども可能なので、ご興味ある方はぜひ参考にしてみてください！ 【 Repl.it 】 ■「Repl.it」の使い方 それでは、「Repl.it」をどのように使うのか詳しく見ていきましょう。 サイトのトップページにアクセスしたら【start coding】ボタンをクリックしてください。 プログラミング言語を選択する画面が表示されるので、好きな言語を選びま
選択肢を表示して結果を分岐させるインタラクティブなストーリー分岐型小説やYes/Noチャート・ゲームブックなどを、簡単に作成できるツールが「Twine」です。Twineはプログラミングの知識なしで使うことができ、オープンソースとなっており無料でダウンロードできるので、どんなツールなのか実際に使って確かめてみました。 Twine / An open-source tool for telling interactive, nonlinear stories https://twinery.org/ 実際にTwineでYes/Noチャートを作成すると、ブラウザ上で以下のムービーのように表示されます。 ゲームブック制作支援ツール「Twine」を使って作ったHTMLファイルはこんな感じ - YouTube 目次： ◆インストール手順 ◆Twineの使い方 ◆インストール手順 まずはtwineの公式
リンクだけで誰でも好きなWebページを即座に作成＆公開できる「elink」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、好きなWebページやSNS投稿などのリンクを活用するだけで、さまざまなジャンルのWebページを作成＆公開できるサービスをご紹介します。 ポートフォリオ、ショップ、ビジネス、プロフィール、プレス向けなど、さまざまな用途に対応できるWebページを短時間で誰でも作成できるのが大きな特徴でしょう。 フリーランスの方が自分をアピールするのにも最適なので、ご興味ある方はぜひ参考にしてみてください！ ちなみにポートフォリオについては、paizaラーニングでも「ITエンジニアの就活準備編2: ポートフォリオ制作」という動画講座を無料で公開していますのでチェックしてみてください。 【 elink 】 ■「elink」の使い方 それでは「elink」がどのようなサービスなのか実際に使いながら見ていきましょう！ まずはサイトのトップページにあるボタンをクリッ
ヘッドレスCMS + S3 静的ウェブページで記事投稿システムをサクッと実装してみた（microCMS + Amazon S3） | DevelopersIO
はじめに みんなが大好きな Amazon S3 の「静的ウェブサイトホスティング」。 サーバー不要でお手軽にウェブページを公開できる便利な機能ですが、HTMLを触らずにちょっとしたお知らせなどを更新できるようにしたい、というケースも多いと思います。 今回はそんな用途にぴったりの「ヘッドレスCMS」を利用して、S3 でホスティングしている静的ウェブページに管理画面から記事を投稿できるシステムを、1 時間ほどの作業でサクッと実装してみました！ ※本記事では「とりあえず動くシステム」をできるだけ簡単に、最短で体験することを目指しているため、セキュリティやフロントエンドの実装技術については掘り下げていません。 ヘッドレスCMSとは？ CMS（Content Management System）とはユーザー管理、記事の投稿、データベースなどがセットになったコンテンツ管理システム全体を指します。 最も
ノーコードで万能型のチャットボットを自由に開発できる「Joonbot」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ノーコードで誰でも簡単にチャットボットを作成＆公開できるWebサービスをご紹介します。 基本的な機能はすべて無料で利用可能なうえ、直感的に操作できる編集エディタと高度なロジックを組み立てられる機能を合わせ持ったスグレモノです。 ほとんどのケースに対応できるチャットボットをすぐにでも作成できるので、ご興味ある方はぜひ参考にしてみてください！ 【 Joonbot 】 ■「Joonbot」の使い方 それでは、「Joonbot」をどのように使えばいいのか詳しく見ていきましょう！ 最初にトップページからメールアドレスを入力して、無料のユーザー登録をしておきます。 ユーザー名・メールアドレス・パスワードを入力するだけなので簡単です。（Googleアカウントでのログインも可能） テンプレートの選択画面が表示されますが、ひとまず画面左上にあるリンクをク
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
シリーズ：ファスト映画 第1回 ［バックナンバー］ 「ファスト映画問題から考える映画の未来」映画感想TikToker・しんのすけインタビュー “引用”の線引は？動画クリエイターの萎縮と視聴者の疑心暗鬼 2021年7月5日 13:22 2619 76 × 2619 この記事に関するナタリー公式アカウントの投稿が、SNS上でシェア / いいねされた数の合計です。 911 1614 94 シェア 6月下旬、“ファスト映画”と呼ばれる違法な動画をYouTubeに公開したとして著作権法違反の疑いで男女3名が逮捕された。映画の映像や静止画を無断で使用し、字幕やナレーションを付けた10分ほどの動画でストーリーを最初から最後まで明かすファスト映画。その数は巣ごもり需要が広がったコロナ禍の昨春から急増した。映画本編を観ないことにつながる可能性もあり、業界団体コンテンツ海外流通促進機構（CODA）の調査では被
1.はじめに 私は(筆者は)モバイルエンジニア転職を目指す立場です。個人的にアプリのUIデザイン知識はデザイナーだけでなくエンジニアにも必須だと思っています。私自身がアプリ開発の過程でデザインについて指摘され、「このままデザインに無知では良くないと思った」、「同じような立場の方にモバイルアプリのデザインの事を少しでも知ってもらいたいと思った」その２つの理由から本記事を執筆しました。 現在、エンジニアを目指している方やアプリ開発はしているけどモバイルデザインについて改めて知りたいという方、そのような方向けに改めてiOS・Android双方のデザインガイドラインについてまとめてみました。 2.iOSとAndroidのデザインの考え方 2020年現在、iOSではHuman Interface Guidelines、AndroidではMaterial Designの考え方をもとにアプリUIが作られ
プログラミング能力とUIのデザイン能力を両方兼ね備えているスーパーマンはともかく、一般的な開発者であればウェブアプリの開発時にUIのデザインで頭を悩ませた経験があるはず。もちろん、そうした需要に応えて世間にはさまざまなUIライブラリが存在しているわけですが、今回は「Tremor」というReact用UIライブラリで大きなアップデートがあったとのことなので、実際に使ってどんなUIが使えるのかを試してみました。 Tremor – The React library to build dashboards fast https://www.tremor.so/ Tremorを利用するためにはnode.jsのインストールが必要です。下記のURLから、手元の環境に合ったインストール方法を選択してください。 パッケージマネージャを利用した Node.js のインストール | Node.js https:
近年、UI/UXデザインで活躍するデザインツールとしてAdobe XD、Figma、Sketch、InVisionなどさまざまなツールが登場しています。本記事では日本での人気が高い「Adobe XD」と近年盛り上がりを見せている新進気鋭のデザインツール「Figma」にフォーカスして機能の紹介、比較をします。 UI/UXデザインツールには、大きく分けてデザイン機能とプロトタイプを作成し共有する機能の2種類の機能があります。今回の記事では、デザイン機能に重点を置いて紹介します。 Adobe XDを使っているけどFigmaも気になっている方や、その逆という方のデザインツール選定のヒントになればと思います。 Adobe XDとは？ Adobe XDとは、2017年に正式リリースされたUI/UXデザインツールです。IllustratorやPhotoshopと操作感が似ておりAdobeユーザーであれば
Stable Diffusionのおすすめモデルを紹介！ダウンロード方法から著作権まで徹底解説 2024 2/20 「Stable Diffusion」を使うと写真のようにリアルな画像や、高画質なアニメ調の画像を作れますが、これは使用するモデルによって異なることをご存知でしたか？ 今回は、画像生成に大きく影響するstable diffusionのモデルに焦点を当てて、おすすめのモデル、ダウンロード方法、使用方法、さらに商用利用時の注意点について詳しくご紹介します。 この記事を最後までお読みいただければ、お好みの画像を自由に作れるようになるかもしれません。 ぜひ、最後までご覧ください！ なお弊社では、生成AIツール開発についての無料相談を承っています。こちらからお気軽にご相談ください。 →無料相談で話を聞いてみる Stable Diffusionとは Stable Diffusionは、画像
Mac App Store からインストールできたもの Slack ワークスペースの切り替えが爆速すぎて笑っちゃうやつ。 Microsoft 365 学生なので欠かせないソフトです。 Word Excel PowerPoint Outlook OneNote Microsoft Remote Desktop Retina のオプションを入れたら良い感じに表示できる。 1Password 先日、Chrome 拡張機能がアップデートされて指紋認証がつかえるようになってうれしい 🎉 Paste Windows だと標準であるクリップボード履歴を記録してくれる。 デザインがよい。 MeetingBar カレンダーと同期して、予定にビデオ会議の URL があればメニューバーから飛べるようになる。 RunCat 走ってる猫を見てるだけで癒される。 BetterSnapTool こちらも Window
Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました
Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました 2019年9月5日 Webサイト制作, 便利ツール Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いませんが、このようなサービスを使うと手軽に実装でき、管理もしやすくなるでしょう。昔から愛されてきたこのFont Awesomeですが、少し前からアカウント登録が必要になりました。今回はアカウント登録の手順から基本的な使い方を紹介します。 ↑私が10年以上利用している会計ソフト！ Font Awesomeのアカウント登録手順 これまではCDNと呼ばれる、誰もが共通で使えるファイルのURLをコピペして使用できていました。しかしこれからはメールアドレスを登録し、個別に
一休のエンジニア・ディレクターたちが語るリアルな働き方 ――では、簡単に自己紹介をお願いします。 丹野明士氏（以下、丹野）：レストラン事業部でプロダクト開発部でエンジニアをやっている丹野といいます。 今のポジションは土田と同じく在庫データの改善プロジェクトに入っており、今はどちらかというとフロントエンド中心に触っていますが、一応どちらも触っていくポジションにいます。今年の3月に入社したので、10ヶ月くらいですね。 土田はるか氏（以下、土田）：丹野と同じく、私もレストラン事業部のプロダクト開発部で、開発ディレクターをやっています。 今は在庫システム刷新プロジェクトの開発ディレクションをやっております。私は今日のメンバーの中では長くて、2015年の秋に入社し、丸4年在籍しています。 吉永茉奈氏（以下、吉永）：宿泊事業本部のプロダクト開発部でエンジニアをしております吉永と申します。 現在は宿泊事
Chrome・Firefox・Edgeでユーザースクリプトを動かすことができクラウドで同期もできる拡張機能「Violentmonkey」を使ってみた
各ユーザーが公開する便利な機能をブラウザに導入できる仕組みが「ユーザースクリプト」です。「Violentmonkey」はユーザースクリプトをChrome、Firefox、Edgeの各ブラウザに導入し、クラウド同期まで可能な拡張機能とのことなので、実際に使ってみました。 Violentmonkey https://violentmonkey.github.io/ まずはViolentmonkeyをブラウザにインストールするところから。公式サイトの「GET STARTED」をクリック。 遷移先の「Stable Release」に各ブラウザ向けのリンク一覧があります。今回はChrome版のViolentmonkeyを使うため、「Chrome Web Store」をクリック。 Chromeに追加をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。これでインストールが完了です。
超インタラクティブなWebサイトやゲームが作り放題の「Playful」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、インタラクティブ性の高いWebサイトやミニゲームなどを簡単に開発できる無料のWebサービスをご紹介します。 一般的なWebサイトはもちろんのこと、ノーコードで高度なロジックを組み立てる機能も提供されているので、アイデアしだいでとてもユニークな作品を作れるのが特徴です。 オリジナリティあふれるWeb作品を手軽に作りたい人はぜひ参考にしてください！ 【 Playful 】 ■「Playful」の使い方！ それでは、「Playful」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページから【Sign Up】ボタンをクリックして、無料のユーザー登録を済ませておきます。 「メールアドレス」と「パスワード」を入力します（Googleアカウントも利用可）。 次に好きなユーザー名を設定しましょう。 最後に「LET'S PLAY
NotionでPWAアプリの開発を実現するノーコードツール「NotionApps」の使い方！ - paiza times
今回はNotionのデータベースを活用して、PWAにも対応したWebアプリ開発ができるノーコードツールをご紹介します！ このサービスはNotionデータベースの情報を取得したり、更新・追加などがアプリ側から簡単にできるのがポイントです。ノーコードでさまざまなロジックも構築でき、自分がイメージしたアプリを素早くカタチにできます。 面倒なサーバーの準備も不要なため、誰でも簡単にアプリを開発して公開できます。ご興味ある方はぜひ参考にしてください。 【 NotionApps 】 「NotionApps」の使い方！ まずはサイトの上部にある【Create your app】ボタンをクリックして、無料のユーザー登録を済ませておきましょう。 メールアドレスとパスワードを入力したら【Sign up】ボタンをクリックします。 以下のようなダッシュボード画面が表示されたら準備完了です！ 「NotionApps
「ウェブの世界のOSを目指す」という壮大な目的で作成されたブラウザ「Arc」レビュー、使いやすい機能がてんこもりでサクサク快適にブラウジング可能
Chromiumベースのブラウザ「Arc」が正式にリリースされ、誰でも利用できるようになりました。さまざまな便利機能が搭載されており、「2023年流のインターネットの使い方をさせてくれるブラウザ」とのことなので実際に使って試してみました。 Arc from The Browser Company https://arc.net/ ArcはmacOSのみをサポートしています。Windows版の登場は2023年冬の予定とのこと。今回はmacOSを利用してレビューします。まずは公式サイトへアクセスし、「Download Arc」をクリック。 ダウンロードしたイメージをダブルクリックしてマウントします。 アプリをドラッグドロップでApplicationsフォルダに入れればインストール完了です。 Launchpadで「arc」と検索してArcを起動します。 初回起動時は確認が入るので「開く」をクリッ
成果物 ソースコード 動くもの 出来ること 曲名で検索 動画視聴 連続再生 シャッフル リピート シーク 再生/停止 前後スキップ 音量調整 スクショ Desktop Mobile 経緯 推しが毎週末に歌枠配信をしてくれている → 動画数が多くなり、あの曲どの配信で歌ってたっけ？となる → 検索できるサービス作ろう！ → どうせならリピート再生とか出来る音楽アプリみたいにしよう！！ というざっくり経緯説明 歌部分だけを編集で切り抜いて聴くという手もありますが それだと元動画へ再生数がいかないので推しに対して申し訳ない。。 これは元動画を再生しつついい感じに曲を聴きけたらいいなという自分の願望を叶えたものです💪 つかったもの Next.js react で作りたかったので next にしました。 remix にしなかった理由としては、別に SSR したいわけではなかったからです！ 正直全部
概要 みなさんは React のプロジェクトでアイコンが必要な際はどのように実装していますか？ SVG の埋め込み？それとも Font Awesome？ 私は、主に「React Icons」という React 用のライブラリを使用しています。 React Icons は、豊富な種類のアイコンが揃っておりシンプルで使いやすいため、大変重宝しています。 この記事では、React Icons の紹介とその使い方について解説しています。 それでは、早速みていきましょう。 React Icons とは React Icons は、Font Awesome や Material、Codicons（VSCode のアイコン）などのアイコンを簡単に利用することができる React 用のライブラリです。 npm パッケージとして提供されているため、npm installを使用してプロジェクトに導入します。
透かしなし！完全無料で動画編集できるWebサービス「Kapwing」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上から誰でも手軽に動画編集ができる無料のWebサービスをご紹介します！ 類似のサービスはいくつかありますが、すべての機能を完全無料で利用可能で「透かし」*1も入らない珍しいサービスなのが大きな特徴です。プロモーション動画やSNS・YouTube向けの動画なども手軽に作成できます。 動画編集にご興味ある方は、ぜひ参考にしてみてください！ 【 Kapwing 】 ■「Kapwing」の使い方 それでは、まず最初に「Kapwing」をどのように使うのか詳しく見ていきましょう。 トップページにアクセスしたら青いボタンをクリックしてください。 試しに使うだけなら面倒なログインなどは不要で、すぐに編集用のエディタが表示されます。 「Kapwing」で動画編集をする方法として、以下の4パターンが提供されています。 それぞれの内容は以下のとおり
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「映像研には手を出すな！」湯浅政明監督インタビュー、「すごいアニメを作っている」作品をいかに作り上げたのか
VRChatのすべて（すべてではない） - Narazaka::Blog
コーディングではなくデザインがメインの無料オンライン学習サービス
Twitter絵日記が話題！ 「ハンバーガーちゃん」にQ＆Aインタビュー | オモコロブロス！
Zumba de 脂肪燃焼でダイエットした31日間の記録 | SPOT
Python製静的サイトジェネレーターSphinxでWebサイトを構築して公開 | gihyo.jp
標準機能でも便利な「Obsidian」をプラグインで使いやすくする | gihyo.jp
Web制作の面倒な作業におさらば！便利な最新オンラインツール30個まとめ
【君はいくつ知っている？】【知らないと損する】開発の生産性を上げてくれる画期的なWebサービス 18選
実際に使っていて便利だと感じたアプリ、Chrome拡張、ターミナル拡張、VSCode拡張まとめ - Qiita
Steam Deckでゲームだけじゃなく音楽もプレイしてみよう！ COSIOが教える初歩からのDJ入門
無料でゲームブックやYes/Noチャートをプログラミングの知識なしで作成できる「Twine」を使ってみた
「ファスト映画問題から考える映画の未来」映画感想TikToker・しんのすけインタビュー | シリーズ：ファスト映画 第1回
モバイルアプリにおけるUIデザイン - Qiita
いい感じのUIをサクッと作れるReact用ライブラリ「Tremor」を使ってみた
最新版で比較するAdobe XDとFigmaの違い - デザイン機能編 - ICS MEDIA
Stable Diffusionのおすすめモデルを紹介！ダウンロード方法から著作権まで徹底解説 | WEEL
絶対にRosetta 2を入れたくない人によるM1 Mac環境構築 2021 10月末編
「技術しかやりたくない人」は向いていない––現場の技術者たちが語る、一休の開発組織のリアル
推しの歌配信を音楽アプリのように聴けるWebサービスを作ってみた
React でアイコンを使うなら React Icons がおすすめ