You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

皆さま、はじめまして、こんにちは。京都在住のイラストレーター兼マンガ家・てらいまきです。 Webエンジニアをしている夫と共働き夫婦で、2017年9月には第一子である男の子が生まれました！（2018年7月現在、息子は9ヶ月です。） いきなりですが、私たち夫婦は面倒くさがりで、楽することが大好きです！ 「時短アイテムに頼って楽ができるなら、速攻取り入れていこうぜ～～～！」なスタンスで、手を抜けるところはどんどん手を抜いて、何事も2人で取り組んでいきたいと考えています。 初めての育児は慣れないことばかりで、常に寝不足で疲れている日々が続きました……。こういうとき、どちらか一方にばかり負担がいくと、つらさの共有もできなくなってしまうんですよね。だからこそ、育児を楽にしてくれるアイテムも積極的に取り入れています。 もともと私自身は「時短アイテムって本当に便利なの？」と思っていたのですが、夫が「無駄な

サッカーのワールドカップロシア大会でも活躍した本田圭佑選手が、ソフトウェア開発プラットフォーム「Github」のユーザーとして参加していると注目を集めています。 【ケイスケホンダ世代から見た「W杯」の熱狂】 きっかけになったのは、あるTwitterユーザーの7月18日のツイート。本田選手のTwitterのアカウント名「kskgroup2017」とGithubのユーザー名「kskgroup」の類似性を指摘しています。 本田選手といえば、ワールドカップ後に「一日9時間プログラミングを勉強している」という発言が話題を呼んでいました。 Githubのページを見ると、ユーザーとして登録したのが7月15日のため、イベントでの発言よりも前であることがわかります。 とはいえ「本田圭佑選手がGithubに!?」と信じられな筆者は、本人かどうかを確認すべく関係者を直撃。 その結果は「おそらく本人だろう」とのこ

最近のChromeにはCSSの新機能が次々と搭載されています。2017年にはCSS Grid Layoutなどインパクトの大きい新機能が話題になりましたが、他にも有用な新機能があることをご存じでしょうか？　この記事では、CSS Paint APIを紹介します。 CSS Paint APIはグラフィックを描く機能 CSS Paint APIは自由にグラフィックを描ける仕様です。HTML Canvasのようなものを要素の背景画像（background-imageやborder-image）として設定できます。JavaScriptを使って自由にグラフィックを描けるため、従来のCSSで再現の難しかった表現が実現可能になります。 たとえば、次のようなビジュアルを考えてみましょう。四隅の形状が欠けたような表現となっています。従来のCSSではdivタグを複雑に組む必要がありました。 サンプルを別ウインド

マイクロソフトが開発中のF* という依存型プログラミング言語を少し触ってみました。 この言語には強力で複雑な型システムが組み込まれています。 現状、依存型言語は世間にはあまり広まっていませんので F*とは？ 複雑な型ってなんだろう？ 複雑な型システムを組み込んで何が嬉しいんだろう？ 何が嬉しくないんだろう？ と疑問をお持ちになる方も多いだろうと思います。 この記事ではF*で使われている複雑な型の一部と、複雑な型を持つことの利点・欠点の一部を述べ、それを簡単なコード例を通じて体感してみます。 疑問に対する答え F*とは？ マイクロソフトと Inria が開発中のプログラミング言語です。 依存型や monadic effect などが組み込まれており、複雑な仕様が型で表現できます。構文は OCaml や F#などのML系関数型言語に似ています。 詳しくは下記のリンクたちを参照。 F* (プログ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

米Walt Disney Animation Studiosはこのほど、ディズニーのアニメ映画「モアナと伝説の海」（2016年）に登場する架空の島「モトヌイ島」の3DCGデータアセットを無償公開した。研究目的やソフトウェア開発用途に限り自由に使える。 公開されたデータには、島に生息する木や植物、岩、海、海中生物、雲などを含む150億以上の要素が含まれているという。島全体を静止画として書き出すために必要なデータだけで約45GB、アニメーションとして動かす場合に必要なファイルはさらに約24GBにも上る。 データのライセンス要項、アイテムごとの解説などは、同時に公開されたReadMe（PDF）から確認できる。 同社のライセンスによると、このデータを使った制作物にディズニーの社名や「モアナと伝説の海」といった名前を使うことは許可されていない。公開されたデータを示す場合は「モアナ島の風景」と呼ぶこと

