英単語を覚えるためのいくつかの戦略こんにちは、斉藤です。 ITエンジニアと切っても切れない関係なのが英語ですね。 ライブラリの公式ドキュメントを読むとき、Github上でやり取りするときには避けては通れません！ そう思って英語を勉強している訳ですが、英単語と格闘することが多いです。 という訳で、今回は”英単語を覚えること”に焦点を当てて、いくつか方法を紹介します。 そもそも”英単語を覚えよう”と至った経緯について いままでこんな方法で英単語を調べてきました。
あまり知られていないCSSの12の事実(続編) | POSTD
1年以上前に、私は最初の 12 Little-known CSS Facts（あまり知られていないCSSの12の事実） を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。 注釈 SitePoint/ Natalia Balska によるイラスト それでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実 このプロパティについてはSitePointに4年以上 前に書いた のですが、この機能が存在することを、未
JavaScriptのデバッグのコツと技 | POSTD
以前の記事で、 Webアプリケーションのデバッグの仕組み について触れました。今回は実践的なJavaScriptのデバッグについて掘り下げていきたいと思います。 ブラウザデベロッパツール 私の個人的なお気に入りはChromeデベロッパツールです。SafariやFirefoxはChromeほどの高水準に達していません。しかし、徐々に改善されてきています。FirefoxにはFirebugと改良されたFirefoxデベロッパツールが組み合わされた機能が備わっています。もし、Firefoxチームがビルトインされているデベロッパツールの改良の中で素晴らしい仕事をし続けたとしたら、Firebugはいつか、すたれるかもしれません。 個人的な好みにかかわらず、ターゲットとするあらゆるブラウザで、全てのコードのテストやデバッグができるようにすべきです。”あらゆるブラウザ”には、かの有名なInternet E
実務で使う統計手法は、５つ。すごい、そんなシンプル？
このセミナー、冒頭の渋谷 直正さん(日本航空 旅客販売統括本部Web販売部 1to1マーケティンググループ アシスタントマネジャー)のお話がとても参考になりました。 まず、渋谷さんはご存知のように、2014年に「データサイエンティスト・オブ・ザ・イヤー」を受賞され、ビジネス・サイドにおける、データサイエンスのリーダー的存在です。 その渋谷さんの「実務で使う分析手法は５つで十分、マーケターこそデータサイエンティスト候補」という講演は、多くの示唆に富んだものでした。 まず、みなさんが気にしている５つの手法とは、 クロス集計 ロジスティック回帰 決定木 アソシエーション分析 非階層的クラスター分析（k-meansなど） の５つです。統計の教科書にはさまざまな手法が出てきますが、マーケターが実務で使うのはこの５つ程度だと説明されるのです。でも、この説明には、私も思い当たる部分があります。東大の数学
優れたWebフロントエンド開発者になるには
この記事では、二人のエンジニアが書いたWeb開発者のためのアドバイスを紹介する。一人はおすすめの有用なツールとテクニックについて、もう一人はブラウザ向けに書くときに遭遇する課題への対処についてアドバイスしている。 今年のはじめ、BazaarvoiceのソフトウェアエンジニアであるRebecca Murphey氏は「A Baseline for Front-End [JS] Developers: 2015」というブログ記事を書き、クライアントサイドWeb開発に使えるツールとアプローチをJavaScript開発者にアドバイスした。記事を要約すると、彼女はこう言っている。 ECMAScript 2015を学ぶ。 Understanding ES6、ES6 Rocks、BabelJSがおすすめだ。私たちはこのリストにAxel Rauschmayer氏の新しい本、Exploring ES6を加える
【統計学】初めての「標準偏差」（統計学に挫折しないために） - Qiita
統計をこれから学ぼうという方にとって、非常に重要な概念ですが理解が難しいものに「標準偏差」があると思います。「平均」くらいまでは馴染みもあるし、「わかるわかるー」という感じと思いますが、突如現れる「標準偏差」 の壁。結構、この辺りで、「数学無理だー」って打ちのめされた方もいるのではないでしょうか。 先にグラフのイメージを掲載すると、下記の赤い線の長さが「標準偏差」です。なぜこの長さが標準偏差なのか、ということも解き明かしていきます。 (code is here) 本記事では数学が得意でない方にもわかるように１から標準偏差とはなにか、を説明してみようという記事です。 数式はわかるけど、イマイチ「標準偏差」の意味わからんという方にも直感的な理解がしてもらえるような説明もしていきますので、ぜひご覧ください。 （※ この記事では標準偏差の分母に $n$を使用しています。$n-1$を使用するケースも
Node.jsのイベントループを理解する | POSTD
(訳注：2015/8/4、いただいた翻訳フィードバックを元に記事を修正いたしました。) Nodeの”イベントループ”は高スループットのシナリオを操作する中枢で、ユニコーンや虹で満ちあふれているような魅力的な場所です。そしてこのイベントループのため、バックグラウンドで任意の処理の実行が可能でありながら、Nodeは本質的に”シングルスレッド”になるのです。この記事では、イベントループがどのような処理を行うのかを説明していきます。そうすれば皆さんも、この魔法を使いこなせるようになるでしょう。 イベント駆動型プログラミング イベントループを理解するためにまず必要なのは、イベント駆動型プログラミングのパラダイムを理解することです。イベント駆動型プログラミングは、1960年代から広く知られてきました。現在は主にUIのアプリケーションに使用されています。JavaScriptでは主にDOMとのやりとりで利
優秀なJavaScriptの開発者になるための5か条 | POSTD
(注記：7/15、いただいた翻訳フィードバックを元に記事を修正いたしました。) 子供の頃、私の興味は互いに関係性のない様々な分野に及んでいました。数学も歴史も大好きでした。 ルネッサンスマン 、つまり 博学者 と言う、複数の分野に秀でた人になりたいと思っていました。これはとても難しい課題で、私は突如として、器用貧乏な人になってしまう危機に直面したのです。 私は特定の分野に特化しなくては、と考え始めました。そうすればたとえルネッサンスマンにはなれなくても、少なくとも、器用貧乏にならなくても済むと思ったのです。どうしたらソフトウェア開発をするのに必要な広い知識を保ちながら、1つの分野で専門性を高めることができるのでしょうか。 この記事では、過去5年間、私が良いJavaScript開発者になるために使ったテクニックとリソースの概要をお伝えしようと思います。 最近の多くのWeb開発者は、ある共通の
Startups in Vancouver • • Vancouver Startups List
--------- simpanetworks,EastSideGames,Retsly,getmojio,Checkfront,search?q=sproutatwork,bluebatgames,unbounce,DenoteSearch,BenchAccounting,foodee,launchcatalysts,lemonstand,@7Geese,@contractually,@spacelist,HootSuite,bexhq,linquet,foodtree,picatic,wantering,@pathful,payrollhero,caliper,AxiomZenTeam,TapstreamApp,@quietlyapp,@routific,teammbh,healthvcfunder,weddingful,flightoffice,TeamFitCo,_Timely,p
私たちの理論 | 16Personalities
All non-English versions of the website contain unofficial translations contributed by our users. They are not binding in any way, are not guaranteed to be accurate, and have no legal effect. The official text is the English version of the website. If you spot any mistakes, please consider contributing to our translation project! 私たちの性格診断テストを完了した方から、よく第一声に聞かれるのが「この4文字の意味は何ですか？」という質問です。もちろん、私たちもINT
Find Events & Groups | Meetup
Find Meetup events and groups so you can do more of what matters to you and meet people near you who share your interests.
Backdrop | UXの語感
UXという言葉は2005年ぐらいにはすでにバズワードだったが、その後もますますバズっぷりを増している。 UXという言葉は人によっていろいろな意味で使われるとよく言われる。実際、私も仕事でいろいろな人がいろいろな意味で（そして真面目に）UXという言葉を使っているのに遭遇する。 デザインコンサルタントとしては、UXを何かひとつ定義づけることよりも、世間でこの言葉がどのような使われ方をしているのかを知ることの方が重要だ。 ちなみに、私の定義はとても簡単だ。誰かが私に「UXとは何ですか？」とたずねれば、私はこう答える。 「利用者体験のことです」 それ以上でも以下でもない。英単語の直訳で十分意味のある言葉だと思う。 例えば「デザインって何ですか」とか「UIって何ですか」といった質問に答えることの方がずっとコンセプチュアルで難しい。UXは簡単だ。 ただ世間でいろいろなニュアンスが盛られて使われているよ
コンテンツを見直すための魔法のシートが必要な理由
マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前からマーケティングを扱った記事をたくさん書いています。カスタマージャーニーマップのようなマーケティングの手法がデザインプロセスの一部として採用されていたり、デザイン思考がマーケティングに取り込まれているなど、共通するところが幾つかあります。 例えば UX を学んでいるうちに行動経済学に興味を持つ方もいるでしょう。行動経済学はデザインにも取り込める興味深い学問ですが、マーケッティングを深く知る上でも役立ちます。デザインとマーケティング両方に興味をもつことは、デザイナーとしてごく自然のことではないでしょうか。人のこと、市場のこと、社会のことを知らないとデザイ
Lorry.io - Docker Composeの設定ファイルをビジュアルで作成 MOONGIFT
Dockerでは複数コンテナを立ち上げたり、それぞれの役割を管理する上でDocker Composeという仕組みによって行います。設定ファイルはYAMLなのですが、設定ファイルを間違いなく記述するというのは常に困難なものです。 そこで使ってみたいのがLorry.ioです。Lorry.ioはWeb上でDocker Composeのファイル作成を補助してくれるソフトウェアです。 Lorry.ioの使い方 こちらがLorry.ioのトップページです。 設定画面に入りました。既存の内容を編集したり、新しいサービスブロックの追加ができます。 新しいサービスブロックを作るのも簡単です。 編集したファイルはそのままダウンロードできます。 Lorry.ioはDockerコンテナを複数立ち上げてサービスを作る場合、とても便利に使えるサービスになるでしょう。Lorry.ioはWebサービスも提供していますので
Six Steps for Approaching the Next JavaScript - Telerik Blogs
The next recommendation/version of the JavaScript standard, also known as "harmony", "ES.next", "ECMAScript 6", "ES6", and most recently "JavaScript/ECMAScript 2015", is pretty much cemented. The final draft was actually completed back in April. Final review and voting by the ECMA General Assembly members of the draft will occur this month. It's expected that it will be accepted and the language u
Tern - JavaScriptコード解析エンジン
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラミングする上で必須の機能と言えるのがコード補完です。そのためにはまずコードの解析が行われなければなりません。正しくコードが解析されることで、既にある変数やライブラリ名を補完できるようになります。 JavaScriptをコーディングする際に使えるコード解析ライブラリがTernです。Web上はもちろん、Emacs/Vimなどのプラグインも提供されているソフトウェアです。 Ternの使い方 Ternを使うとこんな感じにIDE的な入力補完ができます。 関数に対する引数の表示も。 定義元に飛ぶこともできます。 jQueryやunderscoreにも対応しています。 TernはWeb、Emacs、Vim、Sublime Text、Brackets、Light Table、Eclipse
ソフトウェア開発で得た教訓22箇条 | POSTD
1. 小規模なものから徐々に拡張していく。 私は日頃、新たなシステムを作るにせよ既存のシステムに機能を追加するにせよ、必要な機能すら殆ど持たないようなとてもシンプルなバージョンを作るところから始めるようにしています。そこから当初予定していた機能まで、段階的にソリューションを拡張していきます。私は初めから細部にわたって計画をできたことはありませんが、代わりに開発を進めていく中で新しく見つけた情報をソリューションに役立たせます。 私はJohn Gallの、この言葉が好きです。 “複雑なシステムというのは、往々にしてシンプルなシステムから発展したものだ。” 2. 同時に複数のものを変えない。 開発中にテストが失敗したとき、あるいは機能がうまく動作しなかったとき、1つだけ変更すれば、問題発見が格段に容易になるでしょう。言い換えるなら、短いイテレーションを行いなさいということです。1つずつ変更を行い
NeoBundleのキャッシュ機能を利用したVimの起動を高速化する設定法まとめ - Varg
Vimのプラグインを管理するためのプラグイン、NeoBundleには、Version 3.0からプラグインをキャッシュする機能が追加された。 >> (https://github.com/Shougo/neobundle.vim/commit/fc8818ccbc2db471f4de3501a69c66d3bb798df0) この機能を利用することで、プラグインを大量にインストールしたVimでも、高速に起動することが可能になる。 本記事では、NeoBundleのキャッシュ機能の設定方法について述べる。 また、Vimの起動がどの程度高速化するのか、実際に起動速度を測定し、検証した結果も述べる。 - ※2015.5.12追記 NeoBundleのキャッシュ機能に関して、仕様が変更された。 (詳細: https://github.com/Shougo/neobundle.vim/commit/6
パフォーマンス分析の方法論23選 | POSTD
パフォーマンス分析のメソドロジーとは、システムやアプリケーションのパフォーマンスを分析する際に準拠できる手法です。メソドロジーを手がかりとして作業に着手できますし、根本原因やその他の要因の発見に役立ちます。異なる種類の問題を解決するのには、それぞれに適したメソドロジーがあります。目的を達成するまでに何度か方法を変えて試してみるといいかもしれません。 メソドロジーを使わない分析は手探りの探索になり、ある問題に対する手がかりが見つかるまで（もしあればですが）ずっと場当たり的にメトリクスを分析することになってしまいます。 このサイトでは以下のメソドロジーについて詳しい資料を公開しています。 USE（Utilization Saturation and Errors）メソッド ：リソースのボトルネックを見つける TSA（Thread State Analysis：スレッドステート分析）メソッド ：
読みやすくて分かりやすい会計入門書三選(簿記・財務会計・管理会計) - ゆとりずむ
こんばんは。気がついたら、以前書かせて頂いた記事が、1000ブックマーク以上達成したようでびっくりです( ﾟдﾟ) lacucaracha.hatenablog.com 駄文雑文にも関わらず、お褒めのコメントも沢山いただき、恐悦至極です。コメント付きのブクマにつきましては、『見たよー(∩´∀｀)∩』という目印も兼ねて、星をつけていきますのでよろしくです。 で、ブックマークを整理している中で何個か気になるコメントが有りました。 id:nicht-sein id:stattly101 さんへ。なるほど、と思った人間です。国立理系大卒だけど、株や会計に関する教育なんて小中高大ではなかったでござる。社会人なんだから会計なんて常識だろ、とか言われたらごめんするしかないけど…… そうなんですよね。経営や会計の基本的な知識って、誰もが関係してくる話の割に、商業系の学校に行かない限り触れる機会が無いのが実
JavaScript language overview - JavaScript | MDN
JavaScript Tutorials Complete beginners JavaScript basics JavaScript first steps JavaScript building blocks Introducing JavaScript objects JavaScript Guide Introduction Grammar and types Control flow and error handling Loops and iteration Functions Expressions and operators Numbers and dates Text formatting Regular expressions Indexed collections Keyed collections Working with objects Using classe
Selenium Gridで複数の実機ブラウザで自動テスト | TECHSCORE BLOG | TECHSCORE BLOG
はじめに こんにちは、白川です。 Webアプリケーションは概ね、複数のブラウザに対応する必要があります。 Internet Explorer、Firefox、ChromeなどのPCブラウザだけでなく、 iPhoneやAndroidなどのモバイル/タブレットのブラウザにも対応しないといけなかったり、 同じブラウザでも複数のバージョンに対応する必要があったり、 OSのバージョンの違いにも対応する必要があったりします。 そうなってくると、テストが大変です。 検証が必要なOSとブラウザとバージョンの組合せが増えれば増えるほど、手動でテストを行なうことが大変になっていきます。 しかし、Selenium Gridを使えば、 一つのテストスクリプトで複数の実機のブラウザで自動にテストを実施することが可能となります。 Selenium Gridについて テストスクリプトを実行するサーバからSelenium
How do you judge a Javascript programmer by only 5 questions?
I was recently asked this on Quora, and here are my answers. Please note -these questions only indicate if someone knows JavaScript, it does not assert their general programming knowlege. Also, these are hard. If you cannot answer all five, it doesn’t mean that you’re bad at JavaScript — it only means that you’re not awesome … yet. Can you talk about apply, please? This is a bit of a factoid, so t
Why You Need a JavaScript Project Checklist
Why You Need a JavaScript Project Checklist This is the first in a three part series of articles all about using checklists in your projects. Here's our checklist and its Github repository. Feel free to use it or customize it. We use this checklist in all of our projects, and we think you should too. This is the first in a three part series of articles all about using checklists in your projects:
新卒インフラエンジニアを育成した話 | 外道父の匠
お久しぶりでございます。諸事情によって半年近くも息を潜めていましたが、また継続的なアウトプットをしていきたいと思います。あうとぷっとあうとぷっと。 昨年からAWSに触り始めて、少しずつ研究して、今年から本番運用を開始できています。なので、そっち方面が多くなりそうなのですが、その一発目として昨年にAWSを軸に新卒インフラエンジニアを育成してみた話を書いてみます。 経緯 ウチでは一般的な新卒採用を行っています。内定が出て、入社後はエンジニアも一定期間の研修を受けて、そして配属されることになっています。 私は稀に、キャリアプランによっては内定した段階の子との面談を組まされるのですが、その時点でインフラエンジニアになるという断固たる決意を持っていて、研修の段階に入っても意志は変わらなかった野郎がいたのでインフラ部隊に入れることにしました。しましたといっても普通は、配属は本人の希望以外に人事部判断や
CSSモジュール ― 明るい未来へようこそ | POSTD
ここ最近、CSSに対する考え方が広がりを見せています。皆さんの中には、その転換点を見つけようと、Christopher Chedeauの”CSS in JS”という講演を聞いた方もいるでしょう。2014年11月にNationJSで行われたこの講演は、CSSにおける重大な分岐点となりました。まるで高エネルギー粒子が衝突した後のように、それを機に、数ある多様な考え方が、各々の方向へ渦を描くように広がったのです。その例として、 React Style と jsxstyle 、 Radium を挙げましょう。これら3つは、Reactのスタイリングにおける最新かつ最良、そして最も実行しやすいアプローチに含まれており、 各々のプロジェクトのReadmeファイルでも、 そのように言及しています。もし”発明”が、 adjacent possible（一歩先にある可能性） を探ることの一例であるのなら、Ch
normalize.cssで使用されている各スタイルがどのように機能しているか解説
先日紹介した「sanitize.css（紹介記事）」や「Marx（紹介記事）」などリセット用CSSの新しいアプローチが増える中、ブラウザごとの要素の相違を吸収するのに人気なのはまだまだ「normalize.css」でしょう。 そのnormalize.cssも細かい改良が重ねられ、最新のバージョンは3.0.3になっています。 normalize.cssで使用されている各スタイルが、どのように機能しているか確認してみましょう。 normalize.css normalize.css -GitHub ※3.0.3はGitHubからダウンロードできます。 normalize.cssの特徴 html, body, :rootなどの全体系の定義 HTML5の新要素用の定義 リンク系の定義 テキスト系の定義 埋め込みコンテンツ系の定義 グルーピングコンテンツ系の定義 フォーム系の定義 テーブル系の定義
Understanding And Manually Improving SVG Optimization | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Raymond Schwartz. Like it’s raster brethren, SVG should be optimized before being used on production sites. There are several great tools for that, but as Raymond is about to show you, the best results come from a deeper understanding and a little manual work
grepでログ解析をするなんてひどい話だ | POSTD
今でも、 systemdのjournal におけるバイナリのストレージフォーマットに関して、不満を漏らす人が多くいることに私は驚きを隠せません。私は長年、システム管理者として働いてきており、1年以上も syslog-ng の オープンソースエディションのメンテナ として活動してきました。だからこそ、テキストではないストレージフォーマットに対して、なぜ多くの人が批判的なのか、私は理解に苦しんでいます。更に、反論を唱える人までいることが信じられません。もしかしたら、私は別世界の人間なのかもしれません。ですが、より良い選択肢があるのに、テキストのストレージを使う理由はほとんどありません。ロギングをする必要性、そしてなぜ、テキストのログストレージに対してそこまで用心深いのかについて、私は何度も尋ねられました。ここに、私が導き出した答えを紹介したいと思います。 これは、journalについて弁明する
Browser Monitoring for GitHub.com
EngineeringBrowser Monitoring for GitHub.comMost large-scale web applications incorporate at least some browser monitoring, collecting metrics about the user experience with JavaScript in the browser, but, as a community, we don't talk much about… Most large-scale web applications incorporate at least some browser monitoring, collecting metrics about the user experience with JavaScript in the brow
Supercharging page load (100 Days of Google Dev)
Jake Archibald introduces how making simple changes to Service Worker can vastly improve the startup and load performance of your web site. In this video Jake shows how he has made his Wikipedia application not only work offline but amazingly performant too. 100 Days of Google Dev / 100 developer videos over 100 days / #GoogleDev100 Subscribe to the Google Developers channel at: http://goo.gl
iconate.js·Web Fontをアニメーション MOONGIFT
最近のWebサイトでは単色のアイコンを使うことが増えています。言葉で説明しない分、分かりやすいのですが、ユーザの目を引きたい時になかなか目立たせることができないという問題もあります。 そこで使ってみたいのがiconate.jsです。2つのアイコンを指定して、その間を綺麗にアニメーションしながら切り替えてくれるライブラリです。 iconate.jsの使い方 アニメーション系なので、実際の動きを見るのが一番分かりやすいでしょう。 デモではアイコンとしてFont Awesomeを使っています。アイコンはWeb Fontを対象にしているようです。アニメーションは多数用意されていますので、自由に選択してアイコンを切り替えることができます。矢印をアニメーションさせたり、鉛筆アイコンをアニメーションさせて保存を促すといったような使い方はいかがでしょう。 iconate.jsはJavaScript製、MI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お探しのページはみつかりません - グノシー
Lanyrd
https://docs.google.com/file/d/1kDJIYWmCEpHRl-4dZLHmmbIvgabpPqoj/edit
Product Hunt – The best new products in tech.
くらしのきほん
Omni Completion and JavaScript
オープンソースで公開されている議論プラットフォーム・「Discourse」
WebdriverIO - WebDriver bindings for Node.js
Fontstand | Trent Walton
What You Should Know About Collapsing Margins | CSS-Tricks
Create A Responsive Imagemap With SVG | thenewcode.com
JavaScript Loop Optimization | Envato Tuts+
Wix Engineering
http://ift.tt/1zRRg4l
Redirecting…
服の写真を撮るとプロが毎日コーデイネートしてくれる「ベストスタイルミー」がiPhoneアプリに登場！｜男子ハック