Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

meteorに関するtuki0918のブックマーク (7)

  • ソーシャルサイトのピクトグラムアイコン112個セット:phpspot開発日誌

    Dribbble - Socialtograms by Steffen Nrgaard Andersen ソーシャルサイトのピクトグラムアイコン112個セット。 イラストレータ形式(ai)で入手できて使い勝手が良さそう。変に加工されておらず、公式と同じデザインになっているので、わかりづらくなることもないでしょう。 mixiのアイコンも入ってます(^^) 関連エントリ 手書き風だけどリアルなソーシャルメディアアイコンセット15 シンプルデザインが使いやすそうなソーシャルカウンター「SocialCount」 ソーシャルサイトへのシェアボタンのデザインを統一させられるjQueryプラグイン「Koottam」 Meteorで構築されたReddit風のソーシャルニュースサイト作成OSS「Telescope」

  • JavaScriptのみ!Meteorで作る簡単リアルタイムWebアプリ

    こんにちは。 この春に無事大学を卒業したので、KRAYアルバイトから社員に転職しました、浅海です。 最近、JavascriptのリアルタイムWebアプリケーションフレームワークのMeteorで遊びました。 リアルタイムWebアプリケーションを簡単に作ることができますので「最近流行りのリアルタイムWeb、一度やってみたいなー、でも難しそうだなー」と思っている方におすすめです! この記事ではグーグルマップ上で会話できるリアルタイムチャットの作り方を解説します。 完成品はこちら 目次 注意事項 Meteorを始める リアルタイムチャットの作成 Googleマップとの連携 作ったアプリケーションを公開する 宣伝 注意事項 ・この記事を執筆時点のMeteorのバージョンは0.42です。 ・「コマンド一発でインストール!!」とか書きましたが、これは自分が使っているMacでの話です。 windowsのc

    JavaScriptのみ!Meteorで作る簡単リアルタイムWebアプリ
  • Meteorを使ったリアルタイムチャットアプリケーション - Tech-Sketch

    はじめに デモ動画 が何とも印象的なJavascript Framework 「Meteor」 を使ってシンプルなチャットアプリを作ってみました。 現状ではDBに対して変更を加える際に認証ロジックが存在しないため、実用的なアプリを作ることは難しいですが、DB=ソース=画面表示が常に同期している感覚と、クライアントブラウザからDBを変更しているかのような感覚はなかなか新鮮です。時間の無い人はデモ動画だけでも見てみると 頭を抱えられる 面白いかと思います。 #自分はデモ動画を見た後、頭を抱えてなんだこれ・・・と呟いていました。 Meteorの特徴については綺麗にまとまっている記事があるので、ここで改めて解説はせず、以下の記事に任せたいと思います。 「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい

  • 第2回 Meteorアプリケーションの実行環境 | gihyo.jp

    Meteorの実行環境 連載第2回では、Meteorアプリケーションの実行環境についてお話しします。 Meteorは、すべてをJavaScriptで書くことができるという利点を最大限に活かし、サーバとクライアントでコードを共有したり、サーバのコードをクライアントから呼び出すことができます。そうしたことを実現するには、今回の内容を理解しておく必要がありますが、幸いにも大して難しい話ではありません。 MeteorによるJavaScript/CSSの管理自動化 HTML/JavaScriptを用いたクライアントを作成する上で、いつも頭を悩ませるのがリソースの管理です。 大規模なアプリケーションともなると、JavaScriptCSSが数十ファイルに上ることも珍しくありません。それらを通常の<script>や<link>で読み込むと、それらのファイルを読みこむごとにHTTPリクエストが発生するため

    第2回 Meteorアプリケーションの実行環境 | gihyo.jp
  • Webアプリケーション開発に新しいパラダイムをもたらす「Meteor」 - builder by ZDNet Japan

    話題沸騰の「Meteor」とは 4月に公開された新しいWebアプリケーションプラットフォーム「Meteor」が話題だ。 MeteorはJavaScript/HTML/CSSによるWebアプリケーションを開発するためのフレームワークとパッケージマネージャー、実行環境などがセットになったプラットフォームである。Node.jsが基盤として採用されているため、サーバ/クライアントともにJavaScriptで記述することが可能で、データベースシステムとしてはMongoDBを備えている。 Meteorの最大の特徴は、開発のリアルタイム性を極めて高いレベルで実現している点だ。クライアント側でコードに変更を加えたら、即座にそれがクラウド上に展開されたアプリケーションに反映される。そして書き換えられたページは即座にWebブラウザにPush配信されるため、ページを更新するためにリロードボタンを押す必要すらない

    Webアプリケーション開発に新しいパラダイムをもたらす「Meteor」 - builder by ZDNet Japan
  • ダイアリーのデザイン変更 / Meteor.js でスタイル変更作業 - naoyaのはてなダイアリー

    この頃このダイアリーを時折更新していますが、改めて見てみるとデザインが野暮ったかったので、変更しました。Readability を通して読んだときのスタイルが非常に読みやすいので、そのスタイルをパ・・・参考にしました。 ちょっとまだ一部スタイルが当たってないところもありますが、基はこの路線で。Chrome、Firefox、Safari では確認済み。Windows と Opera では見ていないのでどうなるかわかりません。 どうやって変更したか ダイアリーの管理画面にスタイルを入力してプレビューで・・・とちまちま変更していくのは流石に大変なので、やり方を少し工夫しました。先日触った Meteor.js を使って先に簡単なアプリを作って、そのアプリ上で変更してできあがった CSS を管理画面に貼り付ける、というもの。 以下、そのソース。 https://github.com/naoya/m

    ダイアリーのデザイン変更 / Meteor.js でスタイル変更作業 - naoyaのはてなダイアリー
  • Meteor.js - naoyaのはてなダイアリー

    http://www.meteor.com/ で公開された Meteor.js を少し触ってみました。TechCrunch なんかでも話題になっていましたね。 Meteor.js は JavaScript によるウェブアプリケーションフレームワークですが、クライアントサイドでもサーバーサイドでもない、"Isomorphic" なフレームワークです。 コンセプトとしていくつか特徴があるのですが、その最たるものは "Reactive Programming" で、モデルやセッションなどのストレージを更新するとその更新内容がリアルタイムに、そのアプリケーションを開いている全クライアントに伝わるようなアプリケーションを簡単に作ることができます。 この辺は実例を見るのが早いです。 http://www.meteor.com/examples/leaderboard ここにある動画では、あるブラウザで

    Meteor.js - naoyaのはてなダイアリー
  • 1