とても個人的な話ですが、ここ最近で自分自身のプライバシー意識の高まりを感じて、ブラウザの設定を見直す機会がありました。見直したのはCookieの設定で、許可したドメインにしかCookieを記憶しないようにしました。設定変更によるある程度の不便は覚悟していました。とはいえ、ま〜せいぜい、初回アクセスの時のモーダルが何度も出るようになるとか、ログインできなくなるとか、そのくらいかなと思っていました。 しかし実際は、悪い意味で期待を裏切られることになりました。 Cookieが無効なだけで、“全く”動かなくなってしまうウェブサイトやウェブアプリが、本当にたくさんあることに気づいたのです。 全く動かなくなってしまう原因は単純（後述）だったのですが、ちょっとした対処で簡単に直せることなのに、サイト全体が一切使い物にならなくなってて、もったいない！！　と思いました。 フロントエンドの想定外 ウェブサイト

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。 コード補完の様子を次のスクリーションショットでご覧ください。入力候補の「★」マークが付いているところが、補完候補になっているところです。人工知

「星のカービィ」オーケストラ／吹奏楽の楽譜を、 全世界に向けて無料配布開始！！ このたび、2017年に開催された『星のカービィ25周年記念オーケストラコンサート』の演奏曲である「星のカービィ 夢の泉の物語メドレー」と「デデデ大王＆メタナイト・タッグメドレー」の楽譜を無料で配布いたします。 カービィのゲームシリーズ同様に、全世界の幅広い世代の方たちに気軽に楽しんでいただけるよう、「オーケストラ」用アレンジの楽譜のほか「吹奏楽」用の楽譜も用意しました。 同梱のサンプル音源とあわせてお手もとに置いていただき、「星のカービィ」の音楽の世界と、それを奏でる楽しみをぜひ味わってみてください！

東京から行きやすい温泉地といえば、箱根、湯河原、熱海。もう少し足を延ばして伊香保、草津、鬼怒川。いずれも素晴らしい温泉が湧いていて、私も大好きです。ほんとに。 かわって、山梨。富士河口湖の温泉はなんたって富士山が見えるし、石和もものすごくアクセスの良い温泉地です。あとは「ほったらかし温泉」があまりにも有名だったりして。ただまあ、なんとなく、「温泉に行きたいから山梨行くぞ！」ってモチベーションの人は、そんなに多くない気がするんです。群馬とか栃木とかと比べて。私の肌感覚ですが。 しかしもう、私は全力で山梨の温泉を推したいです。新宿からあずさ乗って、甲府でレンタカー借りちゃってください。甲府にとどまって温泉銭湯めぐりするだけでも十分最高です。すごい良いんです。お湯が！まじで！ ▼サマリ：本記事で紹介しているところ ・甲府から90分以内のハチャメチャな秘湯 └奈良田温泉 白根館、（十谷上湯温泉 源

Chrome用とFirefox用です。 GitHubでソースコード公開してます。 ginpei/devtools-z-index 見た目 Chrome版。 Firefox版はサブペインじゃなくてパネルとして追加するのでちょっとアレです。仕方なかった。 はじまり コードスニペット版。これはこれで手軽でよろしいね。 ページ中の要素を `z-index` の数字が大きい順に一覧表示するやつです。https://t.co/gNGkdP03ta pic.twitter.com/v0VRNKCKel — 高梨ギンペイ (@ginpei_jp) June 11, 2018 Chrome版について https://chrome.google.com/webstore/detail/bcnpmhefiohkpmjacfoanhbjhikegmoe/ Elementsパネル内に “z-index” ペインを追

(治安の悪くない Emoji も作れます) 作ったもの ここで遊べます おもしろいところ GIF アニメのエンコードまですべて js で完結しているので、ありがちな「謎のサーバーに画像アップロードするといい感じに変換してくれる」的なサービスと違って、素性の知れたコードがクライアント側でサクサク動きます。 なにができるの？ 画像を 128px x 128px に変形 画像を、 Slack にアップロードできる（現状）最大サイズの 128px x 128px に変形します。 ローカルのファイルから選ぶか、画像の URL を入力できます。アップロードするわけではないので、デカい画像でもサクサクなのがお気に入りです。 変形は 正方形に引き伸ばし（アス比無視） 正方形いっぱいに拡大して、余ったところはトリミング（アス比維持） 正方形に収まるように縮める（アス比維持） から選べます。 テキストから画像

