<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ITライフハックタグ：Dino &#8211; ITライフハック</title>
	<atom:link href="https://itlifehack.net/archives/tag/%e3%82%bf%e3%82%b0%ef%bc%9adino/feed" rel="self" type="application/rss+xml" />
	<link>https://itlifehack.net</link>
	<description>Powerd by MediaBank Corp.</description>
	<lastBuildDate>Fri, 15 May 2026 14:00:45 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.1</generator>
	
	<item>
		<title>本当に簡単か？　Webサイト構築サービス「Dino」で実際にサイトを作ってみた</title>
		<link>https://itlifehack.net/archives/3906</link>
		<comments>https://itlifehack.net/archives/3906#respond</comments>
		<pubDate>Thu, 10 Jul 2014 08:00:32 +0000</pubDate>
		<dc:creator><![CDATA[関口哲司]]></dc:creator>
				<category><![CDATA[モバイル]]></category>
		<category><![CDATA[サイト作成]]></category>
		<category><![CDATA[スマホ]]></category>
		<category><![CDATA[タグ：Dino]]></category>
		<category><![CDATA[リボルバー]]></category>

		<guid isPermaLink="false">http://itlifehack.jp/?p=3906</guid>
		<description><![CDATA[『最短3分でスマホサイトが作れる！？サイト構築サービス「Dino」って何だ』という記事で紹介したように、今ではスマホを使ってサイトを見るという人が圧倒的に増えている。そのためPCからアクセスした際に表示させるデザイン以外 [&#8230;]]]></description>
					<content:encoded><![CDATA[<p>『<a href="http://itlifehack.jp/archives/3862" target="_blank">最短3分でスマホサイトが作れる！？サイト構築サービス「Dino」って何だ</a>』という記事で紹介したように、今ではスマホを使ってサイトを見るという人が圧倒的に増えている。そのためPCからアクセスした際に表示させるデザイン以外にスマホ対応のWebサイトデザインが必須になりつつある。そうしたスマホ対応のサイトを簡単・手軽に制作したいときに役立つサービスが株式会社リボルバーが提供する「Dino」である。</p><p>「Dino」を利用すれば、スマホをはじめタブレットやPCからもシンプルで美しく表示されるサイトを作ることができる。しかもHTMLのタグの知識やCSSなどの専門的な難しい知識も必要ないのだ。</p><p>そこで今回は、どれだけ簡単・手軽にサイトを制作できるのか、実際に「Dino」を利用してWebサイトを作ってみることにした。</p><p><span id="more-3906"></span></p><p><b>■3分で誰かに見せたくなるスマホサイトが作れる</b><br />さて「Dino」を使い、なるべくオシャレなWebサイトを構築することを目標に、Dinoにアクセスする。「Dino」のトップページにアクセスしたら、「ここにメールアドレスを記入」と記載された欄にメールアドレスを入力して、「無料で開始する」ボタンを押そう。<br /><a href="http://itlifehack.net/wp-content/uploads/2014/07/image0022.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image0022.jpg" alt="image002" width="600" height="400" class="aligncenter size-full wp-image-3908" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image0022.jpg 600w, https://itlifehack.net/wp-content/uploads/2014/07/image0022-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a> </p><p>すると、登録案内のメールが自分あてに送信される。そのメールの内容を確認し、指示に従いながらWebサイトの構築作業を続けよう。<br /> <div id="attachment_3909" style="width: 610px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2014/07/image0032.jpg"><img aria-describedby="caption-attachment-3909" loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image0032.jpg" alt="Dinoの登録が完了したら「ここをクリックしてスタート」をタップする。" width="600" height="400" class="size-full wp-image-3909" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image0032.jpg 600w, https://itlifehack.net/wp-content/uploads/2014/07/image0032-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-3909" class="wp-caption-text">Dinoの登録が完了したら「ここをクリックしてスタート」をタップする。</p></div></p><p>「サイトのタイトル」と「サイトの説明」を入力したら、カラーテーマを選択しよう。<br /><div id="attachment_3910" style="width: 610px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2014/07/image0042.jpg"><img aria-describedby="caption-attachment-3910" loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image0042.jpg" alt="「サイトのタイトル」と「サイトの説明」を入力し、カラーテーマを選択したら「次へ」" width="600" height="400" class="size-full wp-image-3910" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image0042.jpg 600w, https://itlifehack.net/wp-content/uploads/2014/07/image0042-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-3910" class="wp-caption-text">「サイトのタイトル」と「サイトの説明」を入力し、カラーテーマを選択したら「次へ」</p></div></p><p>ここでは、サイトのトップページいっぱいに表示される背景画像をセットする。「自分で画像をアップする」「プリセットから選択する」のいずれかを選択する。今回は、プリセットのAnimalから海辺の犬の画像を選択した。<br /><a href="http://itlifehack.net/wp-content/uploads/2014/07/image0051.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image0051.jpg" alt="image005" width="600" height="400" class="aligncenter size-full wp-image-3911" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image0051.jpg 600w, https://itlifehack.net/wp-content/uploads/2014/07/image0051-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a> </p><p>「おめでとうございます！あなたのサイトが公開されました！」と表示されたら、設定完了だ。サイトを表示してみよう。ウソ偽りなく、ここまでおよそ4～5分程度という簡単さだった。慣れている人なら3分で作成できるというのも納得できる手軽さだ。<br /><div id="attachment_3912" style="width: 610px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2014/07/image0061.jpg"><img aria-describedby="caption-attachment-3912" loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image0061.jpg" alt="サイトの大枠を作成するまでわずか数分という手軽さに驚くばかりだ。" width="600" height="400" class="size-full wp-image-3912" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image0061.jpg 600w, https://itlifehack.net/wp-content/uploads/2014/07/image0061-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-3912" class="wp-caption-text">サイトの大枠を作成するまでわずか数分という手軽さに驚くばかりだ。</p></div></p><p><b>■豊富なオプションでビジネスをサポート</b><br />「Dino」は、ソーシャルネットワーク（SNS）との相性もよく考えられている。具体的には、Twitterへの同時投稿ができ、新規投稿を告知してアクセスを延ばすことができる。<br /><div id="attachment_3913" style="width: 610px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2014/07/image0073.jpg"><img aria-describedby="caption-attachment-3913" loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image0073.jpg" alt="TwitterのSNS連携設定項目。記事更新を自動でツイートしてくれるようになる。" width="600" height="400" class="size-full wp-image-3913" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image0073.jpg 600w, https://itlifehack.net/wp-content/uploads/2014/07/image0073-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-3913" class="wp-caption-text">TwitterのSNS連携設定項目。記事更新を自動でツイートしてくれるようになる。</p></div></p><p>さらに有料オプションで、Dinoを活用できるさまざまな機能が用意されている。例えば有料の「PRO」や「BUSINESS」にアップグレードすると、オリジナルのドメインを利用することができる。</p><p>アップグレードすれば、複数メンバーでサイトの更新も行なえるのでビジネス利用でも問題ない。Googleアナリティクスの設置はもちろん、強力なアクセス解析ツールが用意されているので、マーケティングに不可欠な情報を収集することも可能だ。<br /><a href="http://itlifehack.net/wp-content/uploads/2014/07/image008.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image008.jpg" alt="image008" width="832" height="488" class="aligncenter size-full wp-image-3914" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image008.jpg 832w, https://itlifehack.net/wp-content/uploads/2014/07/image008-300x175.jpg 300w" sizes="(max-width: 832px) 100vw, 832px" /></a></p><p>以上のように、「Dino」はスマホサイトを制作するのに簡単・便利なサービスであることが理解してもらえたと思う。誰でも簡単にスマホ対応のサイトをオープンできる。スマートフォンに特化したサイトをビジネス展開したいのであれば、自社でサーバから構築するよりも、まずは一度、「Dino」を利用してみてはいかがだろう。</p><p>■<a href="http://dino.vc/" target="_blank">Dino</a><br />■<a href="https://revolver.jp/" target="_blank">株式会社リボルバー</a></p><p>■モバイルに関連した記事をもっと見る<!-- related_link_start --><br />・<a href="http://itlifehack.jp/archives/3836" target="_blank">iPhoneのお節介な機能を切る技！入力文字の自動補正をオフにしよう【快適術】</a><br />・<a href="http://itlifehack.jp/archives/3811" target="_blank">多くの店で使えて驚いた！スマートフォン講座×au WALLETカード体験イベント</a><br />・<a href="http://itlifehack.jp/archives/3750" target="_blank">手のひらに乗るコンパクトサイズ！　300Mbps対応の小型無線LANルーター</a><br />・<a href="http://itlifehack.jp/archives/3700" target="_blank">自分の個性を表現できる！ジーンズ生地のiPad Airフラップケース</a><br />・<a href="http://itlifehack.jp/archives/3675" target="_blank">エプソン初のモバイルインクジェットプリンター「PX-S05」シリーズ登場</a><!-- related_link_end --></p><p></p>]]></content:encoded>
			<wfw:commentRss>https://itlifehack.net/archives/3906/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		
	<item>
		<title>最短3分でスマホサイトが作れる！？サイト構築サービス「Dino」って何だ？</title>
		<link>https://itlifehack.net/archives/3862</link>
		<comments>https://itlifehack.net/archives/3862#respond</comments>
		<pubDate>Tue, 08 Jul 2014 06:00:18 +0000</pubDate>
		<dc:creator><![CDATA[関口哲司]]></dc:creator>
				<category><![CDATA[モバイル]]></category>
		<category><![CDATA[サイト作成]]></category>
		<category><![CDATA[スマホ]]></category>
		<category><![CDATA[タグ：Dino]]></category>
		<category><![CDATA[リボルバー]]></category>

		<guid isPermaLink="false">http://itlifehack.jp/?p=3862</guid>
		<description><![CDATA[スマートフォンの爆発的普及により、日常においてネットを使う時間が急激に増加した。これに合わせて朝の通勤・通学時間、夕方の帰宅時間帯、電車やバスでの移動中にスマホを使ってサイトを見るという人も増加した。 企業のサイト運営、 [&#8230;]]]></description>
					<content:encoded><![CDATA[<p>スマートフォンの爆発的普及により、日常においてネットを使う時間が急激に増加した。これに合わせて朝の通勤・通学時間、夕方の帰宅時間帯、電車やバスでの移動中にスマホを使ってサイトを見るという人も増加した。</p><p>企業のサイト運営、ニュースサイトやブログの運営をしているとアクセス解析で、どういった端末がアクセスしてくるかがわかるようになっている。たとえばITライフハックでもリニューアル以降PCからのアクセスが45.7％と50％を割り込み、スマホユーザーが半数を超えたことから、サイトのデザインをスマホに最適化するようにしている。</p><p>スマホサイトを構築するうえで問題となるのがデザインだ。スマホには、様々な画面サイズの端末があるため、端末によっては画面のレイアウトが崩れてしまうことがある。ITライフハックでは、スマホ用のCSSを作成し、カスタマイズすることでスマホ画面でも画像や動画が崩れないように対応している。<br />HTMLやCSSの知識があれば、簡単にデザイン変更が行えるが、そうした知識を持ち合わせていない人が大半だろう。スマホ向けのサイトを手軽に構築したいと考える人に耳よりの情報をお伝えしよう。</p><p>スマホに最適化された美しいWebサイト（スマホサイト）を誰でも簡単に開設できるサービス「Dino」がバージョンアップし、正式サービス「Dino v.1.0」として登場した（提供は株式会社リボルバー）。このDino v.1.0（以下、Dino）について解説しよう。</p><p><span id="more-3862"></span></p><p><b>■Dinoを使えば何ができる？</b><br />先述したようにDinoは、スマホが１台あれば、Webページの作成、ページの更新まで、誰でも簡単・お手軽に行なうことができるサービスだ。 Dinoを使えば、スマートフォン、タブレットで快適な閲覧が可能なWebサイトを簡単に作成できる。もちろんPCにも対応。<br /><div id="attachment_3864" style="width: 610px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2014/07/image0021.jpg"><img aria-describedby="caption-attachment-3864" loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image0021.jpg" alt="(C) Revolver,Inc." width="600" height="400" class="size-full wp-image-3864" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image0021.jpg 600w, https://itlifehack.net/wp-content/uploads/2014/07/image0021-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-3864" class="wp-caption-text">(C) Revolver,Inc.</p></div></p><p>Dinoは、次の7つの機能を提供している。</p><p><b>1. Dino.vcのポータル化</b><br />サービス提供サイトである Dino.vcにアカウントの登録機能だけでなく、Dino上 で作成されたサイトの更新情報を反映するニュースフィード機能を実装。これにより、Dino.vcからユーザーが作成した個別サイトにアクセスできるようになっている。</p><p><b>2. SNS連係</b><br />Twitterとの連係機能を実装。これにより、開設しているサイトの更新情報を連携設定したTwitter IDを使ってつぶやくことが可能。</p><p><b>3. アクセス解析機能</b><br />Googleアナリティクスなどの解析ツールを設置することが可能。また、最上位サービスの「BUSINESS」（有料）には、専用のアクセス解析ツールが標準装備されている。</p><p><b>4. レイアウト変更機能</b><br />メニューボタンの位置の変更やタイトル、サブタイトルのフォント変更などもできる。</p><p><b>5. テンプレートのカスタマイズ</b><br />基本レイアウトではなく、自由にデザインを編集し、オリジナルのテンプレートを作ることができる。</p><p><b>6. モバイル用エディターの最適化</b><br />スマホでのサイト構築や更新をより簡単にするために、ユーザーインターフェイスを一新。</p><p><b>7. 英語対応</b><br />日本語に加えて英語版もリリース。<br /> <div id="attachment_3865" style="width: 610px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2014/07/image0041.jpg"><img aria-describedby="caption-attachment-3865" loading="lazy" src="http://itlifehack.net/wp-content/uploads/2014/07/image0041.jpg" alt="(C) Revolver,Inc." width="600" height="400" class="size-full wp-image-3865" srcset="https://itlifehack.net/wp-content/uploads/2014/07/image0041.jpg 600w, https://itlifehack.net/wp-content/uploads/2014/07/image0041-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><p id="caption-attachment-3865" class="wp-caption-text">(C) Revolver,Inc.</p></div></p><p><b>■Dino v.1.0 概要<br />・サービス開始日 ：2014年7月3日（木）<br />・対応：最新ブラウザーを搭載したiOS、Androidスマートフォン、およびPC、Mac<br />・料金：無料（※一部有料）<br />・対応言語 ：日本語、英語</b></p><p>以上のように、Dinoを使えば、誰でも簡単にエレガントなスマホサイトを構築することができる。まずは、Dinoのポータルにスマホでアクセスし、作成されたサイトをチェックしてみるといいだろう。スマホを使って見栄えのするスマホサイトを構築したい人には、非常に魅力的なサービスといえる。</p><p>■<a href="http://dino.vc/" target="_blank">Dino</a><br />■<a href="https://revolver.jp/" target="_blank">株式会社リボルバー</a></p><p>■モバイルに関連した記事をもっと見る<!-- related_link_start --><br />・<a href="http://itlifehack.jp/archives/3836" target="_blank">iPhoneのお節介な機能を切る技！入力文字の自動補正をオフにしよう【快適術】</a><br />・<a href="http://itlifehack.jp/archives/3811" target="_blank">多くの店で使えて驚いた！スマートフォン講座×au WALLETカード体験イベント</a><br />・<a href="http://itlifehack.jp/archives/3750" target="_blank">手のひらに乗るコンパクトサイズ！　300Mbps対応の小型無線LANルーター</a><br />・<a href="http://itlifehack.jp/archives/3700" target="_blank">自分の個性を表現できる！ジーンズ生地のiPad Airフラップケース</a><br />・<a href="http://itlifehack.jp/archives/3675" target="_blank">エプソン初のモバイルインクジェットプリンター「PX-S05」シリーズ登場</a><!-- related_link_end --></p><p></p>]]></content:encoded>
			<wfw:commentRss>https://itlifehack.net/archives/3862/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
