yamadarのブックマーク - はてなブックマーク

開発者が知っておくべきSOLIDの原則 | POSTD

(編注：2020/08/18、いただいたフィードバックをもとに記事を修正いたしました。) オブジェクト指向プログラミングが、ソフトウェア開発に新しい設計を持ち込みました。その結果、開発者は単一の目的を処理するために、全体のアプリケーションに関係なく、1つのクラスの中で、同じ目的や機能を持つデータを結び付けることができるようになりました。しかし、このオブジェクト指向プログラミングで、分かりにくいプログラムやメンテナンスができないプログラムを防ぐことはできません。そこで、5つのガイドラインがRobert C. Martinによって作り出されました。これら5つのガイドラインすなわち原則により、開発者にとって読みやすく、メンテナンスが可能なプログラムを作成しやすくなりました。 5つの原則は、S.O.L.I.Dの原則と呼ばれています（頭字語はMichael Feathereによって名付けられま

yamadar 2022/02/25

設計

リンク

RESTのベストプラクティス | POSTD

現在ではREST APIはとても一般的な話題です。ほとんどすべてのWebアプリケーションの一部分となっています。シンプルで一貫性があり実際的なインターフェースは必須です。これは皆さんのAPIを他の人が使うことをとても容易にします。皆さんにとってはRESTの実践が日常的に感じられるかもしれませんが、RESTをあまり尊重しない人々もよく見かけます。これがRESTについて投稿するきっかけでした。この記事にはRESTfulなAPIを設計する時に考慮すべきベストプラクティスがあります。注意 : ここでのベストプラクティスは、私が過去の経験に基づいて良いと考える事例です。もし違う考えをお持ちであれば、お気軽にメールをくだされば意見交換できると思います。 APIのバージョンを示す APIのバージョンは必須であるべきです。これがあると時間が経ってAPIが変わっても影響を受けません。その方法の1つはUR

yamadar 2021/04/22

API
設計

リンク

プログラマの採用面接で聞かれる、データ構造とアルゴリズムに関する50以上の質問 | POSTD

情報科学科の卒業生やプログラマの中には、UberやNetflixのような新興企業や、 Amazon 、 Microsoft 、 Google のような大企業や、InfosysやLuxsoftのようなサービスを基本とする企業で、プログラミング、コーディング、ソフトウェア開発の仕事に就きたいと考える人が大勢います。しかし、実際にそういった企業で面接を受ける場合、大半の人がプログラミングに関してどのような質問をされるか見当もつきません。この記事では、新卒生からプログラマになって1〜2年までの経験値が異なる人たち向けに、それぞれのプログラミングの面接でよく聞かれる質問をいくつか紹介していきます。コーディングの面接では、主にデータ構造とアルゴリズムに基づいた質問がされますが、一時変数を使わずにどのように2つの整数をスワップするのか、というような論理的な質問もされるでしょう。

yamadar 2019/02/08

リンク

恐竜に教える現代のCSS – Part 1 | POSTD

注釈‥ ﹁CSSでピクセルをいじるのは確かに難しかった！　今じゃHTMLで非セマンティックなクラス名とかインラインCSSとかを使うのがクールで、JavaScriptでCSSスタイルを書いたりもできるって！﹂﹁﹃ファミリー・ガイ﹄の﹃CSS﹄GIF︵訳注‥米アニメ﹃ファミリー・ガイ﹄のキャラクターを使った、CSSを扱う厄介さを示唆するGIF画像︶をここに挿入﹂﹁ハハッ！﹂ CSSは不思議なことに、Web開発者が学ぶ中で非常に易しいとも難しいとも考えられている言語です。確かに、CSSは簡単に始められます。特定の要素に適用するスタイルの属性と値を定義して、それから……いえ、差し当たって必要な作業はほぼそれだけです。しかし、比較的大規模なプロジェクト向けに意義のある形でCSSを組むとなると、作業は複雑に入り組んできます。あるページのある要素のスタイルを指定しようとCSSのどの行を変更しただけで

yamadar 2018/05/11

？？？グリッドの紹介してるだけだった

*CSS3

リンク

JavaScript モジュールの現状 | POSTD

(注‥2017/07/19、いただいたフィードバックを元に翻訳を修正いたしました。) ESM、CJS、UMD、AMD 　—　どれを使うべき？最近、 Twitter では、ESモジュールの現状、特に、 *.mjs をファイル拡張子として導入すると決めた Node.js の現状について大騒ぎになっています。この話題は複雑で、かなりの労力を費やしてそれに専念しないと議論について行けないので、皆が恐れと不安を抱くのも無理はありません。古き恐れフロントエンド開発者なら、 JavaScriptの依存関係の管理に悩まされた日々を憶えている人も多いでしょう。あの頃は、ライブラリをベンダーフォルダにコピー&ペーストし、グローバル変数に依存し、あらゆる物を正しい順序でconcatしようとしてもネームスペースの問題に対処する必要がありました。何年もかかって、私たちは共通モジュール形式と中央集権