Inside Frontend #2 の発表資料です https://inside-frontend.com

Google Formsでフィードバックフォームを作っちゃおうってお話を2018年3月31日のLT会でやりました

at DevSumi 2018

CSS方法論を使って保全性を高める CSSプリプロセッサ、CSSポストプロセッサのようなツールは、CSS開発のエクスペリエンス向上に向かって長い道のりを歩んでいます。しかし、これらのツールだけでは巨大なCSSコードベースの保守に伴う問題を解決するには足りません。対応策として、人々はCSSの記述方法に関する様々なガイドラインドキュメントを作成し始めました。一般にCSS方法論と呼ばれるものです。 特定のCSS方法論を詳しく知る前に、CSSの長期にわたる保守が困難な理由を理解することが重要です。問題の鍵はCSSが持つグローバル性、定義したスタイルは全てページのあらゆる部位にグローバルに適用される、という性質です。固有のクラス名を維持するために細かい命名規則を用意する、または 詳細度の規則 に抗い、あらゆる要素にどのスタイルを適用するかを決めるのがあなたの仕事になります。CSS方法論は、そのような

この記事は別にチュートリアルとかではなくて所感を書いてるだけ。 だいぶ長くフロント沼やってきて、主観ではあるが、だいぶ落ち着いてきた。落ち着いてきたというか、自分は一通りキャッチアップ済みなので後は差分だけ抑えていけばいいという状態。PWA周りは色々あるが、各種標準化を寝て待って方がはやい。どうせ各自IE11が死ぬ2020まで特に大きな動きは取れまい。外から今フロント何やればいいのって聞かれたら、 とりあえず typescript + react + redux + styled-components + prettier 余裕あったら react-native(expo) やっとけって言う…。 というわけで、停滞してる今こそ他のジャンルに手を出すチャンスだ、と思って、横から動向を眺めつつそろそろかなーと思っていたのが docker + k8s と keras + tensorflow の

Rubyコミッター・Yuguiに学ぶ、コードに書くべき「適切なコメント」と「適切な場所」 Rubyコミッター・園田裕貴（Yugui）さんが、長年の経験で体得したソースコードに書くべき「コメントの技法」を教えてくれました。 プログラミングにおいて、どんな初心者でも書けるけれど、適切に書くのは上級者でないと難しいもの。それがコメント（=ソースコードに書かれている注釈やメモ）です。 不適切なコメントをつけても、プログラムの動作には影響しません。しかし、書き方の巧拙によって、コードの可読性や理解のしやすさには雲泥の差が出ます。良質なコメントが良質なコードをつくるのです。 今回はRubyコミッターでありgrpc-gatewayの開発者でもあるSupership株式会社の園田裕貴（Yugui）さんに、優れたエンジニアがどんな観点を持ち、どんなコメントを書いているのかを聞きました。 園田 裕貴（そのだ・

自分のデジタルプロダクトデザイナーとしてのアメリカでのポートフォリオが必要になったため、海外のUX・プロダクトデザイナーのサイトを50個くらい見て回った。 決定的に日本の個人のポートフォリオと違うなと思ったのは、プロジェクトのケーススタディを紹介をしている人が多いこと。デザイナーの数（＝競合の数）など背景も違うのかもしれないけど、デザイナーの面接もしたことがあるので、採用視点で見ても仕事のプロセスが載っているのは良いなと思う。 何故UX・プロダクトデザイナーに限定しているかと言うと、デザイナーと言ってもさまざまで、例えばグラフィックデザイナーとUXデザイナーではプロセスも勝負する土俵もまったく異なるから。 目次： 1. 採用する人に考えさせない 2. プロジェクトのプロセスを見せる 3. ポートフォリオの構成 4. 自分がやったことを掘り下げる 5. ポートフォリオも作品のひとつ1. 採用

控訴審でOracleがGoogleに勝利 Oracleが、Googleに対してここ8年間に渡ってJavaをめぐり約1兆円以上の損害賠償を求めている裁判が行われているのをご存じでしょうか。かの有名なAndroidは一部、Java APIが利用されているのですが、その中で著作権侵害があったとの訴えです。 米国時間で2018/3/27にOracleがGoogleに勝利したというニュースが舞い込みました。 jp.techcrunch.com 火曜日（米国時間3/27）に連邦控訴裁がこの訴訟に新しい命を吹き込み、GoogleがOracleのJava APIsを使ってモバイルオペレーティングシステムAndroidを作ったことは著作権法の侵犯にあたる、と裁定した。 とはいえ、経緯を知らない人にとっては何のことやらわからない記事だと思いますので、短時間で理解できるようにまとめてみたいと思います。 賠償金額

このステージの詳細についてはThe TC39 Processを参照してください。 2ヶ月に1度行われるTC39のミーティングにおいて、プロポーザルごとにステージを進めるかどうかを議論します。 このミーティングの議事録もGitHub上のtc39/tc39-notesにて公開されています。 ステージ4となったプロポーザルはドラフト版であるtc39/ecma262へマージされます。 そして毎年の決まった時期にドラフト版を元にしてECMAScript 20XXとしてリリースします。 この仕様策定プロセスの変更は、ECMAScriptに含まれる機能の形にも影響しています。 たとえば、class構文の策定は最大限に最小のクラス（maximally minimal classes）と呼ばれる形で提案されています。 これによりES2015でclass構文が導入されましたが、クラスとして合意が取れる最低限の

こんにちは。もうそろそろ春ですね。 2月末日付で前の会社を退職し、3月1日付で新しい会社に移ります。 旧）プログラマー兼QAエンジニア 新）データサイエンティスト兼開発エンジニア となります。 IT業界に入ってから1年での転進となります。 会社に貢献し、技術者としても一層成長したいと思いますので、引き続きご指導ご鞭撻のほど、よろしくお願い申し上げます。 日記の内容 今回の日記では、どんな感じで転職活動をしたのかを書いていきたいと思います。何かの参考になりましたらうれしいです。 ※　主な対象は「IT業界内の転職活動に興味のある方」「未経験だけどIT業界で仕事がしたい方」「現在SESで働いているけれど脱出したい方」「異業種からIT業界を目指したい方」です。レベルの高い内容は出てこないと思いますので、ご寛恕いただけましたら幸いです。 ※　あくまで本人の実体験に基づく記事であり、本記事を利用するま

試したいから、作る。ghq、goreの作者motemenの開発は「自分本位」で駆動する 次々とOSSを送り出す株式会社はてなのCTO、大坪弘尚さん。連続開発を支える、発想の源、そしてモチベーションをご本人に伺いました。 エンジニアにとっての強みとは何でしょうか。その答えはさまざまですが、「プロダクトを完成させるスピード」という要素は、“強み”の一つの指標と考えていいでしょう。 「エンジニアの会社」として見られることの多い株式会社はてなの中でも特に「作るスピードが早い」と一目置かれる人物がいます。CTOの大坪弘尚（おおつぼ・ひろなお／ @motemen ）さんです。 大坪さんはghqというツールを20代で公開し、コミュニティから高い評価を受けました。それにとどまらず、GoにおけるREPLを実現するツール、goreも続けてリリースし、GitHubで2000以上のスターを獲得しています。常にオー

AppleもiOS/macOSをProgressive Web Apps（PWA）対応へ。次のSafari 11.1でService Workerなど実装 Appleが、iOSとmacOSの次バージョンにバンドルされるSafari 11.1で、Progressive Web Apps（PWA）の重要な構成要素であるService Workerをサポートすることが分かりました。次のiOSとmacOSのバージョンはiOS 11.3/macOS 10.13.4で、現在ベータ版としてAppleが開発中です。 PWAとは、HTML、CSS、JavaScriptなどのWeb技術によって開発されるWebアプリケーションの一種です。Webサーバから配信されて実行されるだけでなく、リソースをローカルに保存しオフラインでの実行にも対応。Service Workerによるバックグラウンド処理やプッシュ通知なども

先日、ふとしたきっかけで乃木坂46の公式サイトをリデザインを思い立ち、スキルアップの一環も兼ねてトップページをリデザインをしていました。 そのリデザインから学んだことなどをブログに書きたいと思っていたのですが、公式サイトに掲載されているコンテンツの著作権上、なかなか難しいかなと思い、念のため乃木坂46の運営委員会に問い合わせてみたところ、営利目的でなければ使用しても大丈夫（ブログの掲載も可）との許可をいただいたため、こちらに書くことにしました（2/9 16:43：問い合わせの内容は、公式サイトのお問い合わせフォームから送信したため、画像の添付などはしていません。コンテンツの掲載許可は頂きましたが、運営委員会に直接デザインデータを送ったわけではありません）。 なぜリデザインをしたいと思ったのかもともとアイドルが好きで、アイドルグループの公式サイトをチェックする機会が多いのですが、乃木坂46の

