はてなブックマークのブックマーク数が多い順にエントリーを紹介する「はてなブックマーク年間ランキング」の2017年版を発表します。今年人気を集めたエントリーには、どういった傾向が見られたのでしょうか。上位トップ100エントリーをピックアップしました。（集計期間：2016年12月11日～2017年12月10日） 2017年 はてなブックマーク年間ランキング（2016年12月11日～2017年12月10日） 順位 タイトル 1位 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック | TomoyukiArasuna.com 2位 まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 .. 3位 スゴ本の中の人が選んだ、1万円で“一生モノの教養”を身につけるための5冊 - マネ会 4位 東京大学より、英語学習・無料オンラインコース「English Aca

「マスターキートン」というマンガがある。浦沢直樹　勝鹿北星　長崎尚志 のマンガで、保険調査員である主人公、平賀＝キートン・太一が世界を舞台に様々な難事件に挑むストーリーだ。主人公がとにかくサバイバル術に長けている。 そんなマスターキートンの中で、ネットでよく話題になるのが、“砂漠ではスーツがいい”という知識だ。暑い砂漠にはスーツがいいらしいのだ。主人公は確かにスーツを着て砂漠で生き延びているし。果たして本当なのだろうか。実際に試してみようと思う。 マスターキートンとは マスターキートンは1988年から1994年にかけて小学館「ビッグコミックオリジナル」で連載されたマンガだ。現在は「マスターキートン 完全版」が出版されている。 【楽天市場】 マスターキートンの検索結果 さて“砂漠ではスーツがいい”というのは、「マスターキートン 完全版 1巻」に収録されている「黒と白の熱砂」と「砂漠のカーリマ

バックナンバー: 9月号 | 8月号 | 6月号 | 5月号 | 4月号 | 3月号 | 2月号 | 1月号 @methane です。 ISUCON があってしばらく間が空いてしまいました。コミットやML上の議論も追えてないのですが、1月末にPython 3.7のbeta1 (=feature freeze)が予定されているために、Python 3.7 を目標にしている PEP たちがたくさんacceptされたので、それらを紹介しておきます。 PEP 540 UTF-8 mode https://www.python.org/dev/peps/pep-0540/ PEP 538 (locale coercion) とセットで、私が BDFL-delegate (PEP を accept する責任者) になった PEP です。 この PEP は当初はかなりのボリュームが有ったのですが、すでに

AndroidのSharedPrefencesを取り回しやすくするライブラリをこっそり作ったのでアドベントカレンダーに便乗して紹介しようと思うまる Preferhythm https://github.com/KazaKago/Preferhythm What's this? Androidアプリを開発すると値を端末に保存することがあると思いますが、そんなときはだいたいSharedPreferencesを使いますよね。 ただ、個人的には使いづらいというかtypoとかのヒューマンエラーの温床になりそうだなーとずっと思っていたので、なら作ればいいじゃん精神でSharedPreferencesのラッパーライブラリを作りました。 ↓のようなお決まりのコードを書いてる人が多いと思うのでAnnotation Processorによるコード自動生成を使って簡略化させてます。 class MyPrefer

AWS本の第三弾として、Amazon Web Services 業務システム設計・移行ガイドという本を書きました。その名のとおり、企業内でAWSを使うということにテーマを据えています。ユーザー企業の情シスの人も、事業部で直接AWSを使っている人も、或いはSIerでユーザー企業にAWSを提案している人にも読んで欲しい内容となっています。 Amazon Web Services 業務システム設計・移行ガイド 作者: NRIネットコム株式会社:佐々木拓郎,林晋一郎,株式会社野村総合研究所:瀬戸島敏宏,宮川亮,金澤圭出版社/メーカー: SBクリエイティブ発売日: 2018/01/20メディア: 単行本この商品を含むブログを見る Amazon Web Services 業務システム設計・移行ガイドを書いた理由 過去2冊AWSの本を書いていて、一冊目のAmazon Web Services パターン別

This guide explains how to prepare the Android Emulator for testing your app. Overview The Android Emulator can be run in a variety of configurations to simulate different devices. Each configuration is called a virtual device. When you deploy and test your app on the emulator, you select a pre-configured or custom virtual device that simulates a physical Android device such as a Nexus or Pixel ph

この記事はドワンゴアドベントカレンダー26日目(延長戦!)の記事です。 私は、Dwango Media Villageで研究を行なっている古澤です。Dwango Media Villageは、ドワンゴの機械学習系の研究とその応用を行なっているチームです。 今回紹介するのは白黒漫画にDeep Learningで着色する研究です。さらに、応用としてプロジェクタを用いて実世界のイラストにも着色結果を投影できるようにしました。 出来ること一覧 本記事では、以下の2つの事柄がどのようなテクニックを元に可能になったかのおはなしを書いていきます。 Deep Learningで白黒漫画１タイトル＋参照画像を入力とした白黒漫画の自動着色 Deep Learning+Jetsonで実世界に描かれたイラストの色塗り(自動着色結果のプロジェクション) 動画あり! Comicolorization 最近、タイのバン

俺の嫁さんは自分で走る。特にプログラムされずとも、自分で考えて走る。 出会いは俺が二十八の時。働いている会社は新卒採用が全くなく、若いのが入らないので代謝が悪かった。その会社にしては珍しく新卒入社だった俺は、六年経てど部下はおろか後輩すらできず、ずっと続く「若手扱い」に辟易してた。そんなある日、自主退職者の補填として彼女が来た。当時二十七歳。見た目も少し近いが、雰囲気はシン・ゴジラに出てきた市川実日子まんま。会社が外資系だったこともあり、人事も面白みがないよりは風変わりな人材を好む傾向があったため、第一印象は「まためんどくさそうなのが…」という感じだった。 彼女は必要以上に人と馴れ合わないけれど、飲み会は割と顔を出す(ただし質問されない限り会話はせず、淡々と飲んでる)し、仕事は完璧なもんだから、一年たつ頃には「ちょっと変わったミステリアスな人」みたいなキャラで定着し、重宝される人になってい

