Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
スマートフォン用サイトで動画を扱う時のポイント | ベイジの社長ブログ
最近スマートフォン用サイトの引き合いが増えてきていますが、そこで培ったノウハウもこのブログで紹介していこうと思います。今回は、スマートフォン（およびタブレット）用サイトでの動画の取り扱いについて。 スマートフォンで動画というと、真っ先に思いつくのはYoutubeにアップしてリンクを張り付ける方法ですが、企業の内規や動画の性質によっては、Youtube上に動画をアップすることができない場合もあります。先日担当したキャンペーンサイトもまさにそうでした。というわけで、ここではYoutube貼り付けじゃない方法での、スマートフォン/タブレット端末用サイトで動画を掲載する際のポイントをご紹介します。違ってるところがあればコメントでご指摘いただけると幸いです。 ちなみに、プラットフォームやOS毎の実装状況をひとまずまとめると以下の通り。なお、スマートフォン/タブレット版はデフォルトブラウザでの利用が前
わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
新しい音楽を開拓＆垂れ流しにできる音楽ストリーミングサービス８+選 - P2Pとかその辺のお話@はてな
いろいろと思うところがあって、新しい音楽を開拓＆垂れ流しにできるオススメ or 人気の音楽ストリーミングサービスを紹介したいと思う。 Jamendo Jamendoは、世界最大のクリエイティブ・コモンズ・ミュージックサイト。現在配信中のアルバムは4万6千枚を数え、30万曲超のCCミュージックを提供している。Jamendo自身も、おすすめの曲のJamendoラジオストリーミングを行っているが、Chrome拡張のJamendo Radioを導入するとさらにカスタマイズされたラジオチャンネルの作成が可能になる。こうなると、ブラウザを立ち上げている間中、好きなジャンルの音楽をかけっぱなしに出来てしまう。 また、Chromeユーザ以外の方には、Jamendo APIを利用したJamendo HTML5 Audio Playerがおすすめ。こちらは、タグをクリックすると自動的にそのジャンルの楽曲のプレ
コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」:phpspot開発日誌
コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 2011年04月06日- ChocolateChip-UI コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 ダウンロードしたサンプルにはかなりの量のiOSアプリ風のUIが含まれていて、これスマフォサイト用のインタフェース作成には困らないんじゃないかという感じです。 リストのUI 読み込み画面 アイコン付きテーブル ちょっとUIを変えてみる例 サムネイル付きリスト ちょっとデザインを変える 普通のリストも。 デザインを変えたリストも ラベルつきのリスト ボタンや、ON/OFFも スライダーも 背景の模様も自由に変えられます ボタンも豊富 ツールバーデザイン。アイコンを入れたり色々 更にカラフルなボタンやアイコンのみのボタンも。 タブも作れます
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
頻繁に使用している便利なお役立ち系ブックマークレット・19個 - かちびと.net
個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送
Google ドキュメントやiPhoneも活用 初心者向け「家計簿」の付け方 - はてなニュース
「今年こそは節約したい」「お金を貯めたい」と思っているあなた、毎月のやりくりの基本となる「家計簿」を付けてみませんか？“めんどくさがり”でも続けられる秘訣や、iPhoneやGoogle ドキュメントを使った手軽な“デジタル家計簿”の付け方をご紹介します。 ■長続きさせる秘訣は？ 節約のためとはいえ、毎日の出費を細かく記録し続けるのはかなり根気がいる作業。始める前から「面倒くさそう…」とつい敬遠してしまいます。続けていくコツはどこにあるのでしょうか？ ▽ これが真の｢超手抜きズボラ家計簿術｣だ！ | ライフハッカー［日本版］ ▽ 超ズボラな自分が家計簿を半年続けられた5つのコツ ▽ 三日坊主にならない家計簿のつけ方 [家計簿・家計管理] All About ▽ http://r.nanapi.jp/2029/ これらのエントリーでは、家計簿を継続するコツとして次のような点を挙げています。 1
誠 Biz.ID：iPhone／Androidユーザー注目、スマホ対応おすすめオンラインストレージ
かつては容量のみで評価されることが多かったオンラインストレージサービスだが、最近はスマートフォン対応の有無が評価の分かれ目となりつつある。今回は各社オンラインストレージサービスのスマートフォン対応について詳しく見ていこう。 クラウドを経由してデータのやりとりを可能にするのが、いわゆる「オンラインストレージサービス」だ。メールに添付するのが難しい巨大なファイルを容易にやりとりできるこのサービスは、ビジネスシーンはもちろん、プライベートにおいても定番と言える存在だ。 最近はiPhoneやAndroid端末の普及により、スマートフォンで利用できるかどうかがそのサービスを実際に使うかどうかの決め手になる。まずはスマートフォン対応をしているオンラインストレージを確認したい。なお、スマートフォンから利用できる機能の説明はiPhoneアプリをベースにしており、ブラウザから利用する場合や、Androidア
PhoneBook第2弾「いちばんのおしごと エスティマ補助金版」
PhoneBook第2弾「いちばんのおしごと」にこどもの知的好奇心を応援するTOYOTAエスティマが補助金という形で協賛。
たった5年で激変したITエンジニアの基礎スキル
iPhoneもGmailもなかった2000年頃、たとえばメールであれば、一般ユーザーはOutlook Express、ハイエンドユーザーはBecky!を使う、といった習慣があった。Outlook Expressはデフォルトのメッセージ形式がHTMLメールだったので「Outlook Expressにはセキュリティ上の問題があるため、必ずテキスト形式に設定を変更してから使いましょう」というのが雑誌の定番解説だった。MB単位のファイルを添付して送ったら瞬時に送り先から電話がかかってきて、激怒されたこともある。瞬時に届いているのに。 当時HTMLメールを毛嫌いしていた人はいつごろWebメールを受け入れたのだろうか。いまではGmailのようなWebメールは、テキスト形式で送られてきたメールでもHTMLで表示するし、iPhoneの3G回線でMB単位の添付PDFファイルを普通に客先で表示している。どうや
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
WebサイトをiPhoneで見やすくする5つの方法
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel
パックマン ウェブ PAC-MAN WEB
2018.02.22 ズラリと重なるゴースト連続食いが楽しめる「PAC-MAN CHAMPIONSHIP EDITION 2」に2プレイヤー用の新たなモードを加えた「PAC-MAN CHAMPIONSHIP EDITION 2 PLUS」がNintendo Switch™に登場！ 2017.07.28 アーケードゲームを代表する数々の作品の中から選りすぐりの名作を集めた新たな『ナムコミュージアム』がNintendo Switch™に登場！ 2017.05.15 銀座三越にてパックマン限定ショップ「PAC-MAN meets Ginza Mitsukoshi」を開催中！5月23日(火)まで！ 2017.04.10 「GOODS」に新情報を追加しました。 2016.05.24 『PAC-MAN 256』公式サイトをオープン！ 『パックマンパズルツアー』ゲーム内アイテム36％セール開催中！ 『P
グリー躍進、本当の理由（前編）：日経ビジネスオンライン
生きのいい珊瑚に蝟集する熱帯魚のように金融機関や投資家が我先にとネットベンチャーに群がる時代は、とうに過去のものとなった。 よほどの将来性と堅実なビジネスモデルがなければ、証券会社はおいそれと上場の主幹事を引き受けてくれない。上場できたとして、ネットバブル崩壊とライブドア事件を経た投資家の目は相当に厳しい。 しかしこの逆風下で、グリーだけは威勢がいい。主に携帯電話向けにソーシャル・ネットワーキング・サービス（SNS）とゲームを提供するサイト「GREE」を運営する、創業5年目のベンチャーだ。 グリーが東証マザーズにデビューしたのは、世界中の市場が金融危機の影響で冷え込んでいた2008年12月のこと。それでも、公募価格を大きく上回る初値が付いた。その後、株価は右肩上がりの曲線を描きながら、今年9月末には上場来高値の5330円に至った。 10月23日時点の株価は4940円。それでも上場時の倍の水
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
アイポ4
iPhoneと絵本を組み合わせた「PhoneBook」
iPhone and iPad App Development Sydney – Image Mechanics