Anders Hejlsberg on TypeScript 2
In this video Anders Hejlsberg spends some time discussing TypeScript. He starts with the reasons behind creating TypeScript (the so called elevator speech) and then moves on to some of the features coming in the next release. He mentions a number of features but spends the time discussing the null (and corresponding undefined) types and how TypeScript 2 makes handling them much easier. I hope you
人間らしいGitのエイリアス | POSTD
断固としてコンピュータ言語を拒絶する 私の知っている最も一般的な .gitconfig は、ユーザ名の設定だけが記されたものです。そして、その次に一般的なものはこれです。 [alias] ci = commit cia = commit -a cam = commit --amend cama = commit --amend -a cl = clean cldf = clean -df res = reset resa = reset HEAD ... # 82 more 4-character aliases このコンフィグは、要するにあなたの頭の中のスペースをキーストロークに置き換えます。短縮コマンドのエイリアスを覚えれば、タイピング数の節約が可能です。しかし私はこれが好きではありません。私はタイプミスをしますし、睡眠不足なこともたまにあるので、このエイリアスではやりづらくなってしま
Google I/O 2016 現地レポート+モバイル系エンジニアが今すぐ試すべき注目技術まとめ | メルカリエンジニアリング
こんにちは、Androidチームの @tomoaki_imaiです！今回はシリコンバレーにて5/18 – 5/20の3日間開催された、Google I/O 2016についてレポートします。またGoogle I/Oにて発表された内容から、モバイル系エンジニアがすぐ試すべき注目技術についてもまとめましたので、御覧ください。 目次 Google I/Oとは Google I/Oの構成 (ちょっと脱線)期間中の滞在先/移動 モバイル系エンジニアが今すぐ試すべき注目技術 まとめ Google I/Oとは Google I/OはGoogleが主催する、一番大きな技術カンファレンスです。Googleがその年にリリースする最新技術の発表があり、とても注目度が高いイベントです。また、期間中にはセッションやブース展示を通じてGoogleのエンジニアと直接交流し、様々な情報交換が出来ます。 近年はサンフランシス
The Hidden Power of ES6 Generators: Observable Async Flow Control
The turbine room of the Volga Hydroelectric Station — Kent Kanouse (CC BY-NC 2.0) In 7 Surprising Things I Learned Writing a Fibonacci Generator in JavaScript, I covered one obvious use-case for ES6 generator functions: producing iterable sequences of values one at a time. If you haven’t read that yet, you should. Iterables are the foundation of a lot of things in ES6+, and it’s going to be import
2016-05-23のJS: MSEdgeがES6 Modulesをサポート、jQuery 3.0 RCリリース
JSer.info #280 - MSEdgeの新しいビルドが公開され、<script type="module">でのES6 modulesをフラグ付きでサポートしています。 Previewing ES6 Modules and more from ES2015, ES2016 and beyond | Microsoft Edge Dev Blog Microsoft Edge で Modules を使ってみる - Browserでも書かれていますが、まだサポートは限定的です。 他のブラウザも実装中で、仕様もまだ議論中なところは多いですが、Moduleが一歩進んだ感じです。 Modules (ES6) - Chrome Platform Status また、MSEdgeはES2016で入る ** と Array.prototype.includesのサポート、ES2017で入る予定のO
アジャツール 第12回 タスクボードは誰を幸せにするのか？
はじめに今回はプロジェクトファシリテーション(PF)でもお馴染みのタスクボード（ボード）です。広く認知されているプラクティスではありますが、今回はタスクボードについての筆者の気づきをメインに書いてみます。 （注：タスクボードは具体的なプラクティスとして、広く使われているものの一つだ。執筆当時は「タスクかんばん」と記載していたが、2016年現在では「カンバン」という訳語は制約理論に基づくワークフロー管理の方法論であるKanbanの訳語として使われている。本記事は、カンバンとの違いを明示し誤解を与えないため「タスクボード」と表記しなおした。） タスクの管理を壁の上でタスクボードは、壁(またはホワイトボード)に３つの区画を作って、それぞれの区画にToDo(未着手)、Doing(着手)、Done(完了)の状態を割りあてて、タスクを管理するというプラクティスです。 オブジェクト倶楽部の面々のプロジェ
Protecting Our Members
In 2012, LinkedIn was the victim of an unauthorized access and disclosure of some members' passwords. At the time, our immediate response included a mandatory password reset for all accounts we believed were compromised as a result of the unauthorized disclosure. Additionally, we advised all members of LinkedIn to change their passwords as a matter of best practice. Yesterday, we became aware of a
JavaScriptをめぐるパラレルワールド 〜Webデザイナーから見た今どきのフロントエンド事情〜｜dwango creators' blog（ドワンゴクリエイターズブログ）
どうも、ほそだです。ゴールデンウィークも終わり、暖かい空気を感じる季節になりました。 さてちょっと前に、こんな記事が話題になっていました。 You Don’t Need jQuery – Qiita （旧題：もうjQueryは必要ない） 元々は海外の方が書かれたものを日本語訳してくださったものですが、あらかた網羅されていて感服しました。実は今回、これと全く同じようなことをこのブログのネタにしようと考えていたのですが（jQueryでやってたことをjQueryを使わずにやってみた的な）、締切間近になってさあ書くぞってタイミングでここまで完璧なものを先に出されちゃったので、こりゃ勝てねえと泣く泣く断念したのですよね。。 それで急遽新たにネタを考えなきゃいけなくなったのですが、これに対するネット上での反応がけっこう興味深いなと思って見ていました。 「もうjQueryは必要ない」に関するみんなの反応
本当はすごいKPTで強いチームを作る for エンジニア - Qiita
この通り、KPTはみんなでやるデバッグ作業です Problem -> Try -> Keepと全てはつながっています 繋がっていないKeepは？ ナレッジ共有と捉えると良いと思います ただ、その場合もはじめに何かしらの問題があって〜からスタートすることが多いのではないでしょうか KPTすごい これで何となく伝わりますかね？ KPTが毎週上手く回っている ＝ 毎週バグを潰している １年続けると KPTが回っている → テスト53回、デバッグ53回行って、チケット消化しつづけ改善してる状態 KPTが回っていない → テスト0、デバッグ0、チケット消化数0 KPTを上手く回すには 伝わったとしたら幸いです それでは次にKPTを上手く回すことを目標にします そもそも上手く回ってる、良い状態ってどんな感じでしょうか？ 良いKPT＝良いデバッグ エンジニアならもう既にわかるはずです 良いProblem
SCSS anti-patterns
I’m very much in favor of CSS processing (pre and post) as a useful tool for most front-end development. I’ve used it enough to recognize in retrospect the ways in which mixins and variables can become problematic. Hindsight is 20/20. General philosophyCSS is human readable unto itself; clean, documented and organized CSS even more so. So what are the justifications for using a mixin or variable t
Previewing ES6 Modules and more from ES2015, ES2016 and beyond
Chakra, the recently open-sourced JavaScript engine that powers Microsoft Edge and Universal Windows applications, has been pushing the leading edge of ECMAScript language support. Most of ES2015 (aka ES6) language support is already available in Edge, and last week’s Windows Insider Preview build 14342 brings more ES6 capabilities including modules, default parameters, and destructuring. We’re n
Microsoft Edge で Modules を使ってみる - Browser
現状、実装途中ですが調べたついでに書き留めています。 まずは注意点 実装途中ですので動かないものがあります。 その１ どうやら、名前からの呼び出しとデフォルトメンバーからの呼び出しをまだできません。 仕様上、以下の import が使えますが、動くのは赤文字のものだけです。 import name from "module-name"; import * as name from "module-name"; import { member } from "module-name"; import { member as alias } from "module-name"; import { member1 , member2 } from "module-name"; import { member1 , member2 as alias2 , [...] } from "module
サイボウズエンジニアの職場環境 @ 2016 - Cybozu Inside Out | サイボウズエンジニアのブログ
山本泰宇(@ymmt2005)です。今回はサイボウズエンジニアの働く環境を詳細にご紹介します。 働く場所 働く時間 机・椅子・PC 社内情報システム 開発用ソフトウェア 開発用共有サーバー 勉強や研修の機会 制度と風土 オープンソース活動 働く場所 サイボウズの開発拠点は現在国内外に 5 箇所あります。 東京(東京日本橋タワー) 大阪(梅田阪急ビルオフィスタワー) 松山(あいおいニッセイ同和損保 松山三番町ビル) 上海 ベトナム オフィスで働くのが基本ですが、サイボウズには自分の好きな時間・場所で働けるウルトラワークという制度があるので、自宅や実家で働くことも可能です。どの程度可能かというと、 Amazon から宅配便が届くから、 雨・雪が降っているから、 電車が混んでいて乗りづらいから、 急に子供が熱を出したから、 といった様々な理由で、連絡一ついれれば在宅勤務できます。後述する社内情報
Web Initiative Center と社内的な所信表明
4月から社内の Web Initiative Center ( 以下 WIC ) というグループで、新しい業務に取り組み始めました。社内メールに放流することを前提として書いているので、社内向けの内容です。すみません。 2016/11/03 追記: 開局6か月／900万DL突破の「AbemaTV」、急成長するウェブサービスを支えるフロントエンドエンジニアの舞台裏：CodeZine（コードジン） の取材の中でも Web Initiative Center について話をしました。 活動 Web のプロダクト品質を横断的に向上させる Web 技術を使ったチャレンジがしやすい環境をつくる この2つが活動の主旨であり、これらを通して Web によるユーザー体験を向上させることが目的です。 活動は CyberAgent 全社ではなくメディア系の部門内にひとまず限られますが、この中にはアメブロや Ameb
ここがすごいぞ！ stylelint！ - Qiita
ESLintのようなconfigでPostCSSプラグインとして動くstylelint。 唐揚げチャーハンのような「美味いものと美味いもの組み合わせたら絶対おいしいじゃん！」みたいなプロダクトが実際とても良かったので色々利点を記載。 導入についての手順などはすでに記事があったので、そちらへリンクしたい CSSのLintをstylelintにする ESLintっぽくて良い所 javascriptのLinterとしてスタンダードになってきたESLintに非常に良く似て作られているので、一度そちらを導入していればstylelintの導入はおそらくすんなり出来る。 また、ESLintの持っていた良い所をそのまま持ってきたような良さがある。 config周りがESLintにすごく近いので覚えることが少なめ 肝となるstylelintのconfigは、だいたいこんな感じで、ESLintにかなり近く作ら
Web Performance Tooling - Google I/O 2016
Let Paul Irish and Sam Saccone show you new tips, tricks and features in DevTools (and beyond!) that help you debug the performance of your site. Measuring your key user interactions and diagnosing your bottlenecks is key, and Paul will illuminate the best practices by showing performance opportunities in real world sites. Watch more Chrome talks at I/O 2016 here: https://goo.gl/JoMLpB See all t
Your First GraphQL Server
So, today we’re going to write a small GraphQL server. I’m not going to try to persuade you to drop everything and adopt GraphQL — but if you’re curious about what this stuff looks like today and how it works, read on. Setup an HTTP ServerWe need a server to receive our GraphQL queries. There’s nothing in the GraphQL spec that demands we do this over HTTP, but since the GraphQL reference implement
How do I GraphQL?
GraphQL’s query language is very easy to understand. For most people, it clicks immediately and doesn’t require much explanation. Thanks to GraphQL’s type system and tools like GraphiQL — a query builder/editor for GraphQL — learning GraphQL isn’t hard at all, and its advantages over traditional RESTful APIs become obvious quite quickly. Given GraphQL’s clear advantages, almost every developer I’v
Iterators and Generators in Javascript
Last week I wrote about the yield return statement in c# and how it allows for deferred execution. In that post I explained how it powers LINQ and explained some non-obvious behaviors. In this week’s post I want to do the same thing but for Javascript. ES6 (ES2015) is becoming more and more mainstream, but in terms of usage I mostly see the more common arrow-functions or block-scoping (with let an
ApexでAWS Lambdaファンクションを管理する | DevelopersIO
以前AWS LambdaファンクションをGulpでデプロイというブログを書きましたが、今回はAWS Lambdaファンクションの管理ツールApexをご紹介したいと思います。 Apexとは @TJ Holowaychukさんが中心となって開発されている、AWS Lambdaファンクションをビルド、デプロイ、管理するためのツールです。Mediumでも語られていますが、TJ Holowaychukさんはサーバーレスなアーキテクチャが実現できるAWS Lambdaに魅力を感じつつも、AWS Lambdaのユーザビリティの低さに不満を持っており、その問題を解決するためにApexの開発に至ったようです。 Apexの特徴 AWS Lambdaがネイティブにサポートしていない言語をサポート(本ブログ記事執筆時点ではGolangをサポート) バイナリから簡単にインストール可能(CI/CDへの組み込みが容易)
Introducing Apex
Apex is a small program written in Go for managing “serverless” architecture via AWS Lambda, allowing you to focus on code instead of infrastructure. I started Apex because I’ve been working on a number of product ideas as a solo engineer, I can’t afford to spend time managing and maintaining machines if I’m going to have a successful product as a single person team. I love Amazon’s Elastic Contai
Google AMP Cache | Google for Developers
Stay organized with collections Save and categorize content based on your preferences. The Google AMP Cache is a cache of validated AMP documents published to the web that is available for anyone to use. Google products, including Google Search, serve valid AMP documents and their resources from the cache to provide a fast user experience across the mobile web.
Refactoring a JavaScript video store
The simple example of calculating and formatting a bill for a video store opened my refactoring book in 1999. If done in modern JavaScript, there are several directions you could take the refactoring. I explore four here: refactoring to top level functions, to a nested function with a dispatcher, using classes, and transformation using an intermediate data structure. 18 May 2016 Many years ago, wh
WebPack-Dev-ServerからBrowsersyncに乗り換えた | // sakura note
前々回に モダンなフロントエンド開発環境をつくる という記事を書きましたが、その中で使った WebPack-Dev-Server を捨てたのでその背景と、Step-by-Stepの導入フローを書いてみます。 WebPack-Dev-Server を捨てた理由 大きく次の問題がありました。 Scssで@importされているファイルを変更しても、正しくビルドされない TypeScriptのimportは問題ない ビルド時にマップファイルが生成されず、バグが発生したときにそのまま調査に入れない ビルド結果がインメモリでサーブされるため、ビルドされたソースを確認するには別途 webpack コマンドを打たなくてはいけない 特に1番目のものがクリティカルで、CSSを適用する段階では毎回webpackコマンドを打って実際にビルドしなくてはならず、使い物にならなかったためです。 この3つの問題をすべて
Internet Speed Test | Fast.com
* 現在お使いのネットワークは安定していません。この数字は推定値であり、実際のネットワークパフォーマンスは異なる場合があります。
mononoki
# how to ace an interview for i in range(1, 51): s = '': if i % 3 == 0: s += 'mono' if i % 5 == 0: s += 'noki' print(s or i)
Modern JavaScript Date Utility Library
date-fns provides the most comprehensive yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.
Service Worker registration & lifecycle
Step forward Understanding Service Worker Registration & Lifecycle at Frontend Meetup Tokyo vol.2 2016/5/18 Jxck
初めての開発合宿レポート #gpdevcamp vol.1 | Goodpatch Blog
こんにちは！広報の高野です。 Goodpatchでは2016年4月9日と10日の週末2日間を活用し、初めての開発合宿を行いました。 今回の記事では、開発合宿レポートをお届けします！ 開発合宿実施の経緯 あまり知られていませんが、デザイン会社のGoodpatchで1番人数が多い職種はエンジニアです。「エンジニアが多いのにまだ開発合宿したことないよね、やってみよう！」というCTOの粋な計らいで初めての開発合宿を行うことになりました。 今回はあえて職種を問わずに何かを作りたい人を社内から募ったところ、エンジニアをはじめ、デザイナー、プロジェクトマネージャー、セールスマネージャーなど合計25名のメンバーが参加しました。 開発合宿のスタイル 合宿ということでそれっぽいしおりも作成し、前日に参加するメンバーに配布しました。 ・作業するのはグループでも個人でもどちらでもOK ・自分のためのインプットアウ
カンバンのキホン #カンバン仕事術 | SlideHub @ryuzee
2. 吉羽龍太郎 / Ryuzee.com ✤ アジャイル開発/DevOps/クラウドに関する 従量課金型コンサルティングサービスを提供 ✤ http://www.ryuzee.com @ryuzee 3. 提供サービスの概要 アジャイルコーチング Agile開発については多くの誤解があり、 また経験の無いチームが自力で行うのは 難易度が高いものです。当方ではオンサイ トでAgile開発での企画∼開発まで全工程 を支援します。例えばプロジェクト立ち上 げに際しての集合研修、ふりかえりや計画 ミーティングのファシリテーションな ど。 DevOps実践支援 Cloud Architecting支援 ビジネスの成長やシステムの利用状 況に柔軟に対応できるのがクラウド の特性ですが、一方でシステムアー キテクチャがレガシーであればその メリットを享受できません。本支援 ではマイクロサービス化を始め
vimから簡単に英語⇔日本語の単語を調べるvimスクリプトを作った - MyEnigma
実践Vim 思考のスピードで編集しよう！ (アスキー書籍)posted with カエレバＤｒｅｗ Ｎｅｉｌ,新丈 径 角川アスキー総合研究所 2014-01-28 Amazonで探す楽天市場で探すYahooショッピングで探す 目次 目次 はじめに 英語⇔日本語を変換できるvimスクリプト 使い方 参考資料 MyEnigma Supporters はじめに 先日、 Pythonで英語⇔日本語の単語を調べる Pythonを紹介しましたが、 myenigma.hatenablog.com 以前、紹介した通り、 VimはPythonを使ってVimの機能の拡張をすることができます。 myenigma.hatenablog.com そこで、 上記のPython翻訳ツールをvimに組み込んで、 vim上から、簡単に英単語と日本語単語を変換できる vimスクリプトを作りました。 調べると、 vimから辞
The Rich (Typefaces) Get Richer
There are over 1,200 font families available on Typekit. Anyone with a Typekit plan can freely use any of those typefaces, and yet we see the same small selection used absolutely everywhere on the web. Ever wonder why? The same phenomenon happens with other font services like Google Fonts and MyFonts. Google Fonts offers 708 font families, but we can’t browse the web for 15 minutes without encount
Mac上にGoの開発環境を構築する〜下準備編 | おそらくはそれさえも平凡な日々
同僚がGoを始める上で、案外まとまった資料が無さそうだったので書いてみることにしました。 Macでhomebrewが入っていることが前提です。事前に brew update をおこない formula を最新のものにしておくと躓くことが少ないでしょう。 Goのインストール % brew install go エントリ執筆時点では、1.6.2 が入ります。Goはメジャーバージョンが同じ場合は、後方互換が保たれているので、基本的に新しいやつを入れて問題ありません。 環境変数の設定 $GOPATH だけを決めればOKです。$GOPATH はどこでも良いのですが、ここでは $HOME/dev を $GOPATH に設定します。また、 $GOPATH/bin に $PATH も通しておきます。 export GOPATH=$HOME/dev export PATH=$GOPATH/bin:$PATH
spectacle Documentation
Interactive PresentationsAdd clickable elements and other interactivity to make your presentations pop. Live-Preview Your CodeShow people more than just a code block - demo the final project in real-time without leaving your presentation deck. ... and More!Polish off your presentation with auto-formatting, easy themeing, image dimming, and other fun touches available out of the box.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Implement Proper Tail Call [Discussion] · Issue #796 · chakra-core/ChakraCore
“We only hire the best”
GitHub - ganimomer/eslint-stats: A package of custom formatters that show aggregated stats of eslint errors
GitHub - inikulin/publish-please: Safe and highly functional replacement for `npm publish`.
GitHub - railsware/upterm: A terminal emulator for the 21st century.
ギークラボ上越
GitHub - Nickersoft/push.js: The world's most versatile desktop notifications framework :earth_americas:
TEAM OF TEAMS (チーム・オブ・チームズ) | スタンリー・マクリスタル, タントゥム・コリンズ, デビッド・シルバーマン, クリス・ファッセル, 吉川 南, 尼丁 千津子, 高取 芳彦 |本 | 通販 | Amazon
有料アダルト動画サイト比較 press-crew.com 2024年3月最新版
React component ライフサイクル図 - Qiita
Real World Redux
GitHub - boo1ean/casual: Fake data generator for javascript
Spectron | Electron