「日本の88x31バナー保管庫」は、個人サイト全盛期に多く見られた88x31ピクセルのバナーを収集・保存・公開するアーカイブサイトです。これらのバナーは、リンク集や相互リンクなどで使用され、当時のインターネット文化を象徴する存在でした。 ここで公開しているのは、主に1990年代後半から2000年代前半にかけて、日本国内のサイトで使用されていたバナーです。海外には国を問わず収集された88x31バナーのアーカイブも存在しますが、本サイトでは収集対象を日本国内に限定することで、日本独自のネット文化に焦点を当てています。 かつて個人サイトを運営していた方にとっては、「もしかして自分のバナーがあるかも？」という小さな発見も楽しんでいただけるかもしれません。 現在、88x31バナーはほとんど目にすることがなくなりましたが、その文化的価値を記録・保存することには大きな意義があると考えています。 この保管
2025年現在、デザインの「三種の神器」はStudio、Figma、Canvaだそうです。 なんと、アドビが入っていない!!! 「いやいや、Illustratorは使うでしょ!?」って思いますが、アドビを使わずに仕事はできますよ！という層が増えているそうです。 諸行無常、栄枯盛衰──永遠不変なものは何ひとつないんですよね。昔話はなるべくしないようにしているのですが、ちょっと振り返ってみます。 記憶をたどりながら＋調べながら書いたのですが、事実関係が異なることがあるかもしれません。おかしなところがあれば、コメントなどで教えてください！ なお、この段落のように「引用」スタイルになっている箇所は、ちょっとした補足や著者のメモです。 Macでデザイン!?「Macでデザインなんかできるか!!!」という時代がありました。 デジタルフォントは「リュウミン」と「中ゴシック」の2種類しかなく、アプリもまだ原
音楽やマンガなど、圧倒的な熱量を注ぐ「好きなもの」をおもちの方に、こだわりの住まいをご紹介いただく本企画「趣味と家」。第14回目はカメラ沼にハマった結果、撮影スタジオ（白ホリゾントスタジオ）のある家を建てた四谷恒平さんに寄稿いただきました。 「自宅に撮影スタジオをつくる」という事例や情報がほとんどないなか、試行錯誤の末に実現した自宅スタジオ。今では家族の思い出を鮮明に記録できる、かけがえのない空間になったそうです。 こんにちは。システムエンジニア兼アマチュアフォトグラファーをしている四谷恒平といいます。妻と娘と双子の息子、そしてミドリガメの黒さんと暮らしています。 私は2020年3月ごろ、地元である石川県加賀市に「撮影スタジオ」を併設した注文住宅を建てました。 2階のLDK スタジオ全景 私がカメラにハマったのは今から12年ほど前。還暦を迎える父の姿を少しでも鮮明に残そうと、PENTAX
2021年9月1日 13:33~17:30頃においてSTUDIOサービス全体の接続が不安定な状態となっていた障害についての詳細 この度、弊社インフラに起因する障害により、2021年9月1日 13:33〜17:30頃においてSTUDIOサービス全体の接続が不安定な状態となっておりました。この度はユーザーの皆様にアクセス障害で多大なご迷惑をおかけし、改めて深くお詫び申し上げます。 【影響が発生した機能】 独自ドメインによる公開サイトを含むSTUDIOの全機能 原因と実施した措置【障害の原因】一部サイト向けの Internet Explorer (以下 IE と呼称)用サーバーの割り当てが少なく、オートスケールの設定がされていないという状況で、急激なアクセス発生によりIE用サーバーがクラッシュ ロードバランサーの負荷が増大しSTUDIO全サービスに影響が波及 通常の公開サイト向けのサーバーについ
CSSボタンデザインは、スタイルを変えるだけでガラリと印象を変えることができるウェブデザイン要素のひとつです。 Copy & Paste CSS は、AmazonやSpotify、Slackといった有名Webサイトで使われているボタンデザイン用CSSスニペット77個を集めた無料ツールです。ボタンをクリックするだけで、Internet Explorer や Chrome などクロスブラウザ対応のCSSソースコードをコピペできます。 詳細は以下から。 AmazonやSpotifyも！有名サイトのCSSボタンデザイン77個をコピペ再現できる Copy & Paste CSS Copy & Paste CSSは、海外でよく見かける有名サイトで使われれているボタンスタイルをCSSで再現し、コピペで実装できるようにまとめたCSSライブラリです。 BootstrapやGithub、Tailwindといっ
コーディングもするWebデザイナーがSTUDIOでWebサイトを作ってみたPodcastでノーコードツールでWebサイトを作ってみよう！STUDIOって最近よく聞くよねー！気になるねー！というお話になり、実際にひとつ簡単なWebサイトを作る予定もあったので、STUDIO使って制作してみました！ STUDIOとは？STUDIOは、HTMLやCSSでコードを記述する必要のない、ノーコードでのWebサイトデザインや制作ができる国産ツールです。サーバーの設定も不要で、STUDIOだけで設計から制作、公開までを一括管理できます。 日本製というのがポイントで、海外のツールやテンプレートで作ったWebサイトを日本語にした途端にダサくなったりしちゃうんですよね。しかしSTUDIOではモリサワが提供する500種類以上のフォントが使えるため、日本語でもデザイン性の高いWebサイトが作れます。 STUDIOでW
ノーコード系 ウェブ制作ツール STUDIO で「できないこと」を書き出してみました。サイトの制作運用で困り度が高そうな順（独断）に書き出しています。 STUDIOの機能として対応していない場合と、無料版では対応していない場合がありますが、この記事では有料版で対応していない機能を中心にとりあげます。 できないことがわかっていれば、あらかじめ覚悟を決めたり、対策を打てるというものです。 STUDIO 単体ではできないことも、Google Tag Manager（GTM） や Zapier などの外部サービスと連携すれば実現できる可能性があります。ノーコードではなくなってしまいますが、だいたいのことはカスタムコードでできます。JavaScriptはいいぞ。 すべて執筆時点（2022年1月6日）の情報です。 もし「できないと書いてあるけど、それはできるよ」といった情報がありましたら Twitte
はじめに 本記事では、本サイトで利用しているSTUDIOというCMSでdescriptionやogp以外にも未サポートのmetaタグを設定をする方法について記しています。 まず、STUDIO とは？ ノーコードでレスポンシブなサイトが作れたり、ブログを設置できたり、複数人で同時編集を行いリアルタイムで同期がされたり、デザイナーだけでサイトが作れてしまうコーダー泣かせの優れものCMSです。 2021年6月13日時点では、STUDIOで<head>内のタグを完全に自由な設定にすることは出来ない為、GTM(Googleタグマネージャー)を利用してページが読み込まれた際に差し込まれるように設定します。 予め、STUDIOで作成したサイトにGTMが正しく設定されていることが前提となりますので公式ヘルプからGoogleタグマネージャーの連携方法 を確認してから進めます。 目的 Googleマイビジネス
2021年6月29日(火)にDeNA TechCon 2021 Summer を開催しました。 こちらの記事では、DeNA TechCon 2021 Summer を実施する際に悩んだ 「カンファレンスWebサイトの構築をフロントエンドエンジニアに頼る工数がない」 というテーマを中心に、どのような対応を行ったのか、実施してみた結果どうだったのかを「ふりかえり」としてご紹介します。 オンラインカンファレンスやオンライン勉強会を主催しようと思っている方で、似たような悩みを持たれる方の参考になれば幸いです。 カンファレンスWebサイトの構築、止めたいです 以下2つを比較したとき、多くの企業では前者の「やってほしいこと」の方が多くなりがちだと思われます。 フロントエンドエンジニアにやってほしいこと フロントエンドエンジニアがやれること DeNA でも「フロントエンドエンジニアにやってほしいこと」は
こちらの記事は下記URLに引っ越しました。https://media.locaop.jp/how-to-add-structured-data/
サイト制作を効率化 Figmaでデザインをコピー&ペーストで簡単インポート Studioですぐにサイト公開が可能に。
Appleのプロ向けデスクトップPC「Mac Studio」に、2世代目の新製品が登場した。最新モデルは搭載プロセッサがApple SiliconのM2 Max／M2 Ultraから選べる。ある意味、順当な進化だ。しかし、今回は外的な要因によって製品の位置付けが少し変わった。 Mac Studioが初の大型アップデート M2 Ultraを搭載し最大3倍高速に 新モデルでMac Proとの立ち位置の違いがより明確に これまではMac Studioはある意味、Apple Silicon時代のMacの最上位モデルという位置付けだった。しかし、今回の「WWDC23」ではMac全ラインアップの中で、唯一のIntelプロセッサ搭載モデルしかなかった「Mac Pro」に、ついにApple Silicon採用モデルが登場した。Appleが2020年に2年間で移行すると宣言していたApple Silicon
STUDIO導入を検討している際に確認したい STUDIOでできることと、できないこと（2024年4月アップデート版） 2024.04.18 Webサイト制作がノーコードできるSTUDIO。Webサイト制作・運営をする上での基本的な機能は揃っていますが、通常のWebサイト制作・運営と比べるとまだ不自由な点もあります。 こちらの記事では、STUDIOでWebサイト制作・運営を検討中の事業会社様、制作会社様向けに、STUDIOでできること、できないことを随時まとめていきます。 ※この記事は2022年に作成したものを最新の内容に合わせてリライトしています STUDIO導入の検討段階では何がどこまでできるのかも手探りの状態だと思います。 また、以前はSTUDIOではできないと言われていたことも、ずいぶんできるようになっています！ 改めてご紹介します。 自社での更新ができる ノーコードのSTUDIO
悩んでしまうWordPressのテーマ選び。見やすくて使いやすい無料のおすすめテーマ4選2021年7月20日2023年5月8日WordPressWebサイト構築WordPressのようなCMSは自分で一からブログをつくる必要がなく、特にWordPressはテーマがあらかじめ用意されているので、コンテンツ（記事）作成に特化したCMSであると言えます。 とはいえ、ブログの外見を決めるといっても過言ではないWordPressのテーマ選びはどうしても悩んでしまうものでもあります。 ブログ記事の見やすさ、読みやすさはもちろん、見た目のカッコよさ、そして使いやすさを追及したい人もいるでしょう。 特にWordPressでブログを始めたばかりの頃は、どのテーマを選べばよいかも分からず、その種類の多さからいろいろなテーマに目移りをしてしまうものです。 WordPressのテーマにはデザインに優れたものや機能
ウェブアクセシビリティ向上とは、提供するサイトをより多くのユーザが使えるようにすること。 Studioは、100,000を超えるサイトの運用を支える「情報インフラ」として、ウェブアクセシビリティの向上に取り組んでいます。 私たちのサービスで制作されたウェブコンテンツが、すべての人に届くように、必要な機能やガイドライン、ツールを提供していきます。
こんにちは！メディア事業部デザイナーの木村です。 先日、私が従事している音楽サブスクリプションサービス「AWA」の6周年サイトを 「STUDIO」の「CMS機能」を利用して制作しました。その際の知見を実際のユースケースを元にご紹介したいと思います。 導入を検討している誰かのお役に立てれば幸いです。 ※「STUDIO」には最近リリースされたギャラリーサイト「Showcase」というものがありそこにもAWA6周年サイトは掲載させていただいております。よろしければ御覧ください。 https://showcase.studio.design/ja/website/thanks6-awa こんな人におすすめ CMS機能便利そうだけど活用イメージが沸かない ブログ記事とまではいかないけど動的な情報を掲載するサイトを実現したい 背景 「AWA」では新機能「LOUNGE」を中心とした開発にほぼ全リソースを
※本ページは、アフィリエイト広告を利用しています。 Web制作関連はCSSやAIやツールなどの進化が早いですが、国産ノーコードツール「Studio」も想像以上に進化していました！ 一昔前のノーコードツールだと、コードが汚くなるので使えないという風潮がありましたが、Studioはかなり洗練されたコードでWebサイトを実装できます。Studioの導入を検討している人にぴったりの解説書を紹介します。 著者はStudio Expertsで唯一のPlatinumランクの株式会社gaz、STUDIOでの卓越した制作実績があり、そのノウハウを余すことなく解説された一冊です。特にテンプレートベースではなく、本格的なWebサイトを作りたい人にお勧めです。
共創型M&Aとブランド事業とコンサルティング事業で、ブランドの更なる成長を目指す、MOON-X株式会社のコーポレートサイトです。
Studioアクセシビリティチェックシートを公開しましたStudioでのアクセシブルなサイト制作のためのチェックシートを公開。WCAG 2.1レベルA・AAの達成基準をもとに、Studioを使用した代表的な達成方法を解説。 Studioを活用したWebサイト構築プロセスにおいて、アクセシビリティを考慮した制作を行うためのチェックシートを公開いたしました。このチェックシートを用いて、制作過程でサイトのアクセシビリティを随時確認しながら作業を進めることができます。 国際標準のアクセシビリティガイドラインである、WCAG 2.1のレベルAおよびAAの達成基準を満たすために必要な対応を、参考資料とともに一覧にしています。 また、達成基準項目の中で、Studioの仕様により自動達成されるもの、現段階で達成ができないものについても解説しています。 こちらのヘルプ記事に掲載している「スプレッドシート」の
【無料相談受付中】ノーコードツールと認定人材による、博報堂の中小企業・スタートアップ向けDX実行支援サービス｜サイト制作｜Web広告出稿｜データ活用による業務改善
コーポレートサイト ブランドサイト･サービスサイト ECサイト･オンラインショップ キャンペーン･特設･プロモーションサイト ポータルサイト･メディア･情報サイト プラットフォーム･コミュニティサイト 採用サイト･採用ページ ポートフォリオサイト スタイリッシュ オーソドックス ユニーク 遊び心がある･作り込まれている イラストを使用 3D表現･3Dイラストを使用 シズル感･訴求力のある写真･動画使用 写真少なめ･写真以外のビジュアル表現 さりげない動き･動きなし やや動きあり ダイナミック･印象的･細やかな動き 日本語メイン ノーコードツール｢STUDIO｣で制作 スマホ特化･モバイルファースト Web･IT･AI･デジタル･テクノロジー･通信関連 サービス･アプリ･ツール 病院･クリニック･歯医者･医療･薬 学校･教育･幼稚園･保育園･スクール 金融･投資･保険･士業 カフェ･飲食店･
この記事は、爆速アップデートのSTUDIOに対応した「できること・ちょっと難しいことまとめ」です。あれってSTUDIOでできたっけ？と思った時にサクッとチェックできるような内容にしています。 そして、この記事を読む前にまず伝えたいのが「STUDIOは、必須なことはだいたいできる」ということです。Webサイトを制作・運用する上で必要な機能はしっかり揃っており、よりリッチに実装する場合に必要な機能の一部は未対応。例えば、パララックスのようなリッチな表現やECサイトのような専門的な機能などは未対応であるというニュアンスで捉えています。 また「機能はないけど再現できること」も補足していますので、STUDIOの学習やSTUDIOを用いたプロジェクトにご活用ください📝 ⚠️プランごとの機能や制限についてはSTUDIO公式ページの「プラン別機能比較」を参照してください 🔍使い方「cmd + f」や「
こころでデザインする、 こころをデザインする。 あおいろデザインは、おもいやりを大切にする「こころ」が起点。 こころやきもち「情」を通して、人と人、人と暮らしをつなぎ、 そのモノの本質を見つめながら、より広い視点から効果的なアイデアを導き出します。 情のりっしんべんは「心」の字形から転じた偏。 モノや人の言動に触れて起こる温かい感情や、おもいやる心の働きの意味があります。 あおいろデザインは、「3つの情」の領域を組み合わせデザインを生み出します。
Professional stock photo management and organization platform
STUDIOで設定できる色々なモーションやアニメーションの作り方をまとめました。
Studioではサイトごとにアクセス解析ツールの Googleアナリティクス4が連携できます。この記事では、測定IDの取得方法からStudioでの連携までを解説します。
StudioにGoogle タグマネージャーを連携すると、様々なコードの埋め込みが可能となります。Studioで直接サポートしていないツールやJavascript導入にご利用いただけます。
当ページに含まれる広告と商品評価について 当ページには広告リンクが含まれており、当ページを経由して商品・サービスの申込みがあった場合、提携している各掲載企業から広告報酬を受け取ることがあります。ただし、当サイト内のランキングや商品の評価に関して、提携の有無や報酬の有無に一切関わらず、コンテンツポリシーに基づき、当サイト独自の調査と実際に使用したレビューをもとに掲載しております。当サイトで得た収益は、皆様により役立つコンテンツを提供するために、品質向上等に還元しております。 デジタルハリウッドSTUDIO by LIG（デジハリLIG）は、デジタルクリエイター専門スクール・デジタルハリウッドとWEB制作会社の株式会社LIGが提携・運営するクリエイタースクール。WEBデザインや動画制作、プログラミングを基礎から実践的な内容まで学習できるコースがあり、卒業後の就職・転職サポートも口コミで評判のス
Studioで作成されたサイトを讃える「デザインの祭典」 377の応募サイトから、すべての受賞サイトを決定。
ひとつのプロトタイピングツールとして始まったStudioは、今や誰もが創造性を発揮し、簡単にWebサイトをデザイン、公開できるプラットフォームへと進化を続けています。私たちのブランドは、そのビジョンをより強固にするためにアップデートが必要です。 「創りたい人が、創りたいものを創れる世界を当たり前にする」という思想のもと進化を続けてきたStudioだからこそ、今一度そのスタンスに立ち戻り、限られたデザイナーだけでなく、すべての人の創造性を解放していきたいと考えました。
プラン別PV上限の仕様変更についてのお詫び・訂正本日14:30頃に送付いたしました、メール配信「【重要】 PV数制限に関するサービス更新のお知らせ | STUDIO」について、内容について一部補足・訂正するとともに、お詫び申し上げます。 いつも STUDIO をご利用いただき、誠にありがとうございます。 今回の仕様変更の経緯2022年3月の料金改定より、STUDIOではプランごとにPV制限を定めておりました。 特に大きな超過があるプロジェクトでは個別にご案内差し上げていた一方、ある程度の超過についてはユーザーの皆さまに今後のPV数等を踏まえた変更をお願いする形を取っておりました。 今後のサービスとしての持続性を考慮した結果、今回の変更に至ったという経緯がございます。 配信内容についてのお詫び今回の仕様変更は、各プランに設定している月間PV上限数の8割に達した場合にメール及びダッシュボードで
menuLog inApplyaboutShowsshowsaboutApplylog inloading experience... (view project)
STUDIOを用いてホームページを制作している株式会社IRODORU代表の秦です。2020年の3月頃にSTUDIOを使い始めてから、2023年5月までに60以上のWebサイトをSTUDIOで作ってきま...
次世代のWebデザインプラットフォーム「STUDIO」を運営するSTUDIO株式会社（本社:東京都渋谷区、代表取締役社長:石井 穣）は、この度サービスリリースから3周年を迎えました。こちらを記念して特設サイトを開設、ツイッターにて3名の方に有料プランが1年間無料になるキャンペーンを開始したことをお知らせいたします。 ■ リリース3周年を記念した特設サイトを開設 この度、STUDIO株式会社（所在地：東京都渋谷区、代表取締役CEO：石井 穣）が運営するWebデザインプラットフォーム「STUDIO」は、2021年4月2日（金）にサービス開始から3周年を迎えました。これを記念し、これまでのSTUDIOの軌跡を特設Webサイトにてご報告申し上げます。 URL : https://3rdanniversary.studio.site/ ■ 3周年を記念し、1年無料クーポンがもらえるキャンペーンを実施
2022年3月1日より、Freeプランで最大1000アイテムまでCMSが利用可能に。併せて機能を強化した「CMS2.0」をリリースします。 いつもSTUDIOをご愛用いただきありがとうございます。 今回は皆さまに、CMSの強化と、それに伴うプラン変更についてお知らせいたします。重要なお知らせですので、最後までご覧いただきますようお願い申し上げます。 料金プラン改定の目的2020年6月のCMS機能のリリース以降、たくさんの方にCMSをご活用いただいてきました。 これまで皆さまからいただいた声をもとに、2021年後半からSTUDIOらしいCMSについて検討を重ねながら開発を進めており、この度「CMS 2.0」と題した新しいバージョンのCMSを2022年3月1日にリリースし、併せて同日に料金プランの改定を実施する運びとなりましたのでお知らせいたします。 今回のプラン改定では、Freeプランにおけ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く