こんにちは。日本植物燃料株式会社、代表の合田です。 今回は、前回に引き続き、モザンビークで「バイオディーゼル事業」に着手したところからの話です。 バイオディーゼル燃料事業を成立させるためには「生産」と「販売」の２つが課題です。 ですから何よりもまず、私たちは「バイオディーゼル燃料」を安定して生産できなければなりませんでした。 そこで、前回も少し触れましたが、ヤトロファの種を現地の人に提供しました。 今利用している農地にヤトロファを植えてもらうことはできませんが、今ある畑の脇に「柵」としてヤトロファを植えてもらい、収穫したヤトロファは私たちが買い取り、加工して燃料とします。 「組合」と言う形態をとりながら、１万人の農民たちに協力してもらい、なんとか私たちはモザンビークでバイオディーゼル燃料の原料となるヤトロファを栽培し、燃料を作り出すことはできるようになりました。 ですが、もちろんそれだけで

この記事はグラフィックレコーディング Advent Calendar2017の24日目として参加しています。 メリークリスマスイヴ！！ 2,3年そこそこ描きまくって来たところですが、今年何度か「自分だけでもグラレコの練習はできるよー」という方法をお話してきていたので、改めてアドベントカレンダーでもお伝えしたいと思います。どうぞよろしく。 気がつけばかなり知られるようになったグラレコ グラフィッカー（描き手を総称する日本での言い方／英語圏でのVisual practitionerも同義）として活動する人も増えてきました。 裾野が広がりつつある反面、描いたものを見た方から頻繁に「絵心がないから私にはできないわー」という声も浴びるほどうかがいます。 グラレコの賑やかで華やかに見える部分が伝わりやすいのは「興味を煽る」意味では効果的なのですが、やってみようというハードルを感じて尻込みしてしまうとい

表題の通り、数年勤めたソニー株式会社を退職しました。 個別具体の退職理由はいろいろあってそれらは後述しますが、退職を決めた基本的な理由は、個人的なキャリアパスの設計と会社の方針のミスマッチ、労働観のミスマッチ、技術投資の考え方のミスマッチの三点に集約できると思っています。 キャリアパスの設計と会社の方針のミスマッチ私はソニーでソフトウェアエンジニアとして働いていました。 ソフトウェアエンジニア(を目指す人間)にとってソニーと言えば、"自由闊達な理想工場"、エンジニアが自由に活躍できる会社、日本のメーカーなのにソフトウェアもちゃんとつくれる会社、などのイメージがあるかと思います。私もそう思っていました。 実際会社は説明会などでそういった説明をしましたし、そういったイメージを前提に私はソニーを選び、「エンジニアとしてプロフェッショナルになる。品質が高く、お客の求める体験を作り出せる人間になる」

がっきー@漫画家総合垢 @gakky88NSR ゲーム開発時代の話。 開発の中盤、開発は難航していた。 会議はミスやトラブルの責任の追求が中心に行われ、処刑場になっていた。 ある日、新しいD（ディレクター）が配属された。 僕の大好きなゲームを作った人だった。 2017-02-10 22:39:45 がっきー@漫画家総合垢 @gakky88NSR Dが来て初めての会議。 リーダーはいつもの様にミスした者や遅れた者を探し、追求し、叱った。 Dはそれを見て笑った。 「ずっとこんな事してたの？」 「やめやめ！会議のやり方を変えます」 2017-02-10 22:40:07 がっきー@漫画家総合垢 @gakky88NSR 「まず、進捗の報告は出来てない物、問題のある物だけで良いです。 出来てる物は予定表で分かるから必要無い。 で、その問題がどうすれば解決出来るか、助けがいるなら何が欲しいかだけを話し

わーーーー！！ 目の前にホッキョクグマがーーー！！！ あ、ホッキョクグマ越しに失礼します。 Yorimichi AIRDOをご覧の皆さま。 はじめまして、編集者の徳谷柿次郎と申します。 今回、私が訪れているのは“日本初の行動展示”で話題となった北海道旭川市にある「旭山動物園」です。 旭山動物園の特徴は、動物との距離がとにかく近いこと。性善説に基づいたような設計になっていて、このように愛らしいペンギンも手を伸ばせば触れそうなほど！ ってよく目を見たら真っ黒の鳥目だし、めっちゃ糞尿してるし、怖い声で鳴いてるし……。さらにいえば、右側のペンギンは寄生獣みたいにエグい角度で首が曲がっていて怖い。 そして「ぺんぎん館」の中に入ってみると…… 世界初！　泳ぐペンギンの様子を水中から観察できるやつ！！ 流線形のフォルムで、まるでジェット機のようにビュンビュン泳いでいました。 かっけぇぇぇ。なんだろ、この

産業医科大学医学部医学科卒業。専門は産業医学実務。産業医実務研修センター、ジョンソン・エンド・ジョンソン統括産業医を経て、現在医療法人社団同友会 春日クリニック 産業保健部門 産業医 。現在日系大手企業、外資系企業、ベンチャー企業、独立行政法人など約30社の産業医業務に従事 「電波がバリ3」のハイパフォーマーは疲れなくても当然 ー長時間労働問題がしきりに取り沙汰されています。大室さんはどのように感じていらっしゃいますか。 バブルのころ、「24時間戦えますか」と栄養ドリンクのCMが一世を風靡しましたが、そんなキャッチコピーがコンプライアンスを通った時代だったということですよね。ほんの30年前でさえそうだったのですから、時代の移り変わりによって常識が変わっていくことが示唆されているということです。 今、私たちは当たり前のように満員電車に揺られ、終電間際に帰宅していますが、その常識は30年後の人

［53選］国内注目のWebサービス・アプリを大調査！ プログラミング言語、フレームワーク、アーキテクチャの一覧【2017年】 星の数ほど存在するWebサービスやアプリ。その裏側を覗いてみると、開発当時のトレンドや開発者の設計思想が見えてきます。53サービスのフレームワークやアーキテクチャ、開発効率化ツールを集めました。 国内だけでも星の数ほど存在するWebサービスやアプリ。その裏側を覗いてみると、開発当時のトレンドや開発者の設計思想が見えてきます。 今回は53サービス（追記を含む）のフレームワークやアーキテクチャ、開発効率化ツールを集めました。選定理由もお答えいただけたサービスについては、アーキテクチャを選んだ理由も紹介していきます。 C2C、コマース メルカリ、ココナラ、BASE、Tokyo Otaku Mode、STORES.jp、Snapmart、IQON 情報サービス グノシー、価