yamadar 2018/02/08

*javascript

リンク

畳み込みニューラルネットワークの仕組み | POSTD

(編注‥2016/11/17、記事を修正いたしました。) ディープラーニングの分野でテクノロジの進化が続いているということが話題になる場合、十中八九畳み込みニューラルネットワークが関係しています。畳み込みニューラルネットワークはCNN︵Convolutional Neural Network︶またはConvNetとも呼ばれ、ディープニューラルネットワークの分野の主力となっています。CNNは画像を複数のカテゴリに分類するよう学習しており、その分類能力は人間を上回ることもあります。大言壮語のうたい文句を実現している方法が本当にあるとすれば、それはCNNでしょう。 CNNの非常に大きな長所として、理解しやすいことが挙げられます。少なくとも幾つかの基本的な部分にブレークダウンして学べば、それを実感できるでしょう。というわけで、これから一通り説明します。また、画像処理についてこの記事よりも詳細に説明

yamadar 2018/01/11

機械学習

リンク

ブロックチェ－ンを構築しながら学ぶ | POSTD

ブロックチェ－ンの仕組みを知るには構築するのが最短の方法この記事を読んでいるということは、仮想通貨の拡大に興奮しているということですね。ブロックチェ－ンの仕組み、背後にある基本的なテクノロジーについて知りたいのでしょう。しかしブロックチェ－ンを理解するのは簡単ではありません。少なくとも私にはそうでした。大量の動画の中をさまよい、抜けだらけのチュートリアルに従い、結局、実例が少なすぎてフラストレーションが大きくなりました。私は手を動かして学ぶのが好きです。コードのレベルで内容を扱わざるを得なくなり、そうすることで身に付くからです。同じようにやってもらえば、この解説が終わる頃には、機能するブロックチェーンが出来上がり、どのように動くかがしっかりと把握できるようになるでしょう。準備ブロックチェ－ンとはブロックという名の不変でシーケンシャルな一連のレコードだということを覚えてください

yamadar 2017/12/08

ブロックチェーン

リンク

さよなら、Firebug | POSTD

最も人気が高くパワフルなWeb開発ツール。 Firebugはこれまでに驚異的な成功を収めており、その12年の歴史において、オープンソースのツールとして、Web開発者の間でカルト的な人気を築き上げてきました。登場したのは2005年、Firefoxブラウザでコードの検査、編集、デバッグをできるようにした最初のツールです。また、どのようなWebページにおいても、CSS、HTML、JavaScriptの調査を可能にしています。これは大きな前進でした。 Firebugは多くの人の注目を集め、現在でも100万人以上の熱心なファンがそれを使用しています。そのような中、来月リリースされるFirefox Quantum (バージョン57) で、Firebugが終焉を迎えるのは残念でなりません。ただし、現在のFirefox Developer ToolsにFirebugの全ての機能が盛り込まれている点につい

yamadar 2017/11/08

Chrome Developer Toolsが追いつくまでは良く使ってました。ありがとうございました。

リンク

V8エンジンでのJavaScriptの機能と最適化コードの書き方に関する5つのベストプラクティス | POSTD

数週間前に、JavaScriptが実際どのように動いているかを掘り下げて紹介する記事の連載を始めました。JavaScriptがどのような機能で構成されていてそれらがどのように組み合わさって機能していくのかを知ることによって、さらに良いコードやアプリケーションを作ることができるのではないかと思ったからです。連載の1回目では、エンジンやランタイム、コールスタックについての概要を紹介しました。2回目となる今回は、Google V8 JavaScriptエンジンについて細かく説明していきます。また、より良いJavaScriptコードの書き方、すなわち私たちの開発チーム SessionStack がプロダクトを開発する際に意識しているベストプラクティスについても併せて紹介します。概要 JavaScriptエンジンとはJavaScriptコードを実行するプログラムまたはインタプリタのことです。

yamadar 2017/10/13

リンク

SQLトランザクション分離実践ガイド | POSTD

(注‥2017/10/16、いただいたフィードバックを元に翻訳を修正いたしました。) (注‥2017/10/11、いただいたフィードバックを元に翻訳を修正いたしました。) データベースのドキュメントで分離レベルを目にして、軽く不安を感じつつ、あまり考えないようにしたことはないでしょうか。トランザクションの日常の使用例できちんと分離について言及しているものはほとんどありません。多くはデータベースの初期設定の分離レベルを利用しており、後は運頼みです。しかし、本来、理解しておくべき基本的なトピックであり、いくらか時間を投入してこのガイドの内容を学習すれば、もっと快適に作業できるようになるでしょう。私はこの記事の情報を学術論文、PostgreSQLドキュメンテーションから集めました。分離レベルの何たるかだけでなく、適用の正確さを保持しつつ最大速度で使うにはいつ使うべきか、という疑問に答えるべ

yamadar 2017/10/11

リンク

2017年JavaScriptのテスト概論 | POSTD

本稿は、JavaScriptのテストについて最も重要な根拠、用語、ツール、アプローチなどの知識を身に着けることを目的とした簡略版ガイドブックです。本稿で検討する数々の側面に関する最新の秀逸な記事も紹介しつつ、私たちが経験的に得たことも多少付け加えたいと思います。 Facebookによるテスト用フレームワークであるJestのロゴをご覧ください。見てお分かりのように、このフレームワークは「苦痛のない」JavaScriptのテストをスローガンに掲げています。しかし、 “次のように言う人” もいます。苦痛のないテストなんてあり得ない。実際、Facebookはこのスローガンを掲げるだけの素晴らしい理由があります。一般的にJSのデベロッパは Webサイトのテストにあまり満足していません。JSのテストには制限があり、実装が難しく、低速である傾向があります。一方、正しい戦略を立てて適切にツールを

yamadar 2017/07/12

リンク

React Nativeを用いた初めてのiOSアプリ開発 : 選んだ理由と、開発で学んだこと | POSTD

候補としてモバイルアプリの作成について話し合いを始めた時、何を用いてモバイルアプリを構築するかについて、私たちには何の考えもありませんでした。クールな仕様で、楽しく使え、さらには洗練されたものでありたいという一般的な方向性は分かっていたのですが、誰もモバイルアプリを構築した経験がなかったのです。そこで私たちはReact Nativeを使ってみることにしました。選んでみて良かったと思っています。この記事では、React Nativeを使うと決めた時に考えたことや、構築途中で学んだことを書き綴っています。 React Nativeを選んだ理由私たちはWeb開発者であって、iOS開発者ではありません。ニューヨークでの集まりで、Swiftがどれだけ性能がいいか、それでいてObjective-Cもまだ存在価値があるということを、少しかじった程度で、一番得意なのはRubyとJavascriptです

yamadar 2017/05/09

リンク

マイクロサービスの終焉 | POSTD

これは未来からの投稿です。現在、信頼のおけるスケーラブルなプロダクションシステムの構築は、言ってみれば、その他のソフトウェアを書くのと同じくらい容易になっています。未来にはどのような風景が広がっているのか、お伝えしましょう。 2016年当時は、誰も彼もが﹁マイクロサービス﹂を取り上げていました。例えば、1996年に﹁情報スーパーハイウェイ構想﹂の記事ばかりが出回った頃に似ています。﹁情報スーパーハイウェイ構想﹂というフレーズがやがて消滅し、人々はインターネットの構築に戻っていったのと同様に、サービスが、スケーラブルなソフトウェアシステム構築の標準になるにつれ、マイクロサービスの﹁マイクロ﹂の部分もまた、削り落とされて行きました。私たちが使ってきた︵そして捨て去った︶名称であるにもかかわらず、どちらの用語も、当時のテクノロジーに対する考え方とその使い方に起こった転換を示しています。サービスベ

yamadar 2017/04/12

リンク

TypeScriptを使った方がいいケースとは？ | POSTD

去年の夏、私たちは大量のコードベース︵18,000行以上のコード行数︶をJavaScriptからTypeScriptへと変更しました。この移行作業を通じて、両者の相違点や類似点について大いに学び、TypeScriptの優れたユースケースや、TypeScriptを使うべきではないケースなどについて考えてみました。型システムとは補助輪のようなものです。転倒防止してくれる代わりに、遅くなり、操作性が制限されます。 TypeScriptのユースケースコードサイズ ‥ソースコードが膨大である場合、また複数の人がプロジェクトに従事している場合、型システムは明らかなエラーを防ぐのに役立ちます。特に SPA の場合は当てはまります。誰かが変更したコードが他の人のコードを破損させてしまう可能性があるなら、何らかの安全機構を持つ方がいいでしょう。TypeScriptのトランスパイラは明白な誤りを

yamadar 2016/04/21

リンク

ES6 チートシート | POSTD

