ツイッターでログインするWebサービスの作り方を解説していきます。また、簡単なタイムラインも表示させてみます。
アプリが消える日? スマホからアプリが消える日――web化していくスマートフォンの未来 ↑こちらの記事が興味深い内容だったので、iOSアプリデベロッパの端くれとして意見を書いてみる。 (僕はFlasherではありませんよ) 別に記事にいちゃもん付ける訳ではないですが、裏付けが乏し過ぎるかなと。 正直、スマホとアプリのビジネスがどういうものなのか解ってないなーと思いました。 「モバイル向けFlash終了」という理由って、そもそもあんまり関係ない。 そういう理由では、アプリは無くならないです。 以下、理由です。 ちなみに、Android Marketは詳しく無いので、App Storeをベースに書いてます。 理由1:Webアプリにできることは限られている やっぱり出来ることでは、ネイティブアプリの方がアドバンテージが当然高い。 以下、Webアプリが不利な点 ・カメラなどハードウェア操作が出来な
ABC.jsはWeb上で楽譜を表示し、演奏するJavaScriptライブラリ。 ABC.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によってWeb上の表現力は高まっている。SVGでベクター画像を描いたり、WebGLによって3Dオブジェクトを描き出すこともできる。Canvasを使うプロジェクトも多い。 きれいな楽譜表示 これまではFlashを使ったり、画像を使わなければならなかった表現もHTMLだけでできるようになる。その一つ、楽譜を描き出して音まで鳴らせるのがABC.jsだ。 ABC.jsは特定の記法に沿って記述することでWebブラウザ上に楽譜を書くライブラリだ。JavaScriptを使っているので、その場で手直ししてレンダリングし直すこともできる。楽譜共有サイトのようなものを作ることさえできるだろう。 Firefoxなら演奏とダウンロードも そして描
はてなからブログを引越しました。 WordPressに移行しました。 前のブログはこっち http://d.hatena.ne.jp/izit_kosuke/ 基本的なスマホ対応してます。(iPhone・Androidでアクセスしてください) 【サイトトップ】 超突貫で作ったので、細かい部分でいろいろ行き届いてません。 カテゴリやエントリがないリンクすらありますw IE6は完全切り捨てです(笑) IE7ではレイアウトが微妙に崩れるようです。 iPhone/Android対応してますが、フリックできるところとか (完全なフリックの実装はしてない) ときどきバグります。 また、スマホ時もPCサイトの画像(サイズの大きい画像)をそのまま読込んでいるので ページ読込みにやや時間がかかります。 スマホサイトやアプリの制作関連をエントリしていきつつ、 サイトも良くしていこうと思ってます。
乗り換え以外で初めてアメリカ行きました。ago(@kyo_ago)です。 すでに先週のこととなってしまいましたが、jsdo.it上でSVG Girlというコンテンツを発表したのでご紹介させていただきます。 (現在IE9のリリースに合わせて英語版のみ公開しています。日本語版は26日の日本語版IE9リリースにあわせて公開を予定しています) SVG Girlって? SVG GirlはSVGを使ったアニメーション作品で、動画コンテンツの中身をすべてSVGのみで表現しています。 先週開催されたMicrosoft主催のMIX11のキーノートでも発表され(00:08:40ぐらいからご覧いただけます)、大画面に表示されたアニメーションで会場をわかせました。 SVGって? SVGはテキストで表現されたベクターデータで、XMLで線画情報を保持しています。 ブラウザ上からは通常のDOM API経由で操作すること
本書は、後の機能追加や変更を想定してWeb開発を行う際に、HTML、CSS、JavaScript+Ajax、PHP、そしてデータ管理やパフォーマンスなど、Webアプリケーションを構成する各レイヤで考慮すべきことを包括的に解説する書籍です。変化に強く、大規模化に対応できるWeb開発の原則となるモジュール化やカプセル化、保守性およびパフォーマンスの維持を、簡単なサンプルWebアプリケーションの開発を行いながら習得します。本格的にWebアプリケーション開発を学びたいエンジニアに最適な一冊です。 監訳者まえがき まえがき はじめに 1章 大規模Webアプリケーション開発の原則 1.1 複雑さへの対処 1.2 モジュール式コンポーネント 1.2.1 モジュール性の実現 1.2.2 モジュール性のメリット 1.3 大規模Webアプリケーションのための10の原則 2章 オブジェクト指向 2.1 OOPの
人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース わけのわからないバグやオレオレ仕様によって、すべてのWebデベロッパーの憎悪の対象であるマイクロソフト社のブラウザ「IE6」。その恨まれっぷりは、プログラマーとデザイナーの間の軋轢を軽く超えることは間違いありませんが、とうとうMS社自らが「IE6終了宣言」に向けて動き始めました。人類とIE6の戦いに、ついに終わりの日が来るようです。 今回マイクロソフト社が立ち上げたサイト「IE6 Countdown」は、いかにIE6のシェアが下がってきたか、なぜ私達はIE9に乗り換えるべきなのかを説明しているサイト。これを見ればあなたも即IE6との戦いに参加することができます。 IE6 Countdown 現在の国別IE6シェア。日本は世界の中ではやや高めとなる10.3%と、技術立国を目指す身とし
【2016/03/04追記】以前まとめたこのMVACという名前の設計は既に古くなっており、今はこのようなアーキテクチャで設計していません。 こんにちは。最近ははてなでMVACというアーキテクチャに則って開発をしているのですが、ようやく意味を理解できてきました。そこで今回は「Web Applicationを綺麗に設計するためのMVACという考え方」について、サンプルを交えながら説明していこうと思います。かなり長くなってしまったので、時間があるときにでもどうぞ。 MVACって? データソースやロジックを扱う「Model」、表示・出力を管理する「View」、複数のModelとControllerをつなぐApplication、ユーザのリクエストなどを受け取りViewやApplicationを制御する「Controller」の4つの要素を組み合わせてシステムを実装する方式。MVCをさらに抽象化した
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 (jQuery Mobileなどを利用した開発方法は置いといて) HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード(フルスクリーンモード)」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる!ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです( ̄▽ ̄;) 今回は、僕が知ってる大きな2つの注意点を
iPhone専用のwebアプリケーション「Running App」を作りました。 習作、ということで Alpha version としています。 機能としては ランニングの走行経路をGoogle Mapで表示 走行日時の記録 走行時間の記録 走行距離の記録 過去5回分の記録をiPhoneに保存 ざっとこんな感じになってます。 百聞は一見にしかず、ということで以下のリンクをiPhoneからどうぞ。 (PCからも一応閲覧はできるようにはしてますが、動きません) http://180mm.heteml.jp/lab/runningApp/ また、機能としては、ランニング開始時のRunning Appのロック画面表示中は、iPhoneをロックしても位置情報を取得し続けることが可能です iPhoneをロックして心置きなくランニングをお楽しみいただけます。 ※Running Appから他のアプ
【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編(前編) 2.HTMLとCSSで画像を操る編(後編) さて、前回はCSSでスマホ向けにする超基本の紹介でした。 が…実際のところ、あんな超シンプルなサイトは無い訳で… 実践となると、もう少し工夫が必要になってくると思います。 そこで、今回はサンプルをもう少し現実的な形にして、 スマホ化してみたいと思います。 今回のサンプルファイルです。 smart_sample02.zip <今回のポイント> 1.要素の取捨選択 → 要らない要素はdisplay:none; 2.HTMLとCSSだけで画像を振り分ける → HTMLソースにPC用とスマホ用の両画像を配置。idやclass指定で、CSSでdisplay:none; 3.CSS3グラデーションの活用&疑似要素を使ったカスタマイズ 今回のサンプルとなるサイトはこんな感じです。 前回よりも
【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編(前編) 前編の続きです。(前編はこちら) 3.CSS3グラデーションの活用 ヘッダはできあがりましたが、まだメニューの画像がヘンです。 こちらも、ヘッダでおこなったような方法が取れなくもないのですが、 さすがにメニューは5個もあるし、その分HTMLソースに記述するのは、なんだか気が引けます。。。 幸い画像がただのグラデーションなので、どうにかCSSを使って対応できるかもしれません。 CSS3には、グラデーションを描く機能があるため、それを活用してみたいと思います。 ★まず、メニュー画像は全てdisplay:none; この手法はもうおなじみ。 imain.cssに追記 #globalNav li>a>img{ display:none; } すると… 当然なのですが、メニューが無くなった。。。 メニュー画像を消してしまったので、
OAuth 2.0で Webサービスの利用方法はどう変わるか ソーシャルAPI活用に必須の“OAuth”の基礎知識 株式会社ビーコンIT 木村篤彦 2011/2/2 TwitterがOAuth 1.0を採用したのを皮切りに、今では多くのサービスがOAuth 1.0に対応しています。国内でも、例えば、マイクロブログ型コラボツール「youRoom」、小規模グループ向けグループウェア「サイボウズLive」、「はてな」のいくつかのサービス、「Yahoo!オークション」、リアルタイムドローツール「Cacoo」などがOAuth 1.0に対応したAPIを公開しています。 ここ数年でOAuthはさまざまなWebサービスのリソースを利用する際の認証方式として普及してきました。これは大きなプレーヤーがサポートしたことも一因ですが、OAuthの持つ以下の2つの特徴によって、「OAuthを使うと、サービスプロバイ
先日、WEBデザイナー見習いの人が相談にきて、どうやってWEBデザインを覚えたかという話になりました。 小生はデザイナーじゃないので、他のデザイナーがどうやってデザインメソッドや技術を習得したかは分かりませんが、小生の場合初めは真似することから始めました。 そのころはPSDのファイルなんて自分で作る以外は他人にもらうことくらいしか出来ませんでしたが、今や沢山のサイトからPSDのファイルをダウンロードすることが出来る時代なんですね。こういったPSDファイルに限らず自分のデザインの引き出しを増やす努力はどんなに知識や情報が増えようが欠かしてはならないと小生は思います。 先日、そんなPSDテンプレートファイルをダウンロードできるサイトを紹介したまとめ記事を見つけたので、ここで共有までにご紹介。 40 (Really) Beautiful Web Page Templates in Photosh
現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、本当にありがとうございました。助かりました。 追記1:ひとつ掲載漏れがありましたので修正しました。 追記2:コメント欄でご紹介いただいたサイトを追加いたしま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く