新しい技術が出てきたとき、大多数の若い人よりも圧倒的にスピーディーに使いこなすおっさんは珍しくない。 新技術を習得する能力は、年齢よりも、「スキルを獲得するために必要なスキル」、すなわち「メタスキル」に大きく依存するからだ。 たとえば、ある開発ツールを導入すべきかどうか若い人に相談されたので、「まず、ドキュメントを読もう」と言ったら、「ドキュメントを読んでもよくわからなくて。。」と言う。ググったらすぐに公式サイトの至れり尽くせりのドキュメントが出てきたので、「これ読めばいいじゃん」と言ったら、こんなに大量の英語のドキュメントを読むのは無理だと言う。 あるいは、AIを導入するという話になったとき、「AIがよく分からないので教えて欲しい」と言ってきた若い人に、良質の入門書を勧めたら、数式が分からないので読めないのだという。数式の読み方を教えてみたら、数式以前に、そこで使われている数学概念自体を

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

20年間「ひとり負け」を続ける日本 ちょっと前にツイッターでこんな投稿がたくさんシェアされていたようですね。 日本の衰退っぷりがひと目でわかるGIFがこれ　冗談抜きでヤバいぞhttps://t.co/aXDuOVW7av 変わったのはアジア域内だけで本当に日本「だけ」がはっきり縮小してる。その他の地域のバランスは域内でも安定というのは面白い発見だ。 pic.twitter.com/Lz2Pvxjg0U — sakamobi (@sakamobi) 2017年7月2日 これ本当によくわかります。1990年代初頭のバブル崩壊以降、日本の経済は衰えるばかりなわけですが、これって海外から見ると「相対的に日本だけがどんどん貧しくなっていっている」ように映っているんですよ。 ＜各国の平均年収比較（2015年）＞ ※価格・購買力平価、単位ドル 引用：List of countries by averag

「年をとって、頭のキレと集中力が続かなくなってきた」と言う人は、集中力の投資戦略を間違えていることが多い。 一番まずいのは、なけなしの集中力を、仕事や勉強に使い果たしてしまうことだ。 仕事や勉強で集中力を使い果たしてしまうから、「集中力を上げること」に投資すべき集中力が残っていない。 これでは、集中力は、経年劣化で低下していくばかりだ。 これを避けるためには、手持ちの集中力を「集中力を上げること」に最優先に投資するようにする。 もちろん、ただ漫然と、運動、瞑想、睡眠、野菜をやっても、集中力は上がらない。 重要なのは、「具体的には、どうすれば集中力が上がるか？」だ。 おっさんは眠りの質が悪い もちろん、頭のキレと集中力を上げるのに、一番投資効果が高いのは、「睡眠の質と量を上げる」ことだとは分かっているが、 話はそんなに簡単ではない。 なぜなら、おっさんになってくると、「深く長く眠る能力」がど

何度か書いていますが、しんざきはシステム関係の仕事をしており、今はそんな大きくないチームの責任者です。自分でも色々作業しますが、一応マネジメントもする立場です。 今とはまた違うチームにいた頃、チームの統合・再編成が行われたことが何回かありました。 チームメンバーは増えたり減ったりしますが、大体毎度、新しいメンバーを何人かは見ることになります。 当たり前のことですが、知らないメンバーと一緒にやっていく際には、まずその人にどんなタスクを振るか、どうタスクを振るかを考えないといけません。 何か新しい技術に触れていくならどのようにスキルのキャッチアップをしてもらうか考えないといけませんし、引き継ぎがあるなら引き継ぎの計画を立てなくてはいけません。 だからチームの再編成の時には、本格的に仕事を始める前に、それぞれのメンバー、及びそれぞれのメンバーの以前の上司に必ず面談とヒアリングをします。いや、別に

この記事を読む およそ時間： 17 分「父や母が亡くなったら具体的にいつまでに何をしなければいけないのか？」 「忘れるとまずい手続きって何なのかちゃんと把握していない・・・」 このように、必ずいつかは訪れる「親の死」。 実際にその時が来たとき、何をどういう手順で進め準備すればいいのか把握できているでしょうか？ 実際、この記事を書いている私自身も父の死を経験し、亡くなった後の忙しさを非常によく覚えています。 その際に驚いたのが、実際に親が亡くなった後から四十九日までは「家族の死という現実に向き合う間もなく様々な手続きと判断がどんどん要求される」ことです。 そんな状況でゆとりなくバタバタと四十九日を終え、死後数ヶ月たった頃に、父の友人からきた1本の電話。 内容は「お父さんの焼香をさせてほしい」とのことで、後日我が家を訪ねて来られました。 そのときに父の友人から言われた「お父さんにはお世話になっ

2017年09月09日 現役パティシエだけど、「絶対に行くべき関東のケーキ屋リスト」投下する Tweet 74コメント ｜2017年09月09日 18:00｜料理・グルメ｜Editタグ ：スイーツ 1 ：風吹けば名無し パリセヴェイユ（東京・自由が丘） Ryoura（東京・用賀） アテスウェイ（東京・西荻窪） アステリスク（東京・代々木上原） エーグル ドゥース（東京・目白） パティスリー ラ・ローズ・ジャポネ（東京・葛飾） オーボンヴュータン（東京・尾山台） イデミ・スギノ（東京・銀座） ラ・パティスリー・ベルジュ（千葉・安房鴨川） アン・プチ・パケ（神奈川・横浜） ユウジアキジ（神奈川・横浜） アングランパ（埼玉・さいたま新都心） オークウッド（埼玉・春日部） パティスリー・ローレライ（栃木・宇都宮） 以上や 17/09/09 08:29 ID:7sc1ZN4Ir.net 当ブログサイ

社会人になって15年。転職回数５回。 気づけば中年のオッさんだ。 最近、「社会人は思ったより楽しい」とか、 「社会人は辛い」というエントリーが多数上がってるので、 俺も経験を書いてみたいと思う。 結論から言うと 「会社で無能扱いされたら自分の能力を悲観するより、会社に合ってない」 と考えたほうがいい。 ここからは、そういう考えに至った 自分の職務経歴を書いていく。 超長文なのだが無能と言われて苦しんでる人に、 この言葉が届いたら良いなと思っている。 たぶん、君が輝く職場はどっかにある。 １社目：飲食店チーフ 15年前は超就職氷河期。 同時にブラック企業が大学新卒を食いつぶし始めた時代でもあった。 大学時代、何も考えていなかった俺は、 安易にチェーン飲食店のチーフになった。 今でこそブラック企業の代名詞の外食産業だが、 不安な時代を切り抜けるには手に職を付けて 店を持って自立すべしという話は

「わたしが知らないスゴ本は、きっとあなたが読んでいる」の中の人、Dainと申します。古今東西のスゴ本（凄い本）を探しまくり読みまくってます。今回は、過去読んだ本の中でも「これ、もっと早く読みたかった！」というスゴ本をご紹介しよう。 人生を何十年もやっていると、さまざまなハードルに出くわすことになる。それは、人間関係のトラブルだったり、仕事や結婚生活に立ちはだかる問題だったりする。解決するために、それなりの準備が必要で、時間がかかり、そもそも全貌を捉えるのにも一苦労するやつ。 人生が用意するハードルを越えたり潜ったりするため、先人の知恵を借りるべく、さまざまな本を読んできた。たいていは、試行錯誤と苦労の連続でしのいで、ずっと後になって、知りたかった一冊にたどりつく。これを最初に読んでおけば、あんなに苦労しなくても済んだのに、もっと上手く対応できたのに！ そんな、「あのときの私に読ませたい本」

Wantedlyは、運命のチームや仕事に出会えたり、人脈を広げ、ビジネスの情報収集に使えるビジネスSNSです。

当たり前の話かも知れないんですが、ちょっと書かせてください。 「頭がいい人は、難解なことでも分かりやすい言葉で説明出来る」みたいな信仰というか、都市伝説というか、聖闘士の伝承みたいなテキストが時折観測されるんですが、みなさんご存知でしょうか。 「頭がいい人 説明」とかでぐぐってみると、いろんなページが引っかかりますよね。 私、あれちょっと違うというか、色々誤解されてるなあ、と思っていまして。 正確には、「頭がいい人は、相手に説明をする目的と、相手にどこまで理解させる必要があるかを見極めることが上手い」というべきなんじゃないかなあ、と。そんな風に考えているのです。 昔、私が今とはまた違う職場にいた頃、一人「すごく説明が上手い人」が同じ部署にいました。彼のことを、仮にTさんと呼びます。 Tさんはエンジニアで、私よりも十年くらい先輩で、当時その職場に参加したばかりだった私がいたチームの、チームリ

こんにちは，しののめ(@Shinogasa)です． この記事はアイマストドン内非公式アドベントカレンダー 「ジョンベベベント・カレンダー」の23日目の記事になります． adventar.org 昨日は長沢佳さんの「初めてこんちきしたいP向けの京都ガイド」でした． kamocho.hateblo.jp 京都に住んでいたとのことで非常に内容が濃くて実用的でした． 是非こんちきしに行きたいですねー！ 拓海は可愛いんだぞ 予定を変更してお送りします． 本日12月22日のデレステガチャ更新にて 向井拓海の新たなSSRが実装されてしまいました． 今回はCu方面に力を振り切っておりましたので 普段カッコいいと評価されることの多い拓海ですが 可愛いところもあるということを知っておいてください． 拓海は可愛いって古事記にも書いてます． はい天使． はいかわいい． みなさんも是非ガチャまたはスカチケで入手して

Amazon Dash Buttonについて、人と話す機会が何度かあったので、 いかにAmazon Dash Buttonがヤバイかを毎度説明するのだが、 「あんな電池が一年で切れるデバイスは使えない」 「商品がドラッグストアよりも高いのに買うやつはいない」 といった的外れな答えが割と帰ってきて、もんにょりすることが多いので、私が思うヤバさを解説してみようと思う。 エンジニアリング的なヤバさ Amazon Dash Buttonは、どう考えてもビジネスモデルから逆算してハードウェアを設計しているので、ハードウェアから設計して、ビジネスモデルを作ろうとしている連中は絶対に勝てない。 ビジネスモデルによってハードウェアに対する要求は大幅に変わる。 IoTデバイスはコスト、大きさの面でリソースが限られているため、限られたリソースをどこに割り振るかで、要求を満たせるかどうかが決まる。 Amazon

東京大学より、英語学習・無料オンラインコース「English Academia」がリリース！どなたでも学べます！ 東京大学から、また新しい英語学習・無料オンラインコースがリリースされました。 名づけて、 「English Academia」（イングリッシュ・アカデミア） https://utokyo-ea.com/ です（パチパチパチ！）。 このコースは、どなたでもご利用いただけ（学生であってもなくても、社会人であろうと、誰であろうとOK!）、スマホからでも、ＰＣからでも学ぶことができます。 イングリッシュ・アカデミアは、これから研究ライフをはじめる、学部生、大学院生向けに開発された、初心者向けのアカデミックコミュニケーションのサイトです。どうぞふるってご利用下さいませ。どうぞよろしく御願いいたします。 ▼ いまさら「アタリマエダのクラッカー」ですが、グローバル化が進行しています。そんなな

「わたしが知らないスゴ本は、きっとあなたが読んでいる」の中の人、Dainと申します。 今回はお金で買うことのできる一生モノの自己投資になる本をご紹介したい。 現金や不動産、貴金属からビットコインまで、財産は盗られたり目減りしたりする恐れがある。だが、頭の中の財産は、誰も奪うことができない。すなわち、知や教養は、いったん頭に蓄えたら、一生涯あなたのものとなるのだ。 ここでは、あなたの知となり教養となる入口として、お薦めの本を選んでみよう。とはいっても、ただ選ぶだけでは面白くない。だから、日本の知を担う大学の最高峰、東京大学に務める教師が選んだ「アンケート・東大教師が新入生にすすめる本」から、合計1万円で買えるものをピックアップした。 「アンケート・東大教師が新入生にすすめる本」*1では、東京大学で毎年春に行われる新入生のためのブックガイドとして、エンタメから啓蒙書まで多種多様な本が紹介されて

まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 https://www.nnn.ed.nico 一日8時間勉強時間があるなら、だいたい一ヶ月で終わる内容。 月額1000円だけどしっかり勉強すれば一ヶ月の無料期間中に終わると思う。 もともとN高等学校のノンプログラマーの生徒をWebエンジニアとして就職させるために作られたカリキュラムで講師曰く去年はこれで二人エンジニア就職を決めたらしい。 内容も相当親切に説明していて、プログラミングで何か作るだけじゃなくて、就職に必要な環境構築やセキュリティまでみっちりやる。 http://qiita.com/sifue/items/7e7c7867b64ce9742aee#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%82%92%E3%82%82%E3%81%A8%E3%81%AB

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は エムスリー Advent Calendar 2017 の25日目の記事です。 普段はDB・サーバサイド・クライアントサイドまでの設計・実装・運用を扱っていますが、この記事ではReactを使って開発したシステムについてを紹介しようと思います。 作ったもの アンケートシステム(survey-designer-js)を作り、社内で使っていました。またOSSとしてレポジトリに公開もしています。 GitHub DEMO なお公開しているのはクライアントサイドのみで、サーバサイドの実装は公開していません。なお、エムスリー社内で使用してい

Effortless ideation.Type brackets around an `[idea]` to create a new link or see auto-complete results. You can instantly click to jump to a new page and keep typing ideas. Compound organization.As you add more pages your ideas get more and more organized. By adding a single link you can see new connections to dozens of related pages. Frictionless focus.Paste links to embed. Share code with syntax

簡潔で便利なインタフェースは業者が作るものだという意識が蔓延してないだろうか? たとえばAppleが便利なインタフェースを発表したら、「なるほどメーカが工夫したんだな、便利そう」とは思っても「これは論文になってるのかな」と気になる人は少ないと思う。 そういう例は昔からとても多いと思われる。Suicaや自動ドアは論文になってないだろうし、誰もが使うGUIや開発者が使うInterface Builderもそれ自体が論文にはなっていないだろう。自動ドアが無かった時代に自動ドアを発明しても論文にはなりにくいだろう。 すごく考えたり実験したりした結果としてシンプルで使いやすい洗練された新インタフェースができても業者がちょっと工夫したあたりまえなものだと思われる可能性が高いのではないだろうか。一旦あたりまえだと思われたら、それがいくら新しくて便利で画期的なものであっても、愚かな査読者は「あたりまえじゃ

OSSを読んで調査しながら、手を動かしているうちに出来上がったのがこちらです。 はじめに AirbnbのiOSアプリの実装に興味が沸いたのですが、Airbnbのソースを直接読むこともできません。そこで、似たような動作を実現しているOSSから内部実装を推測して自分でも書いてみることにしました。事前に調査したところ、既に似たようなことを考えている方がいて、大いに参考にさせて頂きました。感謝です。 今回の記事は、私が調査して気づいたことを再度整理した、という位置付けです。 これ以降の記述は下記のような読者を想定して書いていますので、ご承知おき下さい。 m(_ _)m iPhoneアプリ開発の経験は多少あるけれどもUIの実装は苦手 著名なアプリの実装に興味がある 画面の構成 TableViewが縦のスクロールを担い、各ジャンルのリストを横にスクロールしていく部分はTableViewの各rowの中に

メリクリです。THE GUILDの こばかなです。 深津さんから読書バトンを回して頂いたので、私もおすすめ本書いてみます。 ▼UIデザイン 融けるデザイン ―ハード×ソフト×ネット時代の新たな設計論 渡邊恵太https://www.amazon.co.jp/dp/4861009383/ref=cm_sw_r_tw_dp_U_x_wwnpAbQHSC2AJ UIデザイナー必読本だと思います。人間とインターフェースの関係を学べます。学術的な話が初心者にもわかりやすい言葉で書かれています。 プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法 深津 貴之https://www.amazon.co.jp/dp/484433624X/ref=cm_sw_r_tw_dp_U_x_lyopAbFSJ47XG ペーパープロトタイピングの書き方本に見えますが、リサーチ方法から要件定義まで方法が体系

Various documents — reports, briefs, playbooks, guidelines — usually are the way designers communicate the results of their work to peers, managers, or clients. One doesn’t simply collect all the design information in one place and call it a day. In good documentation, the how is as important as the what. 1. Start with a summaryLet’s say, you’ve made a thorough heuristic evaluation of a mobile app

TOP  >  Font  >  懐かしい雰囲気が漂うアメリカンヴィンテージフォント20選「20 Free Retro and Vintage Fonts to Use in 2018」 街中で見かけるポスターや広告、そこには様々なフォントが使用されていますが、今回は、どこか懐かしいアメリカンヴィンテージフォント20選「20 Free Retro and Vintage Fonts to Use in 2018」を紹介したいと思います。 Paralines – Free Font on Behance デザインにアクセントをプラスしてくれるレトロな雰囲気漂うフォントです。 詳しくは以下 HIGH LIFE – FREE FONT on Behance ザ・アメリカンヴィンテージといった王道なレトロフォントは、サンセリフとセリフ体の両方がセットになっているので汎用性も高そうです。 Corne

Photoshopのように画像編集やお絵かきができるアプリ「Artstudio Pro」の解説です。今回は文字にグラデーションやドロップシャドウ、アウトラインなどさまざまなエフェクトを加えていきます。 タイトルなど目を引く豪華な文字を作りたいときにおすすめです。 文字の種類やサイズを決めて入力 まず初めに文字を入力します。 テキストツールを選択して画面下に表示されているテキスト設定をカスタマイズしましょう。 ここでは文字色、文字の種類、サイズ、文字寄せの設定が行えます。文字サイズは後から変形ツールで調整できるので、ひとまず適当なサイズで入力してしまってもよいと思います。 文字の設定が決まったら、キャンバスをタップすると文字入力できます。 文字を入力したレイヤーはサムネイルが「T」で表されます。「T」と表示されているレイヤーは、フォントレイヤーとして扱われ、後からでも文字を編集できます。 フ

本記事は、DMM.com #1 Advent Calendar 201725日目の記事です。 昨日は@y-ohgiさんCloudFormationのススメという記事でした。 開発チームで行ったデザインスプリントで失敗したこと、そこで学んだことについて、つらつらと書き留めておきます。 所属しているチームについて チームが結成されたときは、UXに対する知見や、サービスを考える経験を持っているメンバーがほぼ皆無でした。 こうした背景もあり、サービスの仮説を検証するために制作したMVPと、その検証のフローの中で、様々な失敗を重ねました。 ※MVP：実用最小限の製品 / minimum viable product ▼チームの構成と環境 ・プロダクトオーナー１人、スクラムマスター１人 ・開発チーム：エンジニア5人、デザイナー１人（私） ・相談先として社内のUX専門チームに週1程のペースで打ち合わせ

2013年8月21日～23日の3日間にわたり、パシフィコ横浜にてゲーム開発者向けカンファレンス「CEDEC 2013」が開催された。ここでは、DeNAのUXデザイナー 山口隆広氏による講演「ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話」の内容をお届けする。 目次 ソーシャルゲームにおけるUXデザイナーの領域 ゲームを作るとき… 誤解されるUXデザイン UIとは衛生要因 ABテストではかるもの UXデザインのポイント UXデザイナーにできること 山口氏は2010年8月に企画職としてDeNAに入社。「農園ホッコリーナ」という女性向けのソーシャルゲームを担当し、モバゲー女性ランキング1位に導いた。 その経験を経て、現在はDeNAの特殊任務班SWATのUXデザイナーとして、ソーシャルゲームを含めた自社モバイルサービスのUX設計/開発/評価サイクルの推進を担当している。

Atlassianがデザインに注力し始めた2012年、新しいデザインチーフとしてJürgen Spangl氏が雇われました。彼が始めた最初のプロジェクトの１つは、新しい会社内のデザインシステムであるAtlassianデザインガイドライン（ADG）の作成でした。 当時Atlassianは、デザイン手法を拡大する際に共通する、いくつかの困難に直面していました。 デザインのばらつき：当時は45種類の異なるドロップダウンがありました。 ツールの不足：複数の製品にまたがって仕事を拡大するために、チームはより強力なデザインツールを必要としていました。 余計な質問：Atlassianのデザイナーは、「どのボタンを使うべきか」などのよくある質問に答える時間を減らして、コアな問題により多くの時間を費やしたいと望んでいました。 かつてNathan Curtis氏は、「デザインシステムとは、製品を提供するための

VR初心者にお勧め！ひらやまともよ氏が伝授する─デザイナー・プランナー向けのVR表現方法「Graphic VR」講座 馬場 美由紀（HTML5 Experts.jp編集部） VR元年といわれた2016年から急激な進化を遂げ、最近ではゲームなどのエンターテイメント領域だけに留まらず、医療・教育・産業などの領域でも広がりを見せつつあるVR(仮想現実)。実際に業務でVRを取り入れたいと考えたものの、コストや専門エンジニアのアサインが難しいなどといった問題からあきらめている人は少なくないのではないだろうか。 そこで今回はPC/スマホ向けにクリエイティブ業務を行っているデザイナーや、サイト・アプリ・イベントなどのプロジェクトでVRを使ってみたいと考えているディレクター向けに、マインドスケープアーキテクト・ひらやまともよ氏が「TECH PLAY CONFERENCE 2017」で語った、気軽に使えるV

懐かしいバトンが読書バトンとして今流行ってきてますね。（僕にはきてませんが） 僕は三児の父（かつ下が双子）の為、なかなか読書する時間がとれません。読めるとしたら通勤中の電車の中ぐらい。時間が限定されているので、たくさんの本は読めません。でもインプットはしたいので、僕は動画もインプットの方法としています。 動画は、比較的短い時間でその場の雰囲気も感じながら観れます。何回も観返せるのもメリットですね。 僕が今まで観た動画の中で、今でも（たまに）観返すオススメのデザイン関連動画10選を紹介します。 ※ 音声が英語の動画は日本語字幕が出せます。 Simon Sinek : How great leaders inspire action (18:04) https://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action Go

「Windows on Snapdragon」――つまり、スマートフォン向けプロセッサで知られるQualcommのSnapdragon 835を搭載し、PC向けのWindows 10が動作する新しいデバイスが2018年にやって来る。LTEを内蔵して常時接続で20時間超ものバッテリー駆動を目指す新世代のPCだ。 QualcommのSnapdragon 835プロセッサを搭載し、スマートフォン向けのモバイルOS「Windows 10 Mobile」ではなく、PC向けの「Windows 10」が動作する新しいプラットフォームが登場。これを採用した新しいPCが2018年にやって来る

gist41201c4579d17253b7bd26e699c6dccb リポジトリを ghq | fzf で選ぶ リポジトリに対応する session が tmux になければ作る 対応する session が存在する場合はそれを前面に といったことを行うスクリプトです。 session の current directory がリポジトリのルートに設定されるので、別のシェルを使いたいときは tmux new-window などで新しい端末を開けば cd する必要もありません。 作業リポジトリを切り替えたいときも、このスクリプトを起動して選ぶだけで、以前の session があれば記憶とともに蘇ることでしょう。 gist41201c4579d17253b7bd26e699c6dccb

そう言えば、ちょっと前のデータ分析業界5年間振り返り記事で「人工知能ブームに引っ張られてデータサイエンティストブームも再燃しつつある」みたいなことを書いたわけですが、本当にそうなんだっけ？というところをこれまでに検証したことはなかったなぁと思い出したのでした。 ということで、手っ取り早く計量時系列分析の手法を使ってこの2つのブームの関係性を解明してみようと思います。ちなみにデータソースは以下の2つのGoogleトレンド検索結果です。それぞれ'multiTimeline_ai.csv', 'multiTimeline_ds.csv'みたいなファイル名にして保存してあります。 やることは基本的には完全に決まっていますので、お定まりのルーチンをただこなすだけです。では、早速やってみましょう。 データを読み込む 上記のようにCSVファイルで保存してあるはずなので、ベタッと読み込んでついでにプロット

ポーカーは手札の情報がすべて公開されていないため「不完全情報ゲーム」だと言われており、人工知能(AI)が人間を打ち負かすのは難しいと考えられてきました。しかし、2017年1月にカーネギー・メロン大学の開発したAI「Libratus」はこの難題を見事にクリアし、人間のプレイヤー相手にポーカーで完勝することに成功しました。そのLibratusを開発した研究者が、どのような戦略をLibratusが採ったのかに関する論文を公開しました。 Superhuman AI for heads-up no-limit poker: Libratus beats top professionals | Science http://science.sciencemag.org/content/early/2017/12/15/science.aao1733.full Inner workings of vic

This domain may be for sale!

こんにちは。ゆこ（@yucorinPlans）と申します。 普段は趣味である手帳のことを中心としたブログ（ゆころぐ）をひっそりと書いております。 [chat face=”woman1″ name=”” align=”left” border=”gray” bg=”none” style=””]サーチコンソールって難しそう[/chat] そんなあなたのために！　今回はサーチコンソール（Google Search Console）活用法をご紹介します。 ※今回の記事は、ゆこさん（@yucorinPlans）からの寄稿記事です。クロネとは違ったテイストでお楽しみください。 ※このブログ内では「リライト」という言葉を１度書いた記事をより良いものに書き直すという意味で使っています。 [2019.3.22更新] 新しいサーチコンソールになったので説明用のサーチコンソールの画面を差し替えました（例はクロ

2017/6/26追記　すみません。追試をしたら51300での限界が確認できたのはt2.mediumまででした。ただし、t2.largeでも約8万の限界があるようです。4章、5章を修正しました。 2017/6/27追記　Developer Forums（米）に質問をしたところ、原因不明だがm4シリーズでも10万以上で限界値を確認したという報告がありました。どうもAWS特有のアンドキュメントな現象らしいとのこと。 この記事ではAWS ec2上のCentOS7にインストールしたGo1.8を使っています。 AWS ec2のt2タイプには51300コネクションしか繋がらないようです。どのドキュメントを見てもこのような仕様は書かれていません。原因は不明でしたが、事実関係を集めたいので、同意非同意によらずに広くコメントいただきたいです。 いろいろ切り分けを繰り返したので、「CentOS7での大規模サー

難しい話じゃないです。 皆さん、ご自分でChrome Developer Toolで簡単に確認できますから、やってみて下さい。 このブログでも、過去に統計分析をした結果は掲載したんですが、「盲信」はそうそう簡単には消えないようでして… takehora.hatenadiary.jp takehora.hatenadiary.jp 以下の図は、Chrome 63.0.3239.108での結果です。 CDNにFastlyでもAWS CloudFrontでも、どのCDNを使って実験して頂いても結構です。 CDNを使わずに、Webサーバ単体でも結構です。 同様の結果になります。 どちらもHTTPS通信です。 どちらも同じオリジン、同じファイル構成です。 HTTP/1.1は、Keep-Alive設定が入っています。 HTTP/1.1での配信 … Load Event 70ms HTTP/2での配信

ついに未来がやってくる。2017年に実現した、まるでSFな出来事たち2017.12.26 20:3010,814 福田ミホ 未来の何がいけないって、なかなかやって来なくて、我々がつい現状こそ当たり前と思ってしまうことです。でも我々がいる現在だって、そう遠くない過去から見れば未来に違いありません。ここでは、それを思い出させてくれた2017年のフューチャリスティックな出来事をまとめていきます。 AIは引き続き人間を超えたがる今年も人工知能にとって大きな成長の年となりました。我々はハイプ・サイクルのど真ん中にいますが、このブームは多分どこかの段階で、少なくとも経済的な面ではしぼむときが来るはずです。でも技術面では単なるバブルではなく、確実なブレークスルーがいくつかありました。 2016年に人間の囲碁チャンピオンを破ったGoogle傘下のDeepMindによる人工知能・AlphaGoは2017年、

オンラインブックマーク(Google Bookmarks, Pinboard, はてなブックマーク)をインクリメンタルサーチする拡張機能を公開しました。WebExtensionsに対応したものとなり、Firefox57以降でも使えます。 Online Bookmark Incremental Search for Firefox – Firefox 向けアドオン ブックマークをローカルに保存しておいて利用するので、いつでも素早く検索できます。また、ショートカットキーで行やページを移動して、選択行のブックマークを開くことができます。 対応しているサービスは下記の通りです。 Google Bookmarks Pinboard はてなブックマーク 旧拡張機能との違い この拡張機能は、下記のレガシーな拡張(Firefox57以降使えなくなったもの)を置き換えるものになります。 Google Boo

それはもう「テキストエディタ」と別物といっていい。価格は3000円。書き手の目線、余白、グリッド…細部にこだわり、無駄を排除。『stone』は書く心地よさのみを追求し、App Storeでも1位*を獲得した。つくったのは日本デザインセンターの面々。あらゆるプロダクトに活きる、心地よさのデザインとは？ (*)... 2017年12月2週目時点 心地よさにこだわり抜いたエディタ「stone」 日本を代表するグラフィックデザイナー、原研哉さん率いる日本デザインセンター（NDC）が、とてもユニークな自社プロダクトをリリースした。それが『stone』だ。 広義でいえばテキストエディタの類だが、あまりにもシンプルなつくり。アプリを起動し、映し出されるのは真っ白な画面。言われなければエディタだとわからないかもしれない。 「僕らが意識したのは、触感であったり、気持ちよさなんです」 今回お話を伺ったのは、企

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 昨年に引き続きDeep Learningやっていき Advent Calendar 2017の25日目の滑り込み記事で，畳み込みニューラルネットワークの歴史および最新の研究動向についてのサーベイです．2017年12月のPRMU研究会にて発表した，畳み込みニューラルネットワークについてのサーベイをベースに追記を行ったものになります． はじめに 畳み込みニューラルネットワーク (Convolutional Neural Networks; CNN) （以降CNN）は，主に画像認識に利用されるニューラルネットワークの一種である．CNNの原型は

2017年11月のリニューアルでモバイル版Webサイトの表示速度が“爆速”になったと話題の「日経電子版」。第2回「日経電子版はなぜ”爆速化”したのか、どれだけ速いのか」においては、スピード改善の背景と成果について、開発チームに話を聞いた。それに引き続いて今回は、改善ために採用した手法と効果指標について解説してもらった。 表示スピードはエンゲージメントにおいて大切な要素だから 表示スピードの改善を行う上で、日本経済新聞社ではどのような効果指標を持ってプロジェクトを進めたのだろうか。注目は、2016年に取り入れた独自の「エンゲージメント指標」だ（下図参照）。これはアクセス解析を基に独自の数式で指標を設定したもので、有料会員を増やし、離脱を防ぐためのパラメーターとなっている。この数値こそ、まさに日経電子版の要といえる。

急カーブを描いていた成長曲線が、いったん踊り場を迎える。そんな感覚を持つのが、ソフトウエアエンジニアとしてちょうど10年ほど経験を積んだ頃ではないだろうか。 がむしゃらに技術スキル向上を目指していればよかった時代が終わり、さてこれからのキャリアの方向性は？とふと立ち止まる節目。そこで迷いなくクリアに次のステップを思い描ける人は意外と少ない。なぜならしっくり来る選択肢が目の前に存在するケースが稀だからだ。 マイクロソフト、グーグル、Incrementsで活躍してきた及川卓也氏は、そんな悩めるアラサーエンジニアに３つのキャリアパスを提示する。及川氏が語る、エンジニアの仕事人生を切り拓くヒントとは？ 及川卓也氏 早稲田大学理工学部を卒業後、1988年、日本DECに入社し、営業サポート、ソフトウエア開発、研究開発などに従事。97年、マイクロソフトに転職し、Windows製品の開発統括に携わる。20

電撃的な展開により会社からシリコンバレーのラボへの異動を命じられた。現職のまま任期付き（恐らく2年）の赴任となる。 オフィスはパロアルトだが家賃が高く到底住めないのでサンマテオとかその辺りに安アパートを借りることになると思う。何ひとつ分からないのでどうかご指導賜りたい。 それから東京の家を完全に引き払う予定なのでドジョウの里親を探している。もし助けてやっても良いという方は本エントリの一番最後までスクロールしていただければ幸いである。 （14時23分追記：里親見つかりました。本当にありがとうございました。） 経緯 12月も半ばになろうという頃、突然すごいエライ人に呼び出されてパロアルト赴任に興味はないか訊かれた。ちょうど失意のどん底だったので「行きたいです！」と答えた。翌週経営会議で承認されてそのまま内示となった。スピード感！ 葛藤 ただここからウジウジとナメクジのように悩むことになる。 ラ

この記事は後編の記事となります。 前編は こちら 全てを並列処理で実行 Servoプロジェクト（Quantum CSSの大元）は実験的なブラウザで、Webページのレンダリングの様々な部分を全て並列化しようとしています。これは、いったいどういう意味でしょうか。 コンピュータは脳のようなものです。考える部分（ALU）があり、その近くには短期記憶を司る部分（レジスタ）があります。これらはCPU上でグループ化されています。また、長期記憶を司るのがRAMです。 注釈：長期記憶（RAM） 短期記憶（レジスタ） 考える部分（ALU） 初期の頃のコンピュータでは、CPUを使って一度に1つのことしか考えられませんでした。しかし、この10年間で、複数のALUやレジスタをグループ化してコアにまとめて持つようになったことで、同時に複数のことを処理できるようになってきました。 注釈：コア Quantum CSSは、

仕事面で 2017 年を振り返ると、いろいろやったけど自分でなんか作ったというのはほとんどない。 人のふんどしで相撲をとっていた一年（転職してからは半年強）だと言える。SaaS として提供されているツールを導入したり、 OSS の分析ツールを導入・構築したり、会社の仕組みを調整したりしてただけだった。各ライブラリを作ってくれた人には感謝しかない 🙏🏻 組織方面 チーム横断の定例 MTG 働きかけ 人が増えて「あの人何やってるかわからない」「仕事を横からいきなり依頼される」などの問題が出てきたため、チーム横断の定例ミーティングを開催してお互いの状況を確認したり依頼しそうなことがあれば前もって共有するように 全体ミーティングフォーマット整え＆司会業 かつては社長が考えていることを聞くだけの場だったが、チームごとに資料を作ってみんなで発表し、議論をする場に変えた Slack 導入 Slack

インポート～情報蓄積 ・他のツールから簡単にインポート ・圧倒的にシンプル＆洗練されたデザイン ・みんなでリアルタイム共同編集 ・文中にインラインコメント ・編集履歴の確認とロールバック ・下書きレビューでワークフロー ・Markdown、リッチテキストエディタ、PlantUML ・Excel、CSV、スプレッドシートをコピー＆ペーストで表作成 ・PowerPoint、Word、Excel、PDFなど簡単アップロード＆プレビュー ・画像、動画をドラッグ＆ドロップ、コピー＆ペーストで貼り付け ・よく使う情報をテンプレート化 ナレッジ最適化～活用 ・KibelaAI 記事添削、KibelaAI Slack要約 ・ハイスピードレスポンス ・グループでアクセスコントロール、フォルダで構造化 ・複数条件に対応した高度な検索 ・プレゼンテーション機能 ・柔軟な外部共有 ・いいね！でレスポンス、スレッド

2017年12月2日に開催されたJapan.R 2017での発表資料を加筆・修正したスライドです。 Website: http://japanr.net/Read less

本記事は Vue.js #1 Advent Calendar 2017 の23日目の記事です。 TL;DR soussune（そうっすね）という技術系ポッドキャストのサイトをJekyllで構築してます よくVueの話をしてるのに肝心のサイトでは使ってない。のでVue使いたい Nuxt.jsにNuxtentモジュール入れて、nuxt generate で静的サイトを生成してデプロイしました ポッドキャストをやっている @trkw と @miyaoka の二人でこの一週間くらいスクラッチでサイトを作ってました。そこで実際にNuxt使ってみた話についていろいろ書いていこうと思います。 使用前・使用後 開発は8,9割程度終わった感じですが、現状まだ新サイトに移行してない状況です。 →移行しました。 旧サイト https://soussune-v1.netlify.com （開発リポジトリ） 新サイ

＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

こんにちは。Akerunエンジニアの @ishturk です。 Akerun Advent Calendarの記事です。 今日は設計書の話です。 設計書をどんなツールで書くかは、僕らソフトウェアエンジニアの尽きない悩み（楽しみ）ですね。 最近はまったツールが最高に良かったので紹介させてください。 僕のツールに求める要件は以下です。 編集がカジュアルにできる UMLが書ける。あとから編集できる（画像での貼付けは編集できないのでNG） バージョンの管理ができる 好きになれる（重要） 変遷と pros/cons MS Word pros 良くも悪くもスタンダードなツールですね。 だれでも編集できるのが強みです。 Visioと組み合わせれば、UMLも後から編集可能です cons Visioは標準にするには少々値が張ります。 バイナリ形式なのでバージョン管理はしづらいです。 ページが増えたり画像を貼

もともと数ヶ月前から、Go言語によるWebアプリケーション開発 を読みながら Go での Webアプリケーション開発の勉強をしていた。 Go言語によるWebアプリケーション開発 作者: Mat Ryer,鵜飼文敏,牧野聡出版社/メーカー: オライリージャパン発売日: 2016/01/22メディア: 大型本この商品を含むブログ (3件) を見る 「実際に動くもの」を、「手を動かして作りながら学ぶ」のが僕は好きで、今回も同様、それを楽しんでやっていたのだけど、思いの外それっぽいものができあがってしまって。これをそのままローカルで動かすだけじゃおもしろくないな、もったいないな、と思ったので、それをサービス化して公開するところまでやってみた。 かんじんのアプリケーションは↓これ。Yukizuri と書いて「ゆきずり」と読む。 https://yukizuri.moshimo.worksyukizu

2017/12/19 Tech Night @ Shiodome # 6 https://techsio.connpass.com/event/72585/

PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい