Building Highly Performant Masonry Layouts with Gatsby.js
This post was inspired by a CSS-Tricks article about different approaches for building masonry layouts. At the end, I would like to present a responsive solution which doesn’t rely on flexbox, multi-column or grid layout, but works even in browsers without JavaScript. I was on my journey building a website for our student society of design, based on wireframes crafted along with my friends. For th
教科書に載らない撮影技術。光と色彩を使い遠近感をコントロールする表現技法 - 登山と写真で仕事をしている人。
Warning: Undefined array key "debug-mode" in /home/yamasha/yamasha.net/public_html/wp-content/plugins/pz-linkcard/pz-linkcard.php on line 290 Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/yamasha/yamasha.net/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27 Warning: Undefined variable $choiceSupports in /home/yamasha/yamasha.net/public_html/wp-content/theme
「みんなで考えよう」は思考の品質が下がる？「集団浅慮（グループシンク）」と「悪魔の代弁者」について
多数が集まることで思考の品質が下がるリスクについて、もう少し具体的に紹介してみましょう。 例えば、社内の気心の知れた人達で集まって会議を開催すると、知らず知らずの内にその人たちの間で「今の私たちが持っている『雰囲気』や『秩序』を大切にしよう」とする意識が働くものです。 会議が進み、議論が一定の方向にまとまり始めると、そこで反対意見を出すことは「雰囲気や秩序を乱す」として、賛成意見以外を言いづらい雰囲気が形成される──といったこともあるでしょう。 一見「良案」にみえる意見においても、それが客観的に正しい、良いものなのかどうかよりも「和を乱さないか」であったり、「（まとまっていた話が）まとまらなくなってしまうのではないか」といった観点に重きを置かれてしまうのです。 こうしたケースは決して珍しいことではなく、例えば一部上場企業における役員クラスのミーティングにおいても、同様の傾向が見られることも
OpenCV, GoCV, Go言語における画像処理のパフォーマンスの比較 - ZOZO TECH BLOG
Gopher's design for Ryuta Tezuka（@Tzone99） こんにちは、ZOZOテクノロジーズ開発部の池田（@ikeponsu）です。 本記事では、 Go言語における画像処理の可能性を、ベンチマークを通して探ってみたいと思います。 はじめに 業務内でGo言語での画像処理を行う機会があり、Goの標準パッケージやGoCVについて調べていました。 ただ、画像処理に関する記述はまだまだ少なく、実装している人自体も少ないのかなという印象でした。 今回行った「Go言語での画像処理の速度はどの程度か」のベンチマークが、これからGo言語で画像処理の実装を行おうとしている方の参考になればと思います。 ベンチマークの内容 比較対象 C++のOpenCV内のバイリニア補間 GoCV内のバイリニア補間 Go言語とimageパッケージを使って実装したバイリニア補間 処理内容 画像入出力 バ
CSSでここまでできるのか！知っておくと便利なCSSのプロパティや疑似要素のまとめ
CSSの進化は早いですね。 一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。 知っておくと便利なCSSのプロパティや疑似要素をまとめて紹介します。 CSS can do that? by Ananya Neogi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. box-decoration-break 改行する際の表示形式を定義 2. attr() -簡単ツールチップ 3. backface-visibility -フリップするカードも簡単 4. conic-gradient -円グラフを簡単に実装できる 5. filter -画像に多彩なフィルタを適用 6. mix-blend-mode -画像やテキストにも
金魚電話ボックス、著作権侵害の訴え棄却 作家は控訴へ：朝日新聞デジタル
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
【極秘入手】7pay開発の内部資料。｢セキュリティー不備｣は急な開発と“度重なる仕様変更”が一因か
Business Insider Japan編集部｢7pay｣取材班は、7payの開発スケジュールを取りまとめた内部資料を入手した。 開発現場の関係者の間でやりとりされた資料の最終版に近いもので、2018年末からサービスイン直前までの間が、どのようなスケジュールで動いたのかを示す資料だ。現場をよく知る複数の関係者の証言からは、記者会見で注目が集まった｢セキュリティー不備｣につながる慌ただしい開発現場の姿が浮かび上がる。 7payの不正利用に関しては、7月3日にアカウント乗っ取りと不正利用が発覚し、続く4日セブン＆アイHDが記者会見で被害推定額を｢約5500万円｣と発表。同日夜に中国籍の男2人が不正利用に関して詐欺未遂の容疑で逮捕された。 セブン＆アイHDはセキュリティー対策の甘さへの指摘を受ける形で、5日にはセキュリティー対策強化を目的とした新組織発足と二段階認証導入、1回あたりのチャージ
Faster Docker builds with pipenv, poetry, or pip-tools
Introduction to Dockerizing for Production Improve your DevOps skills: learn an iterative process for Dockerizing your code. Get your free ebook Faster Docker builds with pipenv, poetry, or pip-tools by Itamar Turner-Trauring Last updated 21 Mar 2023, originally created 17 Jun 2019 Docker builds can be slow, and waiting for a build to finish is probably not how you want to spend your time. So you
React Hooks + Redux Hooks + TypeScript で SPA を構築する（追記あり） - 30歳からのプログラミング
2020/05/31 追記 勉強や経験を重ねた結果、この記事を執筆した時より知識が増え、コードの書き方にも変化があります。 サンプルアプリも同様で、以下のプロダクトのコードのほうが、今の自分の考えが反映されていると思います。 github.com 追記終わり 2019/07/14 追記 ディスカウント後の価格みたいな導出項目はselector (reselect)を使うとよいのでは https://redux.js.org/recipes/computing-derived-data - YonmanHasse のブックマーク / はてなブックマーク というコメントを頂き、確かに便利そうだったので導入した。 それに合わせてこの記事の内容もアップデートした。 追記終わり タイトルに書いた組み合わせで SPA を作るときにどのような設計にするのか、現時点での考えを記録しておく。 チュートリアル
知っていると捗るcreate-react-appの設定 - Qiita
はじめに NTTテクノクロス Advent Calendar 2018の8日目担当 @geek_duck です🦆 最近はReact.jsでフロント側、SpringBoot/GrailsでAPI側を作るプロジェクトに関わっています。 そのプロジェクトの中で調べた、知っていると捗るcreate-react-appの設定を紹介したいと思います。 この投稿で使用している言語、ライブラリのバージョン Node.js v10.14.1 npm v6.4.1 create-react-app v2.1.1 react.js v16.6.3 create-react-app基本の使い方 最初にcreate-react-appの基本的な使い方をサッと紹介します。 create-react-appは、React.jsのアプリのひな形を作成してくれるツールです。 以下のnpxコマンド経由でcreate-rea
フリーフォントの作者様に感謝！最近リリースされた日本語フリーフォントのまとめ -2019年上半期
最近リリースされたものを中心に、ひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 レトロなフォント、漫画や同人誌にぴったりなアンチック書体、プログラミング向けの等幅フォント、タイトルやコピーに使えるデザインフォントなど、たくさんのフォントがリリースされています。 ※梅干フォントが新コミック体になってしまってます、、、 最近のだけでなく、これまで全部の日本語の無料フォントは下記をどうぞ。 2020年用、日本語のフリーフォント 417種類のまとめ 最新のフリーフォント、まずは縦組み・長文・文芸向けの「源暎ちくご明朝」から。 源暎ちくご明朝 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 源ノ明朝をベースにした、縦組み・長文・文芸向けをターゲットにデザインされた本文向け明朝体。東京築地活版製造所の五号活字（築五）の系譜に連なるオールドスタイルの仮名を持つフォン
渋谷の交差点から人をじわじわ消す
渋谷に人がいない写真を撮りたい 渋谷のスクランブル交差点みたいな場所で、人のいない写真を撮るための方法の１つは、長時間露光だ。 カメラのシャッターをあけっぱなしにして何秒間も撮影すると、なんとなく人がいなくなったような写真を撮ることができる。 こんな感じの写真、見たことありますよね。 長い時間やればやるほど人が消えるんだけど、それでも人の足元みたいにあまり動かない部分がぼやーっと残ってしまう。 これをなんとかする方法を考えてみた。 もっとも長い時間を占めていた色をそのピクセルの色とする ふつうの長時間露光は、言ってみればピクセルごとに色を時間で平均したものだ。あるピクセルが2秒間は真っ白、つぎの3秒間は真っ赤だったとすると、露光の結果はその平均としてピンク色になる。 長時間露光で、ところどころ色がにじんだ感じになっちゃうのはそのためだ。 そこで、ピクセルごとに一番長い時間を占めていた色を選
getter/setterがなぜマズいか - kawasima
getterとsetterは、クラスをみせかけのデータ構造に変える。で、そのデータ構造は独自のAPIをもつことになる。XとYの属性を持てば、getXとsetX, getYとsetYというように。で、これを使う人はこれらを使って業務をどう組み立てなくてはならないかを学ぶ必要がある。 まぁ、これはまだ良いのだが、データモデリングの観点からいうと、問題を先送りできちゃうことがよりマズいのだ。「Xが変わる可能性があるので、Xをセットできる必要があります。このオブジェクトをインスタンス化した後で変更する必要があるかもしれません。」というように。Xをセットするとして、その変更が業務上何を意味するのか? 全く考えていない。「Xがいつ変更されるのか、またどのような条件下で変更するのかを決めるのは、コードの他の部分に任せるつもりです。」
2019年前半の「JavaScriptをちゃんとやるための地図」（追記あり）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。BPS社内勉強会の発表を元に、社内JavaScript勢の皆さまのお力を得て記事を書きました。 目的 JavaScriptをたまにしか使わない私ですが、それもあってなおさら書くときに迷いに迷います。 ネットの情報多すぎ、動き激しすぎ、選り分けるにしても指針が欲しい 古いコードや毒入りコードを拾って食あたりや、泥舟に乗って沈没するのを少しでも避けたい 最初の一歩をどこから踏み出すかの手がかりが欲しい そういったわけで、2019年前半と区切って、一度JavaScript世界について門外漢ならではの「大きな絵」が欲しかったのでした。ここに書いたことの中には来年には古くなっているものあるかもしれません。 ただ、社内のJS勢の話を総合すると、JavaScript世界は数年前に比べるとかなり落ち着きつつあるとのことです。この機会にということで、主に自分のために現在の
将棋が指せる WEB サービスを個人で開発しました - SHOGIX
みなさんこんにちは、はじめまして、菊池です。 先日、関数型言語と Google のクラウドサービスを使って作った【SHOGIX 無料で将棋の対局ができる WEB サービス 】を公開しました。完全に個人の趣味プロジェクトです。 WEB ブラウザがあれば将棋の対局ができるので、よかったら友達と将棋を指す時とかに使ってみてください！ 今回は SHOGIX を構成する技術について、その概要を紹介してみようと思います。 今後の SHOGIX には、棋力が同じぐらいのユーザー同士でマッチング対局できる機能や、将棋が強くなれる機能を少しづつ追加していく予定です。お楽しみに！ shogix.jp SHOGIX の構成 SHOGIX は Google の各種クラウドサービスを使って、サーバーレスで構成しています。インフラの運用は全てクラウドサービス側にお任せでスケールアウトもしてくれるので、ロジックの開発に
2019 ReactJS Best Practices & Design Patterns
[update, May 22nd, 2019] — Add another one best practice to the list. See below. [update, May 19th, 2019] — We added a new article about Redux and Redux-Thunk. Simply explained with lots of examples. [update, July 23, 2019] — Due to many requests, we will add a new article about ReactJS ANTIpatterns. The link will be posted here. Please support with a clap. Thank you! 1. Please welcome, ReactJSFor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Quasar Framework - Build high-performance VueJS user interfaces in record time
http://natural-seeing.com/2019/03/15/post-19/
それはYAGNIか? それとも思考停止か?
PuppeteerでいらないCSSを消す
