第12回 ［最終回］Meteorが指し示すWebアプリ開発の未来 | gihyo.jp
さて、これまで10回以上に渡って続けさせていただいたこの「Meteor完全解説」ですが、今回が最終回となります。「完全解説」を銘打っておきながら、説明できていない機能を残していることが大変心苦しいのですが、どうかご容赦ください。 ただ前回までの連載により、Meteorのエッセンスとも言える部分についてはほとんど説明を終えたといっても良いかと思います。これまでの記事を振り返ってみても、やはりMeteorは非常に先進的なフレームワークです。Webアプリ開発にかつてないような生産性をもたらすだけでなく、「リアルタイムWeb」の時代をぐっと手元に引き寄せるような手応えを感じます。 今回は最終回ということで、Meteorのさまざまな機能を振り返りつつ、Meteorという先進的なフレームワークが指し示す、Webアプリケーションの未来を探ってみたいと思います。 Nodeを利用した「フルスタックフレー
ゆーすけべー日記
今週末の金曜日、3月15日に「JAWS DAYS 2013」のパネルディスカッションのパネラーとして呼ばれておりましてー。 風呂グラマーのmasuidriveさんとTreasure Dataの太田さんとお話をするらしく多少ビビってる僕です。 プログラム・スピーカー紹介 | JAWS DAYS 2013 | 2013/3/15（金）～16日（土）東京ビッグサイトで開催！ 実はこのAmazon Web Serviceユーザーにおける祭典「JAWS DAYS」のイベントに呼ばれた前日。 ちょうどボケてを某さくらVPSからEC2含むAWSへせっせと移行していましてー。 ま、つまりは「AWSでこれからバリバリ運用始めるぜ！」ってタイミングでのお呼ばれでしたw イベント自体はおもろい事話せればいいなーとは思いつつ、AWSへ移行して、もしくはAWSへの準備の段階で得たTipsを箇条書きでまとめてみます。
最大1000人までプレイ可能なボンバーマン風ブラウザゲーム『Bombermine』 | Game*Spark - 国内・海外ゲーム情報サイト
昨年惜しくも解散となってしまったハドソンが生んだ世界的ヒットタイトル『ボンバーマン』。複数人で楽しめるシンプルな対戦プレイが魅力の説明いらずの名作タイトルですが、海外有志が制作した最大1000人まで参加できるボンバーマン風ブラウザゲーム『Bombermine』が密かに話題となっています。 プレイヤーはサーバーに設置された1つの超巨大マップに接続して対戦を行うといった内容。大人数という事もあってかゲームの勝敗は無く、代わりにキル/デスを記録したプレイヤーリザルトが表示される仕組みとなっています。 その他、マップの各所には宝箱が設置されており、中にはオリジナルアイテムも存在しているようで、複数人で宝箱を奪い合う場面もちらほら。海外ユーザーの間では全体チャットでコミュニケーションを取りながらお祭りゲームとして楽しまれている様子です。(ソース： Rock Paper ShotGun) 【関連記事】
Chrome 拡張機能「Page Analytics」 - アナリティクス ヘルプ
ページ解析レポートのサポートが、2017 年第 1 四半期に終了したことに伴い、Chrome 拡張機能「Page Analytics」のサポートを 2017 年第 3 四半期に終了しました。本拡張機能は更新されませんが、継続して使用できます。Analytics のユーザーは Chrome ウェブストアからダウンロードできます 。 この Chrome ブラウザ向け拡張機能をインストールすると、アナリティクスでトラッキングしているページを読み込んで、次の情報を確認できます。 指標: ページビュー数、ユニーク ページビュー数、平均ページ滞在時間、直帰率、離脱率 アクティブ ユーザー数（リアルタイム） ページ内クリック分析（ユーザーがクリックしたページ内の場所） デフォルトでは、上記の情報はページ上のスコアカードに表示されます（下図参照）: スコアカードを表示するには、情報を収集するアナリティクス
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
Google Analytics APIを使って、プラグインに頼らずに記事のアクセスランキングを表示しよう［ wordpress］
こんにちは、霙（@xxmiz0rexx）です。 サイトにGoogle Analyticsを導入していることが条件ですが、APIを利用すればプラグインに頼らなくても記事のアクセスランキングが表示できることを最近知りました！色々カスタマイズもしてみましたので、以下に手順とサンプルコードをメモしていきます。 1：GAPI（GAPI – Google Analytics API PHP Interface）をダウンロード まずは下記のサイトからライブラリが入っているzipファイルをダウンロードします。 gapi-google-analytics-php-interface 2：example.report.phpの中身を編集 次に、ダウンロードしたzipファイルを解凍し、中に入っているexample.report.phpを編集していきます。 下記のサンプルは結構盛りだくさんなので要らない部分は外し
ブロガーは要チェック！サイト滞在時間と直帰率が約10%改善するって噂の「Recommendation Bar」を導入しました。｜男子ハック
Web制作ブロガーは要チェック！サイト滞在時間と直帰率が約10%改善するって噂の「Recommendation Bar」を導入しました。2012年7月31日241 @JUNP_Nです。ブログを読んでいると画面右下からニョキッと記事をオススメしてくれる「Slide for SimpleReach」導入しているブロガーさん、Facebookが同じ系統のソーシャルプラグイン「Recommendation Bar」のβ版をリリースしてますよ。 Facebook全盛期だしFacebookプラグインは効果があるかも？導入にかかる時間は数分です。興味のある人は試してみてはいかがでしょうか？ 現段階ではβ版とのことで、Facebook公式のSocial Pluginsのページには掲載されていませんので、コードの入手はこちらからどうぞ。 Recommendations Bar - Facebook開発者 設
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （その時は無料RSSサービスを使っていました・・・） そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀｀*)ﾉ ちなみに、以前はAPIキーを取得する必要があったよ
Amazon EC2 を使った無限IPアドレスの作り方 - ぼくはまちちゃん！
こんにちはこんにちは！！ たまにIPアドレスがたくさん必要な時ってありますよね。 ぼくも先日そういう機会があって、ちょっと困りました。 で、「AmazonさんならIPいっぱいもってるのでは？」ってことで、 ちまたで話題のクラウドサービス Amazon Web Servise を試してみました！ あ、もちろんタイトルは煽りぎみで実際にはIPアドレスは有限なんですが＞＜ 正直、クラウドとかサーバーとかよくわかってなかったんですが、 とりあえず試してみたら意外と簡単にできたので、忘れないようにメモしておきます！ そうそう、Amazonのクラウドって高そうなイメージがあるけど、いまだと制限つきで無料らしいので、お得ですね！ もし無料枠こえても、無茶な使い方をしない限りはそれほど高くない。と思います。たぶん。 制限を見る限り、とりあえず一ヶ月がっつり試すだけならタダです！ 必要なもの： ・クレジット
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
[CSS]わずか12個のclass名で多彩なグリッドを組み立てるCSSのフレームワーク -StackLayout
IE6をはじめ、iPhone, iPadにも対応した、可変レイアウトも固定レイアウトにも利用できる実用的で多彩なグリッドを組み立てるCSSのフレームワークを紹介します。 StackLayout デモページ：Basic Mockup [ad#ad-2] StackLayoutの主な特徴 StackLayoutの対応ブラウザ・デバイス StackLayoutで使用する12個のclass名 StackLayoutのデモ StackLayoutの使い方 StackLayoutの主な特徴 わずか12個のclass名で、コンポーネントを管理 class名は、簡単にセマンティックなものに変更可能 ネストの制限は無し floatのクリア無しで、エレメントを横列に簡単に並べることが可能 デフォルトは可変レイアウト用で、固定レイアウトにも対応 各カラムの溝の設定は簡単で、px, %の両方に対応 StackLa
付加価値コンテンツとは――スクレイピングからグラフ化まで
前回までの記事で、オルタナティブ・ブログを例とした過去ランキングの「期間」を抜き出すスクレイピングについて解説した。 今回の記事では、スクレイピングの最終目的となる「各週の1位から10位のタイトルとURL」を配列として抜き出す手法、そしてグラフ化を行う手順までを見てみよう。 1位から10位のタイトル、そしてURLを抜き出すスクレイピングには、幾つかの手法が考えられる。例えばリスト2のように記述することが可能だ。 リスト2■配列要素を抜き出す my $scrape_ranking = scraper { process 'span > a', 'link[]' => '@href', 'title[]' => 'text'; result 'link', 'title'; }; my $scrape_term = scraper { process 'div#postranking > di
気に入ったページや画像をどんどんメモっていけるサイト「memonic」*二十歳街道まっしぐら（FC2ブログ時代）
「memonic」は自分が気に入った記事や写真などをスクラップしていけるサイトです。 Tumblrのような感じだと思っていただければいいかと。 ページ全体じゃなく、ブロック単位で引用できます。 ブックマークレットも用意されているのでポストは簡単。 いかに使ってみた様子を載せておきます。 まず「memonic」にアクセスしましょう。 スクラップしたいページのURLを入力します。 そして、「showpage」よりページへ移動します。 最上部にmemonicのツールバーが表示されます。 早速スクラップしてみます。 ブロック単位で指定できます。 マウスでポチポチクリックしていけばOK。 スクラップしたい部分の指定が終わったら、「Save selection」で保存。 これで完了です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
電脳マヴォ：ムライ作品集 トリコの本棚 鳥の眼/ムライ
設計から実装まで、今すぐ始める高速化
https://feezch.info/
さまざまなテーマでさくっとダミー画像が作れる『lorempixum』 | 100SHIKI
IDEA * IDEA
CSSをすっきりきれいに整形してくれる『ProCSSor』 | 100SHIKI
