サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
猫
pirosikick.hateblo.jp
nodejs.connpass.com ニフティの場所難易度高い&都庁前駅でGoogleマップ使ったら現在地が御徒町になるなどのトラブルがあり、最初の発表の半分くらいを聞き逃したorz 感想 真のIsomorphic(Truly Isomorphic)ってのがよくわかってなかったが、「IsomorphicってServer Side Renderingのことっしょ?」に対する「いやいや、Viewだけじゃなくて全部が両方で動くことやで」みたいな理解であっていますでしょうか? 「Server SideレンダリングできるとSEOにいい」とか個別の事象に対して注目してしまっているので、 新しい技術や流行りの技術が出てきたことによってArchitectureがどう変化したかや、 それらが生まれる背景にある課題など、 もっと俯瞰して見る必要があるなと感じた。 @koichikさんの歴史から辿っていく感じ
gunosy-frontend.connpass.com 行った。オフィスすごく綺麗だった。 みなさんすごい勢いで発表していくし、ピザの香りでお腹すくし、終わった後の疲労感すごかったw ReactNativeの話も、v0.13〜の話も、実践?の話も聞けて結構満足度高めだった。 感想 React.jsで考える再利用性の高いUIデザイン うまく抽象化できれば確かになんか楽になりそうと、よくわからんけどワクワクした 「Componentが貯まればよりスピード感高まる」と言っていて、なるほどーと思った。 が、まだv0.13だし、Componentのメンテが大変にならないかなーとも思った React Canvasで作るFlappy Bird 逆にJS+DOMでも170行くらいで作れるのかというのに驚いた パフォーマンスはそんなに変わらなかったと言っていて、Flipboardが言っている60fpsの恩
ng-japan - AngularJS Japan User Group | Doorkeeper Angular1.3以降や2系についてはあんまり追っていなかったので、参加してみた。 最近はディスられていた印象が強かったけど、Communityがすごい規模になってもCommunityを重視して開発を進めようとしているっぽいので、Angularは長く支持されそうだなと思った。 2系ではパフォーマンスがかなり改善されるし、TypeScriptとの連携も強くなるようなので、しばらく使っていなかったが触っておかないと今後困ることがありそうだなと感じた。 以下、メモ。 Angular 1.4 and beyond @chirayuk Chirayu Krishnappa https://twitter.com/chirayuk Google 1.4まだ出てないけど1週間位で出るで もっとも安定し
最近、JSを書く時はBabelを使ってES6で書いている。 mochaでテストを書く場合も下記で簡単に導入できる。 $ npm i -D mocha babel $ $(npm bin)/mocha --compilers js:babel/register そんな感じでTestiumとmochaで下記のようにテストケースを書いて、テストを実行するとエラーが出た。 // test/home.js 'use strict'; import injectBrowser from 'testium/mocha'; describe('Some page', () => { before(injectBrowser()); it('should display "Hello World"', () => { this.browser.navigateTo('/'); this.browser.as
小ネタ。毎回調べてる気がするので書いておく。 Code highlighting for Keynote presentations # 1. brewでhighlightをインストール $ brew install highlight # 2. 貼り付けたいソースコードをクリップボードにコピーしhighlight実行 $ pbpaste| highlight --syntax=js -O rtf | pbcopy # ファイルの場合はcat $ cat file.js | highlight --syntax=js -O rtf | pbcopy # 3. クリップボードにコピーされているので、Keynoteに貼り付け オプションがいろいろあるので各自好みで調整する。 # デフォルトだと白系のテーマなので、--styleで変更する # styleの一覧は highlight -w で表示
ES6+カジュアルトーク - connpass 6つのLTどれも面白くて前日申し込みで滑り込めて本当に良かった。 カジュアルトークということで、全部で1時間半くらいとあんまり疲れなかったし、 でも内容は全然カジュアルじゃなく深い感じで本当に楽しい時間だった。 @teppeisさんのLTがかなり良くて資料をあとで見直したい。 Closure Compilerがあんなに高機能だったとは知らなかったw ハッシュタグに かなり補足情報があったので後で読もう。 以下、メモ Runstantで始めるEcmaScript6 @phi_jp DeNA Runstant http://phi-jp.github.io/runstant/release/alpha/ 全部消して「es6」と入力してCmd-sでES6サンプル集 Node.js v0.12で使えるようになるES6+αの機能 Node.js v0.
第51回 HTML5とか勉強会 - connpass パフォーマンスに関するWeb標準についてとか、Web Animation APIとかは知らなかったのでちゃんと追わないと。。。 Chrome Dev Toolsの使い方とか、やらねばやらねばと思いつつも、FluxとかRact.jsとか、 ものを作るために必要な技術の勉強を優先してしまっているので、 会社で勉強会開くとか無理やりでも時間作らないとなーと思いました。 以下、メモ ブラウザのパフォーマンスを限界まで高める、HTMLコーディングの考え方 ブラウザのパフォーマンスを限界まで高める HTMLコーディングの考え方 from Hiroshi Kawada ブラウザのパフォーマンスを限界まで高める HTMLコーディングの考え方 川田寛さん NTTコムウェア株式会社 @kawada_hiroshi HTML5expoerts.jpとかに書い
テンプレートエンジンNight on Zusaar Ustream.tv: ユーザー moznion: Template Engine Night, Recorded on 2014/10/17. コンピュータ 昨日行ってきたー。テンプレートエンジンいっぱいあるなーと思った(小並感) React.jsみたいにサーバサイドレンダリングが簡単にできるとFE/BEで同じの使えるからいいなーと思ってるけど、mizchiさんがLTで言っていたように、AltJSとの相性が悪かったり、Emmetで書けるとうれしいんだけどまだそういうの無いし(たぶん。あったら教えてほしい)、とかまだまだパーツが足りないんだろうなーと思う。けど、今のところ自分はReact.jsがすごい好き。 あと、PHPならFacebookのXHPがかなり良さそうだった。Facebookってすごいなーと思った(小並感) 結構長丁場で自分が
SCRIPTY#1 〜フロントエンド紳士・淑女のための勉強会〜 - connpass 「Angular.jsとThree.jsを一緒に使った時の話」というタイトルでLTしました。 資料とかは後日会社のブログにて公開されるのでもう少々お待ちください。 で、自分の発表の時に「service, factory, providerをどう使い分けているか」という質問があって、なんかうまく回答できたか自信がなかったのと、ちょっと間違ったことを言ってしまったので、ここで補足したいと思います。 単純な違い Service .service()に渡した関数がコンストラクタとして実行され、DIされる angular.module('App') // exampleをserviceで定義 .service('example', function () { this.methodA = function () {
Duo - A next-generation package manager for the front-end. ちょっと良さ気だったので調べてみた。 準備 # install duo $ npm install -g duo Github APIを使うらしく、duo用にAPI Tokenをここから生成し、 ~/.netrcに下記フォーマットで保存する。 # なんかGHEとかもできそうな感じがするけど調べてはいない machine api.github.com login <username> password <生成したGithubのapi token> これで準備完了。 使う var uid = require('matthewmueller/uid'); var fmt = require('yields/fmt'); var msg = fmt('Your unique ID
Speeding up AngularJS apps with simple optimizations ng-newsletterで流れてきて結構いい記事だったのでメモ。 基本的には、$$watchersを減らして、$digestの負荷を下げましょうとのこと。 One Time Binding Syntax {{ ::value }} 1.3.0からの機能。 {{ ::value }}と書くと最初の1度だけバインディングされ、後は$scope.valueが更新されても{{ ::value }}は更新されない。バインディングされた後は監視から外れるので、$digest時の負荷が下がる。 <!DOCTYPE html> <html ng-app="app"> <body> <div ng-controller="MainCtrl"> <h1>{{ title }}</h1><!-- ボタンを
http://pixiv.doorkeeper.jp/events/13008 会社から近かったので余裕ぶっこいてたら15分ほど遅刻してしまい、最初の方のLT聞き逃したorz zip_playerの実装の話と、BEの構成の話と、なぜgifやmp4を選択肢なかったのかの話、node .jsでターミナル上で再生する話はとても面白かった。 企画の話は途中からだったけど、あくまでイラストの延長線上であるっていう話がすごい興味深かったので、遅刻したのが本当に悔やまれる。 楽しく仕事しているのがすごく伝わってきて、すごく楽しい&内容の濃いLTばかりで参加してよかったなーと思った。 以下メモ。最初のほうはメモ取れなかった。途中も難しかったり英語聞き取れなかったりでメモ不十分なとこ有り。 うごイラと画像変換 @totoshi 資料 画像周り アップロード、変換 うごいらとは? →pixiv百科事典みろ z
BrowserSync livereloadよりbrowser-syncの方がいいよと聞いたので使ってみた。 使い方 npmでインストール $ npm install -g browser-sync 手元のディレクトリにhtmlとcssがあり、html, cssが更新した時にhtmlをリロードしたい場合、 $ browser-sync start --server --files "*.html, css/*css" で、ポート3000番で起動しブラウザ開く。地味に嬉しかったのは3000番が既に使用済みの場合は3001番で起動する(確認してないが多分その後もカウントアップしていき空いてるポート番号で起動するはず) プロキシも--proxyオプションでプロキシしたいホスト名指定するだけなのですごい楽 $ browser-sync start --proxy "プロキシしたいホスト名" --f
https://atnd.org/events/52483 銀座で勉強会初めてだなーと思いつつ地図の指す場所に向かったら会場がすごい派手な場所でわらった。 Three.jsしか使ったこと無いけど、「あーこれTypeScriptで書きたいなー」って思うことが多々あって、いちおthree.jsもd.tsはあるんだけど、「もうちょっと名前空間分けてほしいなーTypeScriptなら簡単にできるのになー」とか思ってた。 http://typescript.away3d.com/ Away3DについてはTypeScriptで書かれているということしか知らなかったので、利点・欠点、ルーツ、WebGL以外のAway3Dについてなど、幅広く聞けたので参加してよかった。 今日聞いて良さそうだったところ TypeScriptで書かれているので、ビルドされたjsに対応したd.tsが確実にある d.tsがあること
フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus) 作者: 斉藤祐也,石本光司,加藤賢一,水野隼登,谷拓樹,泉水翔吾,原一成,平木聡,佐藤歩,杉本吉章出版社/メーカー: 技術評論社発売日: 2014/07/02メディア: 大型本この商品を含むブログを見る 正確には「フロントエンドエンジニア養成読本出版記念イベント」に行った。 行く前に買わないと、読まないと、と思って気づいたら当日だった。 会場にこの本を持ってきている人が結構居たが、ムック本にしてはかなりの分厚さだった。 ちょっと昔(4,5年前)に比べて、HTML/CSS/JS自体・開発環境の複雑さが増してきて、エンジニアの自分でさえ「難しいなー」とか「ちょっと追い切れないなー」と思うのだから、デザイナーでHTML/CSS/JSを書
http://tokyowebglmeetup.github.io/ 行ってきた。 半年間仕事でThree.js使ってたし、WebGL自体もすごく注目してたので楽しみに品川へ。 個人の意見だけどWebGLってとっつきにくいし(Three.js使えば楽だけど)、他のHTML5技術に比べるとサービスに活かしにくいので、なんとなく気になってるけど実際ガッツリ使ったことがない人が多いのかなと予想してたけど、最初のほうで「仕事orプライベートで3Dプログラミングやってる人いますか?」ってスピーカーの人が質問したら、結構な人が挙手しててビビった。 GLSLってシンプルでアウトプットもgl_Positionとgl_FragColorだけだと思うんだけど、そのシンプルさで複雑な3Dができるのはやっぱりすごい。でも、人が書いたGLSLを見ても何をやってるのか理解するのって結構難しくて、みんなどうやって勉強し
Angular2.0について、Angular.jsのブログに出ていた。 ここ半年間くらいAngular.jsを使って不便に思っていたところが結構改善されるようで非常に嬉しい。 びっくりしたのが、ドキュメントがしっかりしてて、Angular2.0がどういうデザインになるかちゃんとまとまってること。 で、DIのデザインついてのドキュメントを読んでみたのでメモ。 要点抜き出してみた configフェーズがなくなる 混乱のもとだった。シンプルにする 具体的にはmodule.config()、module.constant()、module.provider()が廃止 constant→value、provider→factory Remove the global module registry 今まで依存関係を定義するのに2ステップ必要だった 依存関係をモジュール名で定義する(angular.m
Angular.jsでaltJSを使う場合、CoffeeScriptが一般的(たぶん)だが、TypeScriptはあんまり聞かない。TypeScriptの方が好きな自分としてはどうにかならんかねとずっと考えていて、こうやったらいいんじゃないかというのを思いついたのでメモ。 controller定義の基本 Angular.jsでcontrollerを定義する場合、だいたいはangular.module.controllerの第1引数にcontroller名、第2引数にcontrollerのコンストラクタ関数を渡す。 var app = angular.module('app', []); // 'MainCtrl'という名前のcontrollerを定義 app.controller('MainCtrl', function ($scope) { }); このままだとminiyした時にinje
プログラミング言語 Ruby 作者: まつもとゆきひろ,David Flanagan,卜部昌平(監訳),長尾高弘出版社/メーカー: オライリージャパン発売日: 2009/01/26メディア: 大型本購入: 21人 クリック: 334回この商品を含むブログ (118件) を見る 今この本を読んでいるわけですがRuby1.9のほうがマルチバイト文字とかへの対応が進んでいるみたいなので、さくらVPSのCentOS5.5のRuby1.8.7を1.9.2にバージョンアップしたいと思います。 1.8.7をインストールした時の作業 CentOS5.5にRuby on Railsの環境をつくるー - 俺の作業ログ 最新安定版のソースを落とす こちらから最新安定版のURLを取得し落とす。 $ cd /usr/local/src $ sudo wget ftp://ftp.ruby-lang.org/pub/
PHPでハマったことがあったので書きます。常識的なことだったらすみません。。 __getメソッドとは __getメソッドは存在しないプロパティへのアクセスがあったときに呼ばれます。 __getメソッドはPHPのオーバーロード機能の1つです。PHPのオーバーロード機能はプロパティやメソッドを動的に生成する機能で、Javaとかのメソッドのオーバーロードとは全然違いますのでご注意ください。 __getメソッドを使ったサンプルクラス 以下のようなクラスを作ります。 <?php class Sample { private $_array; public function __construct() { $this->_array = array(); $this->_array['test'] = 'hogehoge'; } public function __get($name) { if (i
うえちょこ@ぼろぐ» [Linux]CentOS 5.3/5.4のsudoコマンドが曲者。 CentOS5.5では、デフォルトで、sudoを実行したユーザのPATHが引き継がれないようです。この現象のおかげで、npmのインストールの際にnodeを見つけることができず、インストールが失敗するということがありました。 # nodejsはインストール済み $ which node /usr/local/bin/node # npmのインストールスクリプトをダウンロード $ curl http://npmjs.org/install.sh > npm_install.sh # sudoで実行 → 「nodejsないんだけど」って言われる。 $ sudo sh npm_install.sh npm cannot be installed without nodejs. Install node fi
最近気になっている「Traceur」 次世代JavaScriptを“いま”実現するグーグルの「Traceur」 - Publickey パッと見なんか凄そうだなってのと、どうやって実装してるんだろうかというのが気になったので暇な時間にすこしずつソースを読んでいます。 「Traceur」とは関係ないけど気になる1行 var window = ("global", eval)("this"); 最初見たとき、「なんじゃこりゃ」と思ったので調べてみた。 evalの挙動 下記のようなコードは「local」というアラートが出るはず。 var x = "global"; (function () { var x = "local"; eval("alert(x)"); })(); でも次のコードはグローバルと表示される。 var x = "global"; var geval = eval; (fun
最近、Titanium Mobileにはまってます。とりあえず下記記事を参考にTwitterクライアントを開発中です。 連載:Titanium Mobileで作る! iPhone/Androidアプリ|gihyo.jp … 技術評論社 OAuth認証で結構四苦八苦したので、備忘録&情報シェアのために書きなぐります。 Parseエラー 4回目の記事でOAuthの実装が書かれているんだが、いざTwitterのログイン画面がポップアップ(Ti.UI.webview)で表示されると5秒くらいで落ちてしまう。。その時に吐き出されるエラーが下記。 [ERROR] Error Domain=com.google.GDataXML Code=-1 "The operation couldn’t be completed. (com.google.GDataXML error -1.)". in -[TiD
UILabelには文字を表示するのに使うクラスです。 UILableのlineBrreakModeプロパティではwidthを超えてしまう文字に対してどのように処理するかを設定します。 lineBreakModeプロパティ(UILineBreakMode) UILineBreakMode 説明 UILineBreakModeWordWrap(デフォルト) 単語が切れたところで改行しすべてを表示する UILineBreakModeCharacterWrap 文字の途中で改行しすべてを表示する UILineBreakModeClip はみ出た部分は表示しない UILineBreakModeHeadTruncation 文の頭を省略して横幅に合わせる。文の頭に「...」 UILineBreakModeTailTruncation 文の後ろを省略して横幅に合わせる 。文の後ろに「...」 UILin
さくらVPSでRuby開発を始めた訳ですが、railsにはsqlite3が必要なようなのでインストールします。 sqlite3-rubyをgemでインストール $ sudo gem install sqlite3-ruby Building native extensions. This could take a while... ERROR: Error installing sqlite3-ruby: ERROR: Failed to build gem native extension. /usr/local/bin/ruby extconf.rb checking for sqlite3.h... yes checking for sqlite3_libversion_number() in -lsqlite3... yes checking for rb_proc_arity()
Deferred Objectとは jQuery.Deferred, introduced in version 1.5, is a chainable utility object that can register multiple callbacks into callback queues, invoke callback queues, and relay the success or failure state of any synchronous or asynchronous function. Deferred Object – jQuery API 「jquery1.5からの新機能で、複数のコールバック関数をキューに保持・実行でき、どんな同期・非同期の関数の成功・失敗などの状態をリレーできる。」 通常のコールバック1つのイベントや成功・失敗などのトリガーに対して1つしか
RedHatNginxInitScript 上記ページにあるスクリプトを/etc/init.dに保存すればよいみたいですが、インスールした時の設定(prefixとか)によって少し変更しなければいけないかもです。 修正点 自分は./configureに何もオプションを付けなかったため、ファイルパスを修正。 ## 5行目 ランレベルを35に # chkconfig: 35 85 15 ## 9行目。設定ファイルのパスを変更 # config: /usr/local/nginx/conf/nginx.conf ## 11行目。pidファイルのパスを変更 # pidfile: /usr/local/nginx/logs/nginx.pid ## 22行目 sbinの位置を修正 nginx="/usr/local/nginx/sbin/nginx" ## 25行目 設定ファイルのパスを変更 NGIN
いやー時間かかった。MacPortsでサクっとインストール出来ると思いきや、ログイン出来るようになるまで5日も掛かりました。今もrootユーザのパスワードが設定できないという問題と格闘中。笑 まだ時間かかりそうなので、今の時点ではまったことを忘れないうちにまとめます。 1. mysql5とmysql5-devel はじめにインストールしたときは「mysql5」と「mysql5-server」をインストールしたわけですが、起動はできるがDBの初期化ができず。。。 # DBの初期化 # ファイル名は忘れたが「作成できません」っていうエラーが出る。 $ sudo /opt/local/lib/mysql5/bin/mysql_install_db --user=mysql # 起動 # こちらはSUCCESSと表示され成功する $ sudo /opt/local/share/mysql5/mys
流行りのNode.jsを試したくなったので、まずさくらVPSのCent OS5.5にGoogle v8を入れてみようと思います。 事前準備 ここを見る限り以下が必要なようです。 Subversion 1.4以上 Python 2.4以上 Scons 1.0.0以上 Subversion,Pythonはわかりますが、SConsってなんだろ? SConstはオープンソースのソフトウェアビルドツール。 SCons - Wikipedia なるほど。v8はSConsでビルドするようです。 Subversionインストール && Pythonインストール yumでインストールできます。 $ yum -y install subversion $ yum -y install pythonバージョン確認。 $ svn --version svn, バージョン 1.4.2 (r22196) コンパイル日
次のページ
このページを最初にブックマークしてみませんか?
『pirosikick's diary』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く