Ｑ：これは何の構造を表しているでしょう？ グラフ理論 上の構造のように、頂点（ノードともいいます）の集まりと、２つの頂点をつなぐ辺（エッジともいいます）の集まりでできたもののことを「グラフ」あるいは「ネットワーク」と呼び*1、このような構造を研究する分野こそが「グラフ理論（Graph theory）」です。今回はそんなグラフを使うと、身近なものの新たな側面が見えてくる話。 （余談ですが「グラフ」という用語は、数学だと関数のグラフとか円グラフみたいなやつもあって検索精度が悪いです。グラフ理論に関してわからないことがあった場合に「グラフ　○○」や「グラフ理論　○○」とググるよりも、「ネットワーク　○○」とググったほうが得たい情報にリーチしやすいというライフハックが知られています） さて、冒頭のグラフです。グラフ理論の知識なんかひとつもなくても、このグラフから読み取れることはいくつもあります。例

2018年2月6日 なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 余り知られていませんが Nagisa ではアプリだけでなく Web のプロダクトやサービスもあります。マンガZERO や UPTOON! や 月刊コミックジヘン 辺りがそうです。 何れも Vue.js で作られている SPA で、社内・外両方から “なんで Vue.js なの?” とかよく聞かれます。そこで、今回はどうして Vue.js を選択したのか、Vue.js の何がいいのか、Vue.js で運用してみてどうだったかの話をしたいと思います。 はじめに Vue.js を導入する前のマンガ ZERO Web は 2.0系の Riot で作られていました。今ある SPA のような形ではなくサーバサイド (Go) にてメタタグを生成、空のマウントポイント <div id="app"><

[2018-01-30] Unicodeプロパティ関連で、オンラインのデータベースについて情報提供をいただいたので、追記しました。 Stage 4に到達したproposalをまとめました。今回は正規表現関連の追加が多いようです。 全体的にざっくりなまとめですので、詳細は各proposalや、ES2018のドラフトを参照してください。 今回の新機能は既にChrome 64が対応済みなので、現時点ですべての新機能を体験することができます。 以下、サンプルコードがある場合、その結果はすべて手元のChrome 64によるものですので、あらかじめご了承ください。 オブジェクトの Rest/Spread プロパティ（Object Rest/Spread Properties） 配列が既に持っていた機能ですが、オブジェクトでも利用できるようになります。 /* Rest Properties */ con

Discover short code snippets for all your development needs. Browse snippets by collection or check out our top picks and latest articles below. New & Popular Snippets CSS · September 24, 2024 Show menu on image hover Display a menu overlay when the user hovers over an image. CSS · September 23, 2024 Reveal additional content on hover Learn how you can create a card that displays additional conten

というテーマで ToKyoto.js ― Kyoto.js in Tokyo - connpass で Redux Rx FRP らへんの 話をしてきました。 これ一個会場で指摘された間違いがあって、 reducer = observable.reduce と書いてるところは reducer = observable.scan です。 @amagitakayoshi / @pastak お疲れ様でした。

「発見性」の強化のために、noteにランキングやホットエントリーに類するものをつけたいと思っている。しかしランキングやホットエントリーは、世間で思われている以上にデリケートなUIであるため、その設計は慎重に行われなければならない。下手な設計は、サービスのカルチャーそのものを破壊しかねないためである。 以下は、ランキング設計のための忘備録。 PVランキングは収奪的な設計であるPVランキングを設計する場合、まず最初に意識すべきことがある。それは本質的に、PVランキングは収奪的な構造であることだ。 「収奪的」とは、勝者が全てを独占してしまうことを意味する。 基本的にランキングに上位のコンテンツは、ユーザーの注目を獲得する。つまり、PVのあるコンテンツはランキング上位となる。そして上位コンテンツはその露出によって、さらにPVを集めてしまう。 結果、PVランキングは少数のコンテンツにPV、フォロワー

はあちゅうさんは当時のことを忘れられずにいたという。最近、岸氏が新たな本を出版したことで露出が増え、その苦しさが蘇ってきたこと、#metooの動きがきっかけとなり、証言することを決意した、と話す。 以下、はあちゅうさんや電通社員らの証言、そして岸氏の回答を載せる。 「体も使えないのか？」はあちゅうさんは2009年に慶應大学を卒業。同年、電通に入社した。中部支社に配属されたはあちゅうさんは、東京本社への異動を希望していた。 岸氏は当時、すでに本を出版し、業界で著名なクリエイター。新入社員だったはあちゅうさんにとっては、憧れる存在だった。「気にいってもらえたら、早く希望の場所にいけるかもしれないという思いがありました」 岸氏に異動に関する相談にも乗ってもらっていたはあちゅうさんが、これはハラスメントだと感じるようになったのは、中部支社から東京本社に配属が決まった2010年3月頃からだという。

インターネット通販大手のアマゾンジャパン（東京）が商品納入業者に不当な「協力金」を負担させたとされる問題で、アマゾンが業者に無断で商品を値引きして販売した後、その差額分の補填（ほてん）を業者に要求していた疑いがあることが５日、関係者への取材で分かった。値引きは自社サイトでより安い出品があった場合、それを下回る最安値に設定するためだったという。公正取引委員会は独占禁止法違反（優越的地位の乱用）の疑いが強いとみて調べている。 アマゾンは、自社サイトで商品を売る出品者から手数料を徴収するほか、自ら納入業者から商品を仕入れて販売する「直販事業」を展開している。 関係者によると、アマゾンは、炊飯器や掃除機といった家電や日用品などの直販の商品について、メーカーや卸などの納入業者に無断で値引きして販売した後、その差額分を補填するよう業者に要求していた疑いがあるという。その際には、実際の納入価格から、値引

さて、改めて今回の目的を確認しておくと、機械学習を使って東京都23区のお買い得賃貸物件を発見しよう、というものです。前回までの記事で、お買い得賃貸物件を発見するためのデータを収集し、分析にかけられるよう前処理してきました。 www.analyze-world.com www.analyze-world.com 今回の記事では、いよいよ機械学習を使って分析していきましょう。前回まではPythonを使っていましたが、この分析ではRを用いています。なお、コードはGitHub（https://github.com/ShoKosaka/Suumo）に上げておきますので興味ある方は参照ください。 最初に、データの中身をざっくり見ていきます。具体的には、分析のキーになるポイントをグラフにしながら、賃貸物件の現状や変数同士の関係性を把握していきます。 データ探索 まず、23区の中でどこが物件数が多いのかを

In this post, I’ve presented a project that is using CQRS and Event Sourcing patterns. It’s organized using onion architecture and written with TypeScript. “flexible” —a free stock photo I found which makes this blog post much nicer and artistic.“flexible” how?I’m using the term flexible to promote an architecture which is able to adapt to different kind of environments. More precisely, I’m trying

このテーマで書く前に、まず、最初に自分に多少の偏りがあることを認めておかなくてはなりません。 オブジェクト指向より、関数指向寄り オブジェクト指向のアプローチは有用だが、ただしそれを実現する手段はクラスと継承ではない。 階層化されたツリー構造(GUI/リレーショナルな参照構造)に埋め込まれる状態はコード品質を悪化させるので、できるだけ出現するべきではない。 ただし、状態は確実に存在する。だからこそ慎重に扱うべきだ、という派閥です アンチパターン: 特に理由もないクラスメソッドへの所属 何かのバリデータを実装したいとします。 その関数がどこに所属するかについて、よく見るこれらの実装は全部アンチパターンといっていいと思います export class Validator { static validate() {...} } export class Validator { validate(

現実時間の1分がゲーム内の1年。生まれてから60年（1時間）の中でしか生きられないキャラクターを操作し、木を切ったりして道具を作り、文明を育てるサバイバルクラフトゲーム『One Hour One Life（以下、OHOL）』が面白い。このゲームでは1時間しか生きられないから、その中で必死に生きて、道具を作って、育てた子供（これも他のプレイヤー）に与えて文明を受け継いでいく『俺の屍を越えてゆけ』（※最大限に褒める言葉を選びました）のだが……何をするにもスーパーハード。一種のクソゲー。だけど、そのクソ要素がオンラインに行くと面白さを生み出していて、病みつきになるのだ。 さて、ゲームを始めると最初は正規のオンラインプレイではなく、チュートリアルから始まる。 ふむふむ、画面をタッチするとその場所までオート移動……ああ、これは楽でいいぞ！ そう感じるのも最初の10秒だけ。次の瞬間からチュートリアルが

------- GND -- |01 31| -- +5V CPU A11 -> |02 32| <- M2 CPU A10 -> |03 33| <- CPU A12 CPU A9 -> |04 34| <- CPU A13 CPU A8 -> |05 35| <- CPU A14 CPU A7 -> |06 36| <> CPU D7 CPU A6 -> |07 37| <> CPU D6 CPU A5 -> |08 38| <> CPU D5 CPU A4 -> |09 39| <> CPU D4 CPU A3 -> |10 40| <> CPU D3 CPU A2 -> |11 41| <> CPU D2 CPU A1 -> |12 42| <> CPU D1 CPU A0 -> |13 43| <> CPU D0 CPU R/W -> |14 44| <- /ROMSEL (/A

ソフトウェアが持つべき機能と仕事の粒度を見極める～The Platinum Searcherの作者に聞いてみた GitHubでスター数2,000以上を獲得したOSSである「The Platinum Searcher」。作者の三宅悠介さんに、シンプルでありつつも、高い性能を持つソフトウェアを作り出すための思考を聞きました。 一つのことを、うまくやれ──。 ソフトウェア開発の規範として、多くのエンジニアに影響を与えたUNIX哲学には、こうした言葉があります。事実、過去お話を伺ったOSS開発者たちも、この言葉の重要性を口にしてきました。非常にシンプルな言葉にも感じますが同時にある疑問も浮かびます。ソフトウェア開発において、どのように「一つのこと」を定義し、どのように「うまくやる」をイメージするのか、と。 find：ファイルを検索する grep：文字列を検索する print：検索結果を表示する パ

追記: Canary じゃなくてもいいらしいのでタイトル修正した。が…実装具合はよくわからない 今年中に来るとは聞いていたやつ。要はウェブアプリを デスクトップアプリ化する。Electron と違って Chrome の Sandbox と同じ権限で動いている Twitter Lite をデスクトップ PWA にして使ってるんだけど、最 & 高です。 Mac だと Chrome Canary で enable-desktop-pwas のフラグを立てると使えます。 pic.twitter.com/0TPhe8gyQL— Eiji Kitamura / えーじ (@agektmr) 2018年7月12日 ちなみに Chrome Canary + フラグは上級者向けなので、自身のない方はいましばらくお待ち下さい。そのうち安定版で普通に使えるようになります。— Eiji Kitamura / えー

サーバーレスのメリット＆本質を、AWS Lambdaを使って理解しよう 「サーバーレス」はここ数年の技術トレンドの一つです。サーバーレスアーキテクチャを2年運用してきたJX通信社の小笠原みつき（yamitzky）さんが、そのメリットや実際の業務における考え方を、ハンズオンを交えながら解説します。 JX通信社の小笠原みつき（@yamitzky）と申します。ニュース速報アプリ「NewsDigest」の事業統括をしているエンジニアです。 JX通信社では、人手のかかる「報道」という分野を機械化・自動化することをミッションの一つとして掲げており、技術選択においても、なるべく運用を自動化できる方法を選ぶよう心掛けています。その過程で「サーバーレス」という技術に出会い、2016年ごろから本番運用してきました。 今回の記事のゴールは、サーバーレスという技術が「どんなものであるか？」を理解することです。サー

データベーステーブル設計の基礎の基礎～エンティティの抽出・定義から正規化まで 適切な形でデータベースのテーブルを設計し、運用するには？テーブル設計に必要な初歩を日本MySQLユーザ会副代表の坂井恵さんが丁寧に解説します。 金融系アプリ、ゲーム、人工知能などなど……。どんな種類のシステムを開発する上でも、避けて通れない領域があります。データベースです。データを適切な形式で格納し、取り出す。単純明快ながらも奥深いこの仕組みは、多くのシステムの根幹を支えています。 しかし、適切な形でデータベースのテーブルを設計し、運用するのは簡単なことではありません。「良いテーブル設計」のためには知識と経験が不可欠です。今回は日本MySQLユーザ会の副代表である坂井恵さんに、これからテーブル設計に着手する方に向け、設計に必要な技術と、良い設計を作るための考え方を教えていただきました。 坂井恵（さかい・けい） @

なんでもない仏像のはずが、驚くべき効果が見られました。詳細は以下から。 不届き者の立ち小便に困っている塀に小さな鳥居を設置するとぴたりと立ち小便が止まるという話もありましたが、とある仏像は地域の犯罪率を8割以上も爆サゲしてしまいました。 アメリカ合衆国カリフォルニア州オークランドの11th AvenueとEast 19th Streetの交差点の付近はオークランド内でも治安が悪い場所でした。ゴミの投棄や破壊行為、ドラッグディーラーや売春婦がうろつき、盗難や暴力事件も珍しくありませんでした。 しかし、近くに住むDan Stevensonさんがホームセンターで買ってきた高さ60cmの仏像を古いマットレスやソファーなどのゴミが放置された自宅前の道の角に設置したところ、事態は一変したのです。 Stevensonさんは最初、近所の人々が仏像を見てちょっと気持ちを落ち着けてくれたら、せめてゴミを捨てる

Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

スルガ銀行（静岡県沼津市）のシェアハウスなど不動産投資向け融資で資料改ざんなどの不正が横行し、役員や支店長、多くの行員が関与したことが第三者委員会の調査で明らかになった。高収益の裏で無理なノルマが課され、不正が蔓延（まんえん）していた。創業家出身の岡野光喜会長（７３）らは退任し、有国三知男取締役（５２）が社長に就いて立て直しを図るが、今後は金融庁の処分や焦げ付きかねない融資への対応が待ち構える。（藤田知也、山口博敬） 「数字ができないなら、ビルから飛び降りろと言われた」「上司の机の前に起立し、恫喝（どうかつ）される。机を殴る、蹴る。持って行った稟議（りんぎ）書を破られて投げつけられる」「ものを投げつけられ、パソコンにパンチされ、オマエの家族皆殺しにしてやると言われた」 「支店長が激高し、ゴミ箱を蹴り上げ、空のカップを投げつけられた」「死んでも頑張りますに対し、それなら死んでみろと叱責（しっ

ディープラーニングの本格的な入門書。外部のライブラリに頼らずに、Python 3によってゼロからディープラーニングを作ることで、ディープラーニングの原理を楽しく学びます。ディープラーニングやニューラルネットワークの基礎だけでなく、誤差逆伝播法や畳み込みニューラルネットワークなども実装レベルで理解できます。ハイパーパラメータの決め方や重みの初期値といった実践的なテクニック、Batch NormalizationやDropout、Adamといった最近のトレンド、自動運転や画像生成、強化学習などの応用例、さらには、なぜディープラーニングは優れているのか？ なぜ層を深くすると認識精度がよくなるのか？ といった“Why”に関する問題も取り上げます。 関連ファイル サンプルコード 正誤表 ここで紹介する正誤表には、書籍発行後に気づいた誤植や更新された情報を掲載しています。以下のリストに記載の年月は、正

昔からずっと「私は何者にもなれない」と思い続けていた。 幼少期を欧米で暮らし、親も周囲もなんでも褒めてくれる環境で育った。 就学前に文字を読めば天才と呼ばれ、絵を描けば画家になれると言われ、笑えば「こんなに可愛い子は見たことがない」と言われ、仏頂面でいても「この子は哲学者だね」と言ってもらえた。（どんな子どもにもそうやって接する文化なのだ。） 当時の私がその褒め殺しの環境をどう捉えていたかはわからないが、帰国して国立大附属の小学校に入学した時のショックは覚えている。 イギリスの学校では筆算ができるだけで神童のように扱われていたのに、日本の同級生には数学オリンピックで入賞するような子がいて、それなのに体育の成績が悪いと親に怒られて体操教室に通わされていた。自分は絵が得意だと思っていたけど、教室に並べて貼られた作品の中で自分の絵はお世辞にも上手い方には見えなかった。 とにかく勉強も運動も芸術も

僕は自分と自分のチームが幸せに仕事が出来るようにしようと思っています。そしてあなたの給与と市場価値を上げるのが僕の仕事です。 僕はあなたが楽しく仕事が出来るようにしています。そのためにはエンジニアとしてもキャリアとしても成長が必要だし、それに対する納得も必要だと思っています。たんに甘やかすとかではなく、一緒にエキサイティングに仕事を楽しみたいと思っています。 あなたとあなたのチームがどの方向に向うのかを考え伝えます。全体として進む先を考えそのために何をすべきかを一緒に考えていきます。 他のチームとの交渉が難航した時はすぐに動きます。僕に頼らなきゃいけなくなった時点で問題がややこしくなっていると認識し、情報を集め適切に動きます。また、必ず結果を報告するようにします。 コードを書く事をやめません。自分自身で触ってみないとわからない事が多いので手を動かす事はやめません。ただし立場上スケジュールの