【初心者向け】RubyとSinatra、アンテナサイトの作り方 - 旧gaaamiiのブログ
（2014/12/29）チュートリアル動画を録画しました。こちらもどうぞ。 RubyとSinatraでアンテナサイトを作るチュートリアル - YouTube RubyとSinatraでアンテナサイト（WebサイトからRSS取得して表示するサイト）を作るチュートリアル的な記事を書いてみることにします。本記事の対象者は「HTMLはわかるけど動的なサイトは作ったことが無い」くらいの人です。 また、いかんせん素人が書いているものなので認識違いや説明不足が見つかるかと思います。コメントやTwitter、ブコメなどからご指摘くださると助かります。ちなみに、環境はMac OS Xを想定しています。 ソースコードは（初めて）GitHubに置きました。 » gaaamii/sinatra_rss 目次 1. はじめに 完成品 Ruby Sinatra フォルダを作る 2. とりあえずHello,World
SinatraとjQueryでおよそ100行で作るAjax掲示板アプリケーション - 旧gaaamiiのブログ
Web2.0と言われ始めた時代に、Ajaxという手法が広まりました。今ではAjaxを使っていないウェブアプリケーションを探すのが難しいくらい、Web開発の現場には浸透していると思います。もちろん、Ajaxを知らなくてもウェブアプリケーションは作れますが、これは使い心地を意識すれば自然と必要になってくるものです。 この記事では、実際に簡素な掲示板アプリを作りながら、現在ほとんどのウェブアプリケーションで使われているAjaxという手法を紹介していきます。ちなみに、タイトルの「100行で」というのは今回書いたapp.rb、index.erb、schema.sqlの３つのファイルのトータルがおよそ100行だという意味です。数字をタイトルに入れると読んでもらいやすいという話をどこかで聞いたので入れてみました。 ソースコードはGithubにも置いておきました。 gaaamii/ajax_sample
Flotでグラフ作成 折れ線グラフ・棒グラフ |
FlotというjQueryベースでグラフを作成するライブラリについての調査メモです。 Flotプロジェクト 上記ページからリンクされていますが、下記のExamplesとAPI referenceが参考になります。 Examples API reference まずはシンプルな折れ線グラフです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Basic Linechart</title> <!-- 必要なライブラリのインポート --> <script src="assets/j
JavaScript を PNG に圧縮する | Yomotsu net
JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基本的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮（ロスレス）形式の画像です。圧縮しても失われるデータはありません。
SJCL: a Javascript crypto library
The Stanford Javascript Crypto Library is maintained on GitHub. For more information, visit the project's new homepage. SJCL was started by Emily Stark, Mike Hamburg and Dan Boneh at Stanford University. Special thanks to Aldo Cortesi and Roy Nicholson for reporting bugs in earlier versions of SJCL. A whitepaper on SJCL by Emily Stark, Mike Hamburg and Dan Boneh was published in the 2009 Annual Co
Yahoo!、Ajaxライブラリ「YUI 3.11.0」を公開
米Yahoo!は、Ajaxライブラリの新版「YUI 3.11.0」を公開した。処理性能向上を目指し、AttributeとBaseに変更を加えた。 米Yahoo!は2013年7月16日、Ajaxライブラリの新版「YUI（Yahoo! UI Library） 3.11.0」を公開した。Webサイトからダウンロードできる。YUIのブログによると、新版ではバージョン3.10.0に引き続いて処理性能向上を目指し、AttributeとBaseに変更を加えた。プレビュー版の3.11.0pr1に存在していたバグは修正されている。 新機能として、データを複数のページに分割して表示する「Paginator」と「DataTable Paginator」を加えた。Paginatorは、例えば複数の写真をスライドショー形式で自動的に切り替えて表示できる。軽量かつ柔軟性の高い設計を採用し、サーバサイドでもクライアント
Firefox OSのアプリ開発は思ったより簡単？～関東Firefox OS勉強会レポート
このセッションでは、Firefox OSのカスタムROM開発について、ライブコーディングなども交えながら紹介され、出だしからいきなりの濃い話題となりました。ハードルが高そうに感じるOSの改造ですが、いわゆる「WebOS」であるFirefox OSは、Web技術をベースに開発されており、外見を変更するなどのカスタマイズは比較的簡単にできます。 セッションの冒頭には、Firefox OSをソースファイルからビルドする手順、Firefox OSの開発者向け端末「Geeksphone KEON」にビルドしたイメージを書き込み動作確認する手順が分かりやすく紹介されました。 カスタマイズに関しては、AndroidのカスタムROMを作成するプロジェクトである「JCROM」を参考に、スクリーンテーマの変更、ステータスバーの変更、通知領域の背景色変更、ロックスクリーンの変更、壁紙の変更、アプリテーマの変更に
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
Yeomanのあれこれ - Qiita
はじめに 僕はWebフロントエンドはほぼやってないんだけど、Firefox OSとかもアレだって事でソレ系にも手を出すかとあれこれやってたらまぁWebのフロントエンド周りのツールが何か色々あってよくわかんねーしどうしよっかなと思ってた所Yeoman辺りが大分良さそうなんじゃないか程度にはわかって来たので手を出してみた次第。 Yeomanってなに Webフロントエンドでよくある各種構成をコマンド一発で生成してやろうじゃん、というのがYeomanらしい。Yeomanは内部でyo, bower, gruntの3つのツールにわかれていて、Yeoman自身が作ってるのはyo。bowerはTwitter社が、GruntはBocoup社がメインで作っている。 ワークフローとしてはこうらしい yoでプロジェクトを作成し、bowerで依存性管理をし、gruntでビルド&テストをするという事だそうで。volo
爆速JSONPをオープンソース化しました
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 先日、ブログパーツ作成フレームワーク 爆速JSONP をGitHubにて公開しました。2012年8月にYahoo! JAPANのソフトウェアガイドラインをライセンスとするバージョンを公開しましたが、オープンソース化に伴い、CDNで配布しているファイルもGitHub版に差し替えています。（インターフェースは互換性を保っています） yahoojapan/bakusoku-jsonp · GitHub CDN版： https://s.yimg.jp/images/yjdn/js/bakusoku-jsonp-v1.js CDN版(圧縮済み)： https://s.yimg.jp/images/yjdn/js/bakusoku-jsonp
YOLP(地図) - Yahoo!デベロッパーネットワーク
Yahoo! Open Local Platform（YOLP）は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
Collie - High Performance Animation Library for Javascript
Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5. Collie runs on both PC and mobile using HTML 5 canvas and DOM. Collie can stably process multiple objects using rendering pipelines and supports useful features including sprite animation and user events. Stably supports iOS and Android, and renders with an optimized method for each platform. Al
2012年8月10日 勉強会
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/431/room ーーーーーーーーーーーーーーーーーーーーーーー
Tools and Techniques for Faster Development
This document discusses testing web apps with Remote IE and F12 Developer Tools. It provides an overview of using Remote IE to test websites on different versions of Internet Explorer. It demonstrates how to use the F12 Developer Tools to debug websites by setting breakpoints, inspecting elements, and profiling performance. The document notes that while tools between browsers share many similariti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本標準時プロジェクト https/http を介してアクセスされる場合
Engadget | Technology News & Reviews
経路検索「駅すぱあと」の路線情報・駅情報を無償提供（法人・個人向け）
つかってみよう！Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
You're Invited: Design the Future of Automotive Infotainment - The Linux Foundation
Google Packs Its I/O 2013 Website With Easter Eggs