debugCSS : (X)HTML debugging tool built with CSS
debugCSS: (X)HTML debugging tool built with CSSdebugCSS is meant to be loaded on an existing page to highlight potentially broken, malformed or legacy (X)HTML. Not all "errors" are created equally, so they are color coded to highlight severity. Green is "probably not a big problem", yellow is "worth looking at" and red is "you really should fix this." Click and drag the link below to your bookmark
Web ComponentsのこれからーPolymer 0.8、X-Tag、Brick、Bosonic
Web ComponentsのこれからーPolymer 0.8、X-Tag、Brick、Bosonic 泉水翔吾 この記事は、連載「基礎からわかるWeb Components徹底解説～仕様から実装まで理解する〜」の第5回目になります。今回は、先日発表されたPolymer 0.8の変更点、MozillaのWeb Componentsへの関わり方やX-Tag、Brick、BosonicといったPolymer以外の周辺ライブラリについて紹介します。 Polymer 0.8のリリース 先日、Polymerのバージョン0.8がリリースされました。 0.8 Released! – Polymer Blog 0.8は1.0のリリースに向けたアルファリリースと位置付けられています。APIも正式版への提案として大きく変更が加えられており、これまでとの互換性も保たれていません。既に実践でPolymerを使って
スケーラブルなプログラミングのために何が必要か - ジンジャー研究室
Fluxに関する独自解釈と妄想を、何かの翻訳っぽく書いた。 スケールするアーキテクチャ フレームワークを作る時、我々は「簡単に記述する」ことを第一に考えがちだ。 そして、簡単にするための仕組みはウケる。 逆に記述量が増えるとウケない。 しかし例外があって、多く書くことによるメリットが受け入れられたときは別だ。 例えば、Backbone.jsを使うと記述量が増える事は誰もが認めるところだが、MVCの実現というメリットのために広く受け入れられた。 要するにトレードオフなのだ。 ここのところFluxアーキテクチャが注目を浴びているが、書いてみると記述量は相当増える。 そもそも登場人物が多すぎる。 Action、Dispatcher、Store、View、それからそれらの間に挟まって仕事をする者達。 一体彼らは何をしたいのか。 最近になって分かってきた。 これはアプリケーションそのものを抽象化した
Reactデザインパターン - すべてがeになる - Qiita
次期プロダクトでReact.jsを使ってみようと思っていて、その設計をどうすれば良いのかと試行錯誤した結果、それなりにイケてる結論に辿り着いたので、そのメモ書きです。 作ってみれば、Fluxとはこういうことか！というのがわかります。(若干アレンジはされてると思うけど。) それまで漠然と「ふーん、なるほどね。。」みたいな感じでなんとなくしか理解してなかったFluxが実は超画期的なパラダイムシフトであったことに気がついて結構衝撃を受けています。(^^; ちなみにプログラミングの文脈でeと言ったらまず思いつくのがEventかExceptionのどちらかだと思うけど、この場合はもちろんEventのことです。 すべてがExceptionになるのなら、即刻使うのを止めた方が良い。(^^; Fluxとは Fluxの説明では必ずと言って良いほど参照される図なので見たことある人も多いと思うけど、こういうアー
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
una.im | Sass Pixel Art
It is 6:37 AM and I am at an airport. This is where to best ideas happen right? I’ve been perusing the Internet to find some practical examples of Sass lists using list functions in production (somewhat unsuccessfully) and stumbled upon this really awesome CodePen by @shadowmint and @jackarmley. Hmm. Just the thing I needed for in-flight entertainment for the duration of the trip. I wanted to get
宮崎駿 引退後の最新作！ 漫画『鉄砲侍』完成前にフィギュアが発売
数多くのスタジオジブリ作品を生み出してきた宮崎駿監督が手がけていた、漫画原稿『鉄砲侍』の主人公・蛭子八郎太のフィギュアが製品化。宮崎監督が描いたイラストやフィギュアの詳細が、特設Webサイト上で公開された。 2013年9月に、長編アニメーション制作からの突然の引退を発表した宮崎監督。スタジオジブリのプロデューサー・鈴木敏夫さんは、彼が引退後に模型雑誌『月刊モデルグラフィックス』に寄せて、本作品を描いていたことを明かしていた。 たとえ完成までに時間かかっても、『鉄砲侍』は絶対に読みたい。 『鉄砲侍』は、1560年代の関東地方、北条家と上杉家の勢力がしのぎを削るなか最前線で戦う騎馬鉄砲隊の武士・蛭子八郎太を描いた物語。 引退後に筆を取り始め、およそ1年をかけて、想定していた第1部の合戦シーンの半分ほどを描き上げたが、その後宮崎監督の筆は止まってしまい、現在は連載中止、あるいは無期限延期かという
50 Shades of Go: Traps, Gotchas, and Common Mistakes for New Golang Devs
Go is a simple and fun language, but, like any other language, it has a few gotchas... Many of those gotchas are not entirely Go's fault. Some of these mistakes are natural traps if you are coming from another language. Others are due to faulty assumptions and missing details. A lot of these gotchas may seem obvious if you took the time to learn the language reading the official spec, wiki, mailin
Go言語でSQLのトレースをする
ぴっぴ先輩が「Go言語で発行したクエリを確認したい」って言ってて、 「MySQL使っているならGeneral Logを吐けばよいのでは？」と返したんだけども、 もっと汎用的な方法はないものかと考えてみました。 Golangの database/sql はどんなDBでも対応できるよう、ドライバを自由に入れ替えることができます。 ドライバは単にdatabase/sql/driverにあるインターフェースを満たしている何かなので、 ユーザが自由に作ることができるし、interfaceを経由して直接呼び出すことも可能です。 この仕組を使って、別のドライバにそのまま渡すプロキシを作れば、ログを吐けるのでは？ということでやってみました。 go-sql-proxy 使い方 まず最初にgo-sql-proxyをドライバとして登録します。 hooks := &proxy.Hooks{ // Hook fun
Rails 5 の足音 - 弥生開発者ブログ
こんにちは、Misoca開発部のtaiki-tです。 名古屋に引っ越して半年が経ちました。良いところですね。 さて、GWも終わってしまいましたが、2015年は9月にシルバーウィークがあるので、それまで頑張りましょう。 今回は、RailsConf 2015で紹介されたRails 5 についての話を少し紹介したいと思います。 Rails5から加わる主な機能 ActionCable Turbolinks 3.0 Rails API ActionCable ActionCableの「Cable」は、WebSocketを表します。 WebSocketというcableでユーザとアプリケーションをつなげる、というコンセプトに基づきます。 WebSocketと聞いてピンときたかもしれませんが、ActionCableは、Railsにリアルタイム通信の仕組みを取り入れるものです。 これまではRailsでリアル
gojiとgo-xslateを使って、GoでのWebアプリケーション開発入門をした - $shibayu36->blog;
Golangで簡単なwebアプリを作るためにどうしたらいいか調べていたので、試しにGojiというフレームワークと、go-xslateを使ってHello Worldをしてみた。 GitHub - shibayu36/goji-and-go-xslate-sample http://localhost:8000/hello/world にアクセスすると、以下の様なものが出るだけのアプリケーション。 これを作った手順にしたがって簡単に紹介。 作成手順 まずはルーティングを作成 https://goji.io/によると、main関数の中にルーティングを作成してServeすれば良いだけっぽいのでまずはそれを作ってみる。 func main() { goji.Get("/hello/:name", hello) goji.Serve() } これで/hello/{name}でhello関数が使われるよ
GAE/GoのWebアプリをTravisCIで自動テスト＆自動デプロイする - Qiita
GAE/GoのWebアプリをCircleCIで自動テスト&自動デプロイするを見かけたので、OSSなら無料で使えるTravisCI版を書いておきます。 .travis.yml全体 ※2015/01/28追記 GAE/GoでAppStoreのレビューをSlackに通知してくれるやつ作ったで紹介しているほうが少し新しくなっていますので、そちらも参照してください。 せっかちな人向けに先に設定結果を置いておきます。 こっちのリポジトリにも置いてあります。 https://github.com/yosukesuzuki/go-malt language: go before_install: - pushd $HOME - wget -q https://storage.googleapis.com/appengine-sdks/featured/go_appengine_sdk_linux_amd6
Google App Engineアプリへ課金登録前後の利用枠の差異(SocketAPI) -
Google App Engineアプリへ課金登録前後の利用枠の差異(SocketAPI) Google App Engineの課金を有効化して初めて利用できるようになる機能が存在し、 課金情報を登録していない場合にどのような機能が制限を受けているのかが、 あまり明確に書かれている文書が見当たらないように感じます。（英語ではあるのかも） 今回、おそらくSocketAPIが利用できない為に、 WordPress周りでエラーに直面することになりましたが、 こうした課金登録を行わない場合に制限を受けている機能は以下から読み取れます。 課金登録を行わない場合に制限を受けている機能 課金を有効化しなければSoket APIが利用できない根拠になると思われる文書は、 以下が参考になります。 以下の文書では課金を有効化し、 無料割り当ての範囲内でGoogle App Engineを利用した場合の価格表で
net/httptestでgojiのテストをする — そこはかとなく書くよん。 ドキュメント
net/httptestでgojiのテストをする¶ goji でWebアプリを書こうとしていま す。APIサーバーとして使うときに、テストが気になります。 golangは net/http/httptest というhttpのtestを行うパッ ケージが最初からついています。これを使うと簡単にテストを記述できます。 httptest.Serverはlocalのloopbackインタフェースでサーバーを作成します。 (2014/11/20追記): mopemopeさんから「Routingのテストを入れたほうがいいのでは」というご指摘を受けたので、Route設定を別関数に分け、テストからも使うようにしました。 サンプルアプリ¶ /hello/hoge というURLにアクセスが来たらJSONを返す、という単純なア プリです。 package main import ( "encoding/json
GAE/GoのWebアプリをCircleCIで自動テスト&自動デプロイする - Qiita
はじめに 以前投稿した「IntelliJ IDEAを使ってGAE/GoのHelloWorldする」のGAE/Goで作ったWebアプリを、CircleCIからGoogleAppEngineへdeployする手順の説明です。 前提条件・環境 GoogleAppEngineでアカウントが登録済み CircleCIでアカウント登録済み GAE/GoのWebアプリのリポジトリがGithubにある CircleCIの設定 プロジェクト直下にcircle.ymlを追加 今回は、appengineのバージョン1.9.12の例。 machine: timezone: Asia/Tokyo dependencies: pre: - curl -o $HOME/go_appengine_1.9.12.zip https://storage.googleapis.com/appengine-sdks/featur
今日から始める Go言語 と appengine
2. Introduction • 今日なにやるの？ - Go言語 で appengine を始めてみよう - appengine でGo言語を始めてみよう - 何かしら動くものを作ってみます - 今日からすぐにやってみよう、という気持ちに なってもらえれば！ 3. Do you know golang? • 2009年11月10日(米国時間)に Google よりリリース。OSS • Simple • コンパイル・実行速度が速い • タイプセーフかつメモリセーフ • 並行処理の記述が容易にできる（goroutine） • Google トレンド急上昇中 • 「2014年 プログラミング大予測」（日経ソフトウェア2014年2 月号特集）にて「Go言語 のキャズム超え」を挙げる方も （@t_wada） 4. Do you know appengine? • 正式名称「Google App E
Quickstart for Go App Engine Standard Environment | App Engine standard environment for Go | Google Cloud
This guide helps you get started with App Engine and become familiar with developing, deploying, and managing a Go app. After you build your app, you can read other tutorials to learn how to integrate with other Google Cloud services and add more features to your app. Costs There are no costs associated with running this guide. Running this sample app alone does not exceed your free quota. Setting
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Google Cloud SDK をダウンロードしてインストールする | App Engine Documentation
