Vue.jsで10万件のリストを表示する - Qiita
はじめに Vue.jsは軽量ですが、数万件のリストを並べるとそりゃ普通につらい。 だから目に見えるとこ以外はdom描いてもらうのやめるってコードです。 デモ デモ(jsfiddle) コード <div id="app"> <div style="overflow:auto;height:170px;" @scroll="getScrollParam"> <ul :style="listStyle"> <li style="height:17px" v-for="num in displayList">{{num}}</li> </ul> </div> </div> new Vue({ el: '#app', data: function(){ return { list:list, scroll:0,//スクロール量 scrollMax: (list.length - displayRow
はてな、サーバー監視サービス「Mackerel」が「Twilio」に対応。電話を使った確実性と自由度の高い通知を低コストで提供 - プレスリリース - 株式会社はてな
株式会社はてな（代表取締役社長：栗栖義臣／本社所在地：京都市中京区）の提供するサーバー監視サービス「Mackerel（マカレル）」が、株式会社 KDDI ウェブコミュニケーションズ（代表取締役社長：山崎雅人／本社所在地：東京都港区）の提供するクラウド電話API「Twilio（トゥイリオ）」と連携しました。これにより「Mackerel」から通知されるアラートを「Twilio」を通じて電話やSMSで受け取ることができます。 「Mackerel」は、サーバーにおける各種ハードウェアやアプリケーションソフトウェアの性能をリアルタイムに監視することができるSaaS型サーバー監視サービスです。「はてなブックマーク」や「はてなブログ」などの大規模な個人ユーザー向けサービスの提供で培ってきたサーバー・インフラ環境の管理ノウハウを基に開発し、サービスリリース以降も継続的な機能開発に取り組んでいます。多数のO
Slackを導入するまでの話 - ぐるなびをちょっと良くするエンジニアブログ
自己紹介 どーも、はじめまして。ネコが大好き、こゆいです。 開発推進チームという、開発メンバーがより楽しく効率良く働けるようにするためのチームに所属しています。 社内エンジニアLT大会を企画したり、コミュニケーションツールを導入したり、EFKスタック（Elasticsearch + Fluentd + Kibana）の導入を進めたりなど、業務内容は多岐にわたります。 初回のこの記事はSlack導入周りのお話をしていきたいと思います。 「Slackを導入したいけど、どう進めるのがいいのかなー」と悩んでいる方々の参考になれば幸いです。 読んだら参考になるかもしれない人 わりと大人数でSlackを導入したい人 わりとセキュリティや費用対効果などを聞かれる事情がある人 弊社のSlackアカウント推移 弊社は企画開発本部のメンバーを中心に、今年の4月からSlackの本格導入を始めました。社内での評価
メルカリアッテの実務で使えた、GAE/Goの開発を効率的にする方法
appengine ja night #35の発表資料です。 http://gcpja.connpass.com/event/44024/Read less
Sass: Announcing Dart Sass
Over the past few months, I’ve been quietly working on a new project. Today I’m ready to announce Dart Sass to the world. It’s a totally new implementation of Sass, designed to be fast, easy to install, and easy to hack on. It’s not yet complete—I’m steadily working my way through sass-spec—so today I’m just releasing version 1.0.0-alpha.1. But it’s solid enough for you to download, play with, and
サーバーサイドエンジニアこそAngular2をやるべきかもしれない – Heroデータを AWS Lambda+DynamoDB で取得する | DevelopersIO
サーバーサイドエンジニアこそAngular2をやるべきかもしれない – Heroデータを AWS Lambda+DynamoDB で取得する はじめに 私自身は普段サーバサイド（主にWeb API）の開発を行っているのですが、業務外でAngular2を触ってみたところかなり好感触だったのでブログにしました。この記事では、Angular2のTutorialを終えた状況から、データ取得部分をモックではなく外部サーバに置き換える例を示し、Angular2の考え方、サーバサイドとの連携方法について記録したいと思います。 Angular2をはじめたときの筆者の状況 フロントエンドスキルセット jQuery、CSSを利用したウェブページの開発経験あり とはいえ、アニメーションや色彩に明るいわけではなく、ほとんどWebアプリケーションフレームワーク任せ JavaScriptはDOM操作用の言語という考え
ソースコードの無思慮なコピペを生むGithubというアーキテクチャについて - Qiita
まずは上記の検索結果を見てくれ。これは ファイル名がversion.h 内容に"#define RUBY_VERSION" という検索クエリで、もちろん、そのようなコードはプログラミング言語Rubyの本体に由来することはいうまでもないわけだが、自分からは7,918件の検索結果が見える。これにはforkやリビジョン違いを含んでいない。 なぜこんなに多いのか? これは、Rubyがコピペを助長するような製品だからか? どうもそうでもないらしい。たとえば同様のことをCPythonでやると https://github.com/search?q=%22%23define+PY_VERSION+%22+filename%3Apatchlevel.h&type=Code 自分からは6,079件ヒットしているように見えるし、同様のことをPerlでやると https://github.com/search?
ハイパフォーマンスGaurun〜メルカリの大規模プッシュ配信を支えるミドルウェア〜 | メルカリエンジニアリング
SREチームのcubicdaiyaです。 今回は本ブログでも何度か紹介しているGaurunを利用したメルカリのプッシュ配信基盤とGaurunのパフォーマンスを最大化する方法について紹介します。 github.com 改めて紹介するとGaurunはスマホアプリ向けのプッシュ通知サーバです。APNsやGCMへのプッシュ通知処理をHTTP + JSONベースのAPIでラップして大量のプッシュ通知を素早く送信することができるのが特徴です。 メルカリのプッシュ配信基盤 メルカリのプッシュ配信基盤はnginxによるL7ロードバランサーとGaurunで構成されています。 APIサーバ（e.g. 商品の購入や発送等のイベント通知）やジョブワーカ、バッチ（e.g. キャンペーン等による一斉配信）からはGaurunが提供するHTTP + JSONベースのAPIを利用してiOSやAndroidの端末へのプッシュ
性的なif文
「if文がせいてきだとコンパイラの警告がでる」という話をしたらおかしな顔をされた いや性的じゃないよ、静的だから プログラムの話をしてるんだからわかるでしょ 性的なif文ってなんだよ if(ごはん) { } else if(おふろ) { } else { // それとも・・ } って思いついたけどセクハラになりそうだから言わなかった
分析SQLのコーディングスタイル - クックパッド開発者ブログ
SQL、書いてますか？ こと大規模データ処理の分野においてはSQLはもはや標準インターフェイスであり、 分析やらバッチやらに関わっている皆様は日々大量のSQLクエリーを生産していることと思います。 そこでちょっと気になるのが、 SQLのコーディングスタイルってどうするのが一般的なんだっけ……？ という点です。 イマドキはSQLなんてO/R mapperに吐かせることが多いからなのか、 それともコードを広い範囲で共有することがそもそもないからか、 SQLのコーディングスタイルについて見聞きすることは他のプログラミング言語に比べるとだいぶ少なく、 いまいち決定版と言えるスタイルがないなと感じています。 そんなわけで本日は、SQLのコーディングスタイルについての意識を活発化させるべく、 クックパッドでわたし（青木）が使っているコーディングスタイルから特徴的な点を紹介したいと思います。 特に、分析
スピーカー、浮かせちゃいました
宇宙船のような半球体が、なぜか浮いている不思議なガジェット「Air Speaker2」。開発を手がけたのは、台湾で音響関連機器の製作を行っているASWYという会社で、過去にリリースした「Air Speaker」が、毎年ラスベガスで開催される世界最大級のIT＆家電ショー「CES2015」にて、最優秀イノベーション賞を受賞するほどの注目ぶり。世界が絶賛する話題のガジェットが、ついに日本上陸を果たしました！ 浮かせることでクリアなサウンドを実現 なんといっても「Air Speaker2」の最大の特徴は、空中に浮遊するスピーカー。浮くにもちゃんとした理由があって、一般的にスピーカーを直接床に置くと、スピーカーから発生した振動が床に伝わり、また床からの振動がスピーカーに伝わってしまうため、音が濁り、ボヤけた音になってしまうことがあるそう。そうした現象を防ぐために、スピーカー自体を浮かせることで、共振
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SIOS Tech. Lab - エンジニアのためになる技術トピックス
Velocity in Amsterdam 2016 で HTTP/2 とその先にある最適化について話してきた
［速報］Google Cloud「東京GCPリージョン」がついに今日から正式運用を開始。日米間を毎秒60テラビットでつなぐ最新の海底ケーブルと接続
Cygamesを支えるPHPと、その高速化の取り組み