日々の仕事の中で役に立つES2015︵ES6︶のティップス、コツ、ベストプラクティス、プログラムの見本をご紹介します。コントリビューション歓迎です！目次 var vs. let / const IIFEからブロックベースへアロー関数文字列デストラクチャリングモジュールパラメータクラスシンボルマップ WeakMaps Promises ジェネレータ Async/Await var vs. let / const var の他に、値を格納する let と const という識別子が新たに追加されました。 var とは異なって、 let と const はクロージャのスコープ内で最初に記述されることはありません。 var の使用例です。 var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack

yamadar 2016/02/11

リンク

Gitを学んでいて「なるほど！」となる瞬間 | POSTD

Gitは速く柔軟性がありますが、理解に時間のかかる分散型バージョン管理システムです。Gitを始める前に次を理解しておきましょう。通常のバージョン管理分散型バージョン管理本や学習書、指南書はGitを理解するのに役に立ちました。しかし、その他にもGitの理解に至ったきっかけがありますのでご紹介します。ステージング・エリアがあるGitにはステージング・エリアがあります。繰り返しますが、ステージング・エリアがあるのです。これには混乱しました。リポジトリ︵﹁オブジェクトデータベース﹂︶とステージング・エリア︵﹁インデックス﹂と呼ばれる︶の両方がGitにはあります。チェックインには2段階あります。git add foo.txt インデックスにfoo.txtを追加します。これだけでは、チェックインは完了していません。git commit -m "message" リポジトリ

yamadar 2015/10/13

*git

リンク

JavaScriptのクロージャは内部でどう機能するのか | POSTD

もうだいぶ前からすでに私はクロージャを使っています。使い方を学びましたが、実際にクロージャがどう機能するのか、また、使うと隠れたところで実際に何が起きるのかを明確に理解しているとは言えませんでした。そもそも、クロージャとは一体何なのでしょうか。ウィキペディアはあまり役に立ちません。クロージャはいつ生成され、いつ削除されるのでしょうか。どのように実装されるべきなのでしょうか。 "use strict"; var myClosure = (function outerFunction() { var hidden = 1; return { inc: function innerFunction() { return hidden++; } }; }()); myClosure.inc(); // returns 1 myClosure.inc(); // returns 2 myClos

yamadar 2015/10/13

*javascript

リンク

JavaScriptのモナド | POSTD

恒等モナド Maybeモナドリストモナド継続モナド Do 記法連鎖呼び出しモナドとは、一連のステップによって実行する計算を記述する際に使用する、1つのデザインパターンです。純粋関数型プログラミング言語では、モナドは副作用を管理するために広く利用されていますが、マルチパラダイム言語では、モナドで複雑性を制御することもできます。モナドはデータ型をラップして、空の値を自動的に伝播したり（ Maybe モナド）、非同期コードを簡略化したり（継続モナド）といった、新たな動作を既存のデータ型に追加します。一連のコードをモナドと見なすためには、その構造には次に挙げる3つの要素が含まれていなければなりません。型コンストラクタ — 基本的な型に対してモナドの動作を追加した型を作成する機能です。例えば、基本的なデータ型 number に対して、 Maybe<number> とい

yamadar 2015/08/15

リンク

あまり知られていないCSSの12の事実(続編) | POSTD

1年以上前に、私は最初の 12 Little-known CSS Facts︵あまり知られていないCSSの12の事実︶を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。注釈SitePoint/ Natalia Balska によるイラストそれでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実このプロパティについてはSitePointに4年以上前に書いたのですが、この機能が存在することを、未

yamadar 2015/08/13

初っ端から知らんかった。。。仕様追わなきゃなぁ。 ●*CSS ●*CSS3 ●tips

リンク

Node.jsのイベントループを理解する | POSTD

(訳注‥2015/8/4、いただいた翻訳フィードバックを元に記事を修正いたしました。) Nodeの”イベントループ”は高スループットのシナリオを操作する中枢で、ユニコーンや虹で満ちあふれているような魅力的な場所です。そしてこのイベントループのため、バックグラウンドで任意の処理の実行が可能でありながら、Nodeは本質的に”シングルスレッド”になるのです。この記事では、イベントループがどのような処理を行うのかを説明していきます。そうすれば皆さんも、この魔法を使いこなせるようになるでしょう。イベント駆動型プログラミングイベントループを理解するためにまず必要なのは、イベント駆動型プログラミングのパラダイムを理解することです。イベント駆動型プログラミングは、1960年代から広く知られてきました。現在は主にUIのアプリケーションに使用されています。JavaScriptでは主にDOMとのやりとりで利

yamadar 2015/08/01

リンク

はてなブックマーク

タグ

ブックマーク / postd.cc (37)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス