In this tutorial, I will be showing you how to build a chat application using ReactJS and Pusher. T In this tutorial, I will be showing you how to build a chat application using ReactJS and Pusher. This is a very simple application and it comes with functionality which will be showing some of the rich features of Pusher and how you can easily combine it with a modern library like React. Every chat
やりたかったこと webサイトでよくあるファイルアップロード機能をcorodovaアプリでも実装する必要がありました。 最初はwebサイトと同じようにinputタグのtype=fileで実装しようとしてたんですけどcordovaのプラグインを調べてみると以下のプラグインがありました。 ・ImagePicker ・File Transfer ImagePickerはデバイスの画像選択画面を使える機能 File Transferは端末の画像(ファイル)をサーバにアップロード機能(逆にダウンロードもできるようです) まずはどのようなUIになるか。 そしてどのように実装するかを簡単にサンプルをあげます。 どんな画面になるか iPhoneシュミレータですがこんな感じになります 1. これはhtmlで作ったページ このページの「追加」ボタンをおすと 2. フォルダの選択ページに遷移します(これはネイテ
mag.module('lister', { controller: function(props) { this.item = [1, 2, 3] this.title = 'Lister' }, view: function(state, props, element) { state.h2 = { _text: state.title, _onclick: function() { state.show = state.show ? !state.show : true state.item.reverse() state.title = 'Gister' + state.show } } } }) mag.module の第一引数、lister は <div id="lister"> と対応しており、ここで両者が結ばれます。controller 関数は一度だけ呼ばれて、view 関
MacBookのディスプレイにしみができる「Staingate」事件!?という記事を書いたことがありました。2013年発売のMacBookに多く発生しているようですが、ディスプレイが著しく劣化してしまう問題があり「Staingate」事件と呼ばれていました。Apple、MacBookの反射防止コート劣化問題に対して無償修理プログラムをひそかに開始 | スラド アップルという記事になっており、問題に対応するプログラムがスタートしているそうです。 無償修理期間は購入日から3年間または2015年10月16日から1年間のうち長い方が適用され、影響を受けるユーザーはGenius BarまたはApple正規サービスプロバイダーで修理手続きを行うことができるという。 自腹で修理したユーザーもいるそうですが、そういう人に対しては返金処理がされるということです。ただし、これはアメリカの話で、日本がどのような
Minimal 2kb zero dependency cascading grid layout without pain. Demo There's a simple example on jsbin. Usage It works on a grid container with a group of grid items. Then: var grid = new Minigrid({ container: '.cards', item: '.card', gutter: 6 }); grid.mount(); Installation Get it from npm. npm install minigrid Or 1998 script tag from npmcdn: Upgrade Upgrading from v1.x or v2.x? Please read the f
今ではスタイルシートをゼロから組むことは減ってきているかも知れません。レスポンシブな対応であったり、全体的な見た目の統一感を考えるとフレームワークをベースにした方が楽だからです。とはいえ、大型なフレームワークを使うと束縛が強くなります。 BootstrapやFoundationが有名ですが、今回はそれらに対抗していこうとしているKickstartを紹介します。軽量なスタイルシートフレームワークです。 Kickstartの使い方 スクリーンショット多めで紹介します。アラート表示。 ボタン。 コンテナ。 フォーム。 ラベル。 モーダル。 ナビゲーション。 通知(右上)。 テーブル。 タブ。 ツールチップ。 タイポグラフィ。 プロフィール表示のデモ。 Kickstartはスタイルシートのサイズが80KBで、Bootstrap(117KB)/Foundation(148KB)よりも軽量です。また、
Twitter でプロダクトマネージャーについてぶつぶつ呟いていたら、まとめられていました。ありがとうございます。 プロダクトマネージャー制度を導入するにはどうすれば良いのか プロダクトマネージャーについてあれこれ考えていることを、ここらで一旦整理する良い機会かなとも思いましたので、ちょっと文章をこさえてみることにしました。一年ぶりにブログでも書いてみようと思います。 プロダクトマネージャーはユニコーンなのか。なぜそれが必要なのか。プロダクトマネージャーを見つける / 組織で制度化するとはどういうことなのか。それについて自分の考えを述べていこうと思います。 プロダクトマネージャーは新しいユニコーンか? 昨今よくプロダクトマネージャーが話題になっていますが、人によっては「プロダクトマネージャー」 が今自分たちができないことを象徴している/それが登場すれば全てが解決する銀の弾丸的なもの・・・い
赤外線写真 自分が、何度もチャレンジしてはうまくいかないもののテーマの一つに赤外線写真があります。赤外線フィルタを使って長時間露光で赤外線写真を撮ったりしていました。もう3年以上前の記事なのに今だに検索されることが多いです。みんな赤外線写真によっぽど興味があるのか、よからぬことを考えているのか… ただ、やはり問題としては長時間露光が必要なため、画質に影響が出てしまうのとなにより撮影が難しい点。かといって赤外線フィルタを取り外す改造はリスクが高すぎる。そういえばRaspberry Piに赤外線フィルタレスのカメラモジュールがあったし、昔Raspberry Piでデジカメ作ってるし、Raspberry Piで赤外線デジカメ作れそうじゃん!と思いついたので作ってみました。 ただ、以前作ったデジカメはディスプレイが壊れてしまい使えなかったので、ハードウェアは一から作り直しました。といっても市販のケ
Web画面上に表示されている文字列をコピーするのは意外と面倒ですが、クリップボードの操作ができないために色々な工夫が考えられてきました。Flashを使ったものが多かったのですが、HTML5になってFlashは使われなくなってきています。 そこで代替として使ってみたいのがclipboard.jsです。Flashなしでクリップボードの操作ができるJavaScriptライブラリです。 clipboard.jsの使い方 clipboard.jsのデモです。テキストボックスの文字列をコピーします。 アイコンのクリックでコピーされました。 こちらはカットのデモ。 文字が消えてちゃんとカットされました。 こちらは表示されていない文字列をコピーします。data-clipboard-textでコピーする文字を指定しています。 clipboard.jsのタネは新しく出てきたexecCommandというAPIに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く