新人記者が行く： アラフォーの鬼編集者に囲まれつつも、毎日必死で記事を書いている新人のスズキとアオヤギ。元高校球児で“史上最強の応援団長”の呼び名を持つスズキと、家にいるのが何よりも好きな女オタクのアオヤギ。平成生まれの2人が「最近気になること」に突撃していきます。連載バックナンバーはこちら。
大ヒット『シン・ゴジラ』 ゴジラ襲来による日本の被害額はどれくらい？ 試算してみた
新人記者が行く： アラフォーの鬼編集者に囲まれつつも、毎日必死で記事を書いている新人のスズキとアオヤギ。元高校球児で“史上最強の応援団長”の呼び名を持つスズキと、家にいるのが何よりも好きな女オタクのアオヤギ。平成生まれの2人が「最近気になること」に突撃していきます。連載バックナンバーはこちら。
Bytesize — Tiny style-controlled SVG iconset
A passion project Bytesize is a passion project I started to help learn the SVG spec, particularly SVG Paths and how they are drawn within code. Each icon is hand-coded along a 32x32 grid, and uses SVG stroke allowing for maximum style flexibility; meaning you can adjust the weight, color, size, and if you want the edges to be round or square. While designing and coding these icons, I tried to pla
flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
写真画像を無断使用されたので、使用料金をご請求申しあげた件【著作権裁判まとめ】
2016年8月22日著作権侵害対策 昨年４月、旅行会社のA社のウェブサイトにぼくの写真画像が無断で使用されているのをみつけました。スクリーンショットはこれです。 小さな扱いですが、プロのフォトグラファーという著作権で成りたつ仕事をしている以上、これを捨て置くことはできません。 ふつうは出版社でも広告代理店でもクライアントの皆様は１枚の写真に対してきちんと使用料金を支払ってくださいます。それなのにA社は画像を無断で使用したことで料金の支払いを免れるというのでは他のクライアントとの公平性がとれなくなります。 そこでA社に連絡をとって抗議したところ、無断転載を認めないどころか「当社を中傷するなら名誉毀損で訴訟します」との回答をいただきました。対策に窮したぼくはやむを得ずこちらからA社を著作権侵害で提訴しました。 そして裁判所という場において、このたびA社社長は「写真を無断使用した」というぼく
npms
Your browser is out-of-date! Update your browser to view this website correctly. Update my browser now ×
Writing Less Damn Code | HeydonWorks
I’m not the most talented coder in the world. No, it’s true. So I try to write as little code as possible. The less I write, the less there is to break, justify, or maintain. I’m also lazy, so it’s all gravy. (ed: maybe run with a food analogy?) But it turns out the only surefire way to make performant Web Stuff is also to just write less. Minify? Okay. Compress? Well, yeah. Cache? Sounds technica
React JS Introduction - React Enlightenment
React JS - React Enlightenment Written by Cody Lindley sponsored by — Frontend Masters Learn React in the terse cookbook style found with previous Enlightenment titles (i.e., jQuery Enlightenment, JavaScript Enlightenment, DOM Enlightenment) Read About React JS Online At: Stumbling on what is react? React.js is a JavaScript library that can be used to build user interfaces. reactenlightenment.com
Seleniumアレルギーのための処方箋 - Qiita
何年も前、SeleniumやWebDriverの話で盛り上がった記憶があります。ただ、その当時はまだRailsなどバックエンド中心の文脈でした。今、フロントエンドに軸足が移る中、ブラウザテストの状況はどうなったのでしょう? 不思議なことに、フロントエンド界隈でそれほど話題に上がって来ないですよね (私の周りだけ?)。結構大事なのに。実は皆さん、「Seleniumアレルギー」なんじゃないですか? 公式サイトに漂う ゼロ年代感(下図)。Javaへの躊躇、「めんどくさい」と聞かされ続けた過去、無意識に避けてしまうのがSeleniumです。 ただ、フロントエンドの文脈でこそ、ブラウザテストは重要度を増しています。そこで「Selenium触りたくない病」の筆者が、 四苦八苦した背景 と、2016年だからこそ 見えてきた落とし所 を書いてみたいと思います。 註: 思ったより長文になってしまいました。先
ブラウザテストツール総まとめ・2016年夏版 - Qiita
GitHubのスターは2016年7月30日調べ。ただし、登場年によるバイアスが激しいので、この件に関してはあまり参考にならないですね...。 E2Eテストツール Nightwatch 総合的なE2Eテストツール。WebDriver実装(独自)と、アサーションライブラリが一体となっているのが、使いやすいような使いにくいような。 http://nightwatchjs.org/ https://github.com/nightwatchjs/nightwatch 書き方はこんな感じ。 module.exports = { 'Demo test Google' : function (client) { client .url('http://www.google.com') .waitForElementVisible('body', 1000) .assert.title('Google')
Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita
概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢
インフラエンジニアとしてよく使うコマンド集 - Qiita
私がよく使うコマンド集となります。 参考に頂けたら幸いです。 随時更新するかと思います。 コマンドを打つ前に覚えておく事 ①サーバに負荷がかかるコマンドを打つ場合、下記をコマンドの先頭に付けましょう $ ionice -c 2 -n 7 nice -n 19 # -c 2：ディスクI/Oの実行優先度をベストエフォートで実行 # -n 7：さらにこのコマンドの優先度を低くする # -n 19：プロセスの実行優先度を一番低くする
綺麗なAPI速習会 - Qiita
Wantedly Engineer blogに本速習会資料を閲覧向けに再編しました！ ぜひご覧いただけると幸いです！ 本記事は、綺麗なAPI速習会@Wantedlyの資料として作成されたものです。 同時にこちらのコードも参照してください。 マイクロサービス 流行りのマイクロサービス、何がいいのか 各々自由な言語やArchitectureでサービスを立てられる 障害の影響が部分的 変化に強い 個別デプロイ etc... マイクロサービス化をすすめるにあたり、やりとりは全てAPIで行う 内部のAPIであっても外部に公開できるようなクオリティのAPIを作成し、それを元にサービスを作っていくことが重要 APIGatewayとBFF API Gateway Pattern 公式サイトより 「見た目はモノリシック、実装はマイクロサービス」 一箇所見に行けば全てのAPIを見つけられる 細かい権限管理も可
エンジニアなら知っておきたい、絵で見てわかるセキュア通信の基本 - Qiita
TLS 1.3は現在策定中ですが、 前方秘匿性 の問題から RSAのみ を用いた鍵委共有が禁止になる見込みです。(詳細は後述します) HTTPSとは 次に、HTTPSです。 HTTPS - Wikipedia HTTPS（Hypertext Transfer Protocol Secure）は、HTTPによる通信を安全に（セキュアに）行うためのプロトコルおよびURIスキームである。 厳密に言えば、HTTPS自体はプロトコルではなく、SSL/TLSプロトコルによって提供される セキュアな接続の上でHTTP通信を行うこと をHTTPSと呼んでいる。 とのことです。 HTTPの説明を割愛するとすれば、「SSL/TLSでセキュアにHTTPをやる」というだけの説明で済んでしまいます。 最近では個人情報等の観点から全てのサイトをHTTPSにするような動きが見られますが、元々HTTPSが使われやすかった
同調圧力、その再生産 - mizchi's blog
皆が面白いと思うものを面白いと思えないから、面白くない、と言うと「水を差すつまらないやつ」とか「斜に構えて気取ってる」みたいな扱いされるんだけど、こっちは本当に面白く無いと思っているわけで、その可能性を検討できない人は、同質的なコミュニティだけで生きてきた幸せなやつなんだな、と思う。 「嫌なら見るな」という言葉も嫌いで、まあ僕は見ないんだけど、結果としてそういうものに囲まれて生きることになるので、「政治的なアクション」として、否定的な見解を発していくのは必要なことだとも思っている。たとえそれが自分に通じる範囲にしか響かなくても、僕が快適にしたい領域はそこなので。 たとえばシンゴジラは僕も見てよかったと思ってるけど、国威発揚的な演出はクッセーと思ってて、嫌いな人いるだろうなって思うし、絶賛以外許さんという連中はまさに多数派の同調圧力の発露なので、個人的な嫌悪の対象にある。 僕が18まで無理矢
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
京都・伏見の日本酒テーマパークで地酒に溺れる
