これ秘密にしておきたいくらいのライフハックなんですけど、URLを指定するだけでサイトマップを取得してきてくれる超有能Webアプリがあります。デザインの参考にしたり、要件定義したりするのにめちゃ役立ちます。WIREDをキャプチャして… https://t.co/OnfYM4k0zF

「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を

「記事にするほどでもないけど、なんとなく書きたいなぁ」みたいな事を今後ここで書いて行こうかと思いまする。ちなみに有料にするかも知れん。 最近Twitterでもちょろちょろ言われてますけど、すぐ激切れしてあーだこーだ言って来る人が居るのでそういう人を避けたいしもうちょい自由に書きたさもあるので……。 まあそれはともかく、今日は「お金の話」について書きたい。別に「ヤッP～～～！僕の年収は8000万円でした～～！チョロチョロリ～ン！僕みたいに稼ぎたい人は月額6万円払ってネ～～！！！！」みたいな話ではなく、最近話題の老後資金2,000万とかその辺に絡んだ話である。 以前、フリーランスのファイナンシャルプランナーの人と話しててそういう話になったのだけど、「お金に対するリテラシーがみんな低すぎるし、インターネットではそういう話をすると『投資にまわすお金なんて無いわ！』とか逆ギレする人が多くて話しづらい

2015年からフランスに拠点を移しているひろゆきさん。 移住した理由は、「日本で生きてても、明るい未来が見えないから」と言います。 近い将来、大企業に入っても数万人規模のリストラに巻き込まれる人や、結婚できず孤独になる人が増えていき、日本全体が暗い社会になる、とひろゆきさんは予言しています。 そんな暗い社会を生き抜く方法を伝えるため、ひろゆきさんは『凡人道』を上梓しました。 ひろゆきさんが客観的に日本を見て考えた「仕事選び」「お金との向き合い方」を著書『凡人道』より抜粋してご紹介。 凡人でも、いや、凡人だからこそ実現できるサバイバル思考を学んでいきましょう！ 先行きが超不安な日本で、「凡人」がどうやってサバイバルしていけばいいのか。 まずは、仕事ですね。どんな生き方を選ぶにしても、お金をどう手に入れるかは重要になってきますから。 仕事選びで迷っている人に僕がおすすめしているのは、「カンスト

最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利ですね。 Mobbin 150種類以上のiOSアプリ、8,000パターンのUIがまとめられたギャラリー。一つのアプリで、さまざまなUIが収録されているので、非常に便利です。スクリーンはiPhone X対応で、気に入ったアイデアは保存することもできます（要サインアップ）。

運営者ギルドという、個人や少人数チームでWebサービスやアプリを作っている人のSlackチームがありまして、そこで furuta さんやnaichi さんとチャットしていて、個人サービスを作っていて「モチベーションが続かない」「いつの間にか辛くなってくる」という個人開発あるあるについて話していました。 個人開発は「自分の作りたいもの」を「自分の使いたい技術」で「自分の好き」に作れる最高の舞台です。クリエイターならやらない手はないでしょう。 しかし、何も考えずにいざ足を踏み入れてみると、思ったよりも険しい道だと気づくのです。 仕事でもなく「自分が作りたくて作っていた」はずなのに、いつの間にかどこかに逃げ出してしまうモチベーション。何ヶ月経っても作り終わらない現代のサグラダ・ファミリア。仕事がバタついて1週間面倒見ていなかっただけで「え、なにこのクソコード」と毒づいてしまうほど荒れ果てたmas

こんにちは！今年の4月にポテンシャル枠で入社した id:daido1976 です！引き続き Rails に弄ばれる日々を過ごしています。 さて、今回は約4ヶ月間の新人エンジニア研修を受け終えた私が弊社の研修カリキュラムを公開し、まとめや実際に受けてみての感想を書いていきたいと思います。 前提として フィードフォースでは今年4月〜5月のほぼ同時期に e-Navigator というプログラムを通じて、私を含む3名の実務未経験エンジニアが入社しています。 今回の研修は、e-Navigator でもレビュアーだった @sukechannnn がメンターとして上記3名の新人エンジニアをフォローする体制で進めました！ 研修の成果を3行で 入社時に「プログラミング歴3ヶ月の超初心者エンジニア」だった私が フィードフォースで約4ヶ月間の新人エンジニア研修を受けて 配属後にある程度自走してコードが書けるぐら

ファミコン(NES)のエミュレータを書いてみたいとずっと思っていたので、書いてみることにしました。 そう思っている人は少なからず居るようで、先日もPHPで書いたというエントリが出たようです。 とりあえず先人たちがやっているように僕もSuper Mario Brothers(SMB.)を動かすのを目標にしました。 やったことがあるファミコンのゲームはSMB.しかないのでぴったりそうです。 (僕は1998年生まれの20歳で、実はファミコンの実機を触ったことが無い) SMB.を動かすまで SMB.を動かすまでの過程を解説していきます。 基本的に既存の文献やコードを読みつつ、コードに落としていきました。 1. Hello, World! を動かす Hello, World!を表示するだけのROMを動かしましょう。 ROMは以下のページから手に入ります。 NES研究室 - サンプル Hello, W

先月末に、めでたく AtCoder 黄色になりました。 1976 -> 2025 (+49) 念願の！！！！ 黄色！！！！ です✌️✌️✌️✌️✌️✌️✌️ pic.twitter.com/6S5whNlq8G— tsutaj (@_TTJR_) 2018年9月29日 きのう、ふと「黄色になりました記事書いてないなぁ」と思って雑に呟いたら、書いてくれという圧力声援を感じたので、記していこうかなと思います。記事の特性上自分語りしかありませんが、それでも良い方はお読みいただければと思います。 自分の能力について やったこと 灰から茶へ 茶から緑へ 緑から水へ 水から青へ 青から黄へ 最後に 自分の能力について 世の中には、プログラミングを始める前から数学が大得意で、 AtCoder を初めて半年くらいで黄色になるような「競技プログラミングをするために生まれてきた天才」*1も中にはいるのですが、

「スマホ（モバイル）顕微鏡」をご存じだろうか。スマートフォンのカメラの上にレンズ付きの小さな器具をおくだけで、スマホが顕微鏡に早変わり。器具の改良とスマホの性能向上で、おもちゃの域を脱し、今や科学研究にも使われる。開発に携わってきた合同会社、Life is small.（LISCO=リスコ、横浜市）の白根純人さん、永山国昭さんにモバイル顕微鏡の進化を聞いた。「偏光顕微鏡、蛍光顕微鏡など普通の光

SYNTHESIZEという漫画の連載を、自分で作ったサービスLeth（このエントリーを掲載しているサービスそのもの）で始めました。 普段は普通のサラリーマンをしたりしています。3年くらい前まではエンジニアをやっていた気がしますが、色々あって今は仕事でコードは書いていません。 今（2018/9月時点）私は33歳なのですが、29歳の終わり頃でしょうか、ふと「漫画でも描いてみるか」と思い立ってから今日こうして無事公開できるに至るまでの話と、今後の展望の話を書き残しておきます。 動機の話 私は20代の半分程をエンジニアとして過ごしていました。幸いデザインも好きだった事もあり、昔から余暇の時間を利用していくつか個人でサービスをリリースしたりしていました。それまでの人生は音楽づくしであったし、「創作」そのものが好きなんだと自己分析しています。プログラミングも創作の一つだと捉えていますし。絵を描くのも好

「どうして同じ広告ばかり表示されるのか」。インターネットを見ていて疑問に思ったことがあるだろう。実は、過去に見たサイト履歴などからあなたの好みや属性を機械が推測し、興味がありそうな広告を0.1秒以内に配信しているのだ。この作業が膨大に繰り返され、１兆円市場を形作る。知られざる「ターゲティング広告（狙う広告）」の世界に飛び込んでみよう。 2000年ごろまで広告取引はシンプルだった。広告を出したい企業と、出してもらいたいメディアがおり、その取引を広告代理店の営業マンがつないでいた。 ネットが普及して広告枠が大量に増え、人力で埋めるのが難しくなった。そこで2010年ごろ、広告を機械が自動で取引する仕組みが拡大。今では自動取引が全体の８割に達し、2018年には１兆円を超える見通し。 パソコンを立ち上げてサイトを開く。その瞬間、あなたが見たサイト履歴や検索した単語を機械が分析。「引っ越し先を探してい

こんにちは、料理研究家のYｕｕです。 「よだれが出る」ほどおいしい「よだれ鶏」。四川省でよく食べられている中華料理で、街の中華屋さんでも見かけるようになりましたね。おいしさの秘密は、香辛料や薬味がた～っぷり入った風味豊かな辛いソース。これがとっても辛くて刺激的！ まだまだ暑い日が続く今の季節にとくにぴったりです。今回は、その「よだれ鶏」がより簡単、ヘルシー、コスパもよくできるよう、鶏むね肉で作ったしっとりレンジ蒸し鶏にしてみました。 それから、鶏肉の蒸し汁を使う名づけて「よだれダレ」（笑）がとっても万能！ 野菜にかければモリモリいけますし、冷やし中華のタレにしても絶品。ぜひぜひお気軽にお試しくださいね～。 Yｕｕの「よだれ鶏」 【材料】（2人分） 鶏むね肉　1枚（300g） もやし　1/2袋 きゅうり　1/2本 （A） 酒　大さじ2 塩、砂糖　各小さじ1弱 片栗粉　小さじ1 しょうが　チュ

こんにちは、元気です！ 私は日本語ラップが好きで毎日聞いています。 ラップを聴いてて一番楽しいと思うときはうまい韻（いん）を聞いたときですね。 良い韻は何十年も頭に残るものです。 「Kick the verse！歌詞蹴っ飛ばす！ まるでストレス飛ばすジェットバス！」 ね？ 単純に韻を聞いたり考えたりするのが楽しいので、自分の工学分野の用語で 韻を考えたりもするのですが、声で韻を教えてくれるシステムがあったら面白いと思って、 今回はGoogle Homeに頼むと自動でwebサイトから韻を探して踏んでくれるIoTシステムを作りました。 そもそも韻（いん）ってなに？ 韻（いん,ライム）とは簡単に言うと「同じ母音で別の言葉を繰り返すこと」です。 要するに下の表の横列の言葉を使います。 例として私が凄いと思った韻を紹介します。 「一網打尽 REMIX (SHING02, MEISO, CANDLE,

エンジニアを目指して今プログラミングを勉強している人向けに、開発に関してより知識を深められる新人研修スライドをまとめました。 Progateやプログラミングスクールだけでは学べない内容ばかりなので、新人エンジニアの人は目を通しておくといいです。 各企業で新人研修で実際に使われた資料なので、どんなことが開発の現場では求められるのかということが掴めます。 ここにある内容を100%理解することは難しいですが、少なからずインターンや就職をする時に役立つはずです(わからない箇所は本などを読んで補足しましょう)。 ▶プログラミングを効率良く勉強したい人はこちらの記事 もオススメ 全員共通で読むべきスライド Cookpad★ この資料で学べること リクルートテクノロジーズ★ この資料で学べること Git/コードレビュー GMOペパボ この資料で学べること GMOペパボ この資料で学べること GMOペパボ

2018年になってここまで、ウェブデザインにとって驚くべき年を迎えています。これまで何年もかけて進化してきたデザインが、デザインシステムやタクタイルデザインのような新しいトレンド、また楽しく元気なレトロスタイルの復活などにつながっています。これまで以上に、ウェブデザインの現状と今後の流れを考えることが重要になってきます。 この記事では、2018年にもっとも影響を及ぼしている、6つの最新ウェブデザインのトレンドをまとめてご紹介します。 01. コンポーネントを元にした「デザインシステム」 まだデザインシステム（英: Design System）を導入していないなら、きっと今後数年以内に利用することになるでしょう。最新版となる 2017-18 Enterprise UX Industry Report によると、デザインシステムを利用していない企業の67%が、現在作成中と答えています。 デザイ

今の場合は A さんが 31 歳の場合のストーリーでしたが、A さんが 20 歳～ 35 歳のうちのどの年齢であったとしても、似たようなストーリーで必ず 4 回の質問で当てることができます！(他の例も是非考えてみてください。) ちなみに、このような「真ん中で切ってどちらかに絞って行く」タイプのアルゴリズムには二分探索法という名前がついています。応用情報技術者試験でも頻出のテーマですので馴染みのある方も多いと思います。 1-2. つまり、アルゴリズムとは 上の年齢当てゲームという問題では、相手の年齢を当てる「方法・手順」を二分探索法に基づいて導きました。このようにアルゴリズムとは、 問題を解くための方法・手順 のことです。さて、アルゴリズムと聞くと「コンピュータ上で実装されたプログラム」のことを思い浮かべる方も多いと思いますが、必ずしもコンピュータと関係がある必要はなく、日常生活でも多々登場

材料費400円の赤外線送受信器を、1,800円のラズパイZeroに載せて、Google Homeから操作する方法を、ゼロから丁寧に解説します。 安くても高機能 むしろ市販のスマートリモコンではできない、きめ細かな操作も簡単に実現できます。（例えば こんなこと ができます。） 簡単 電子回路を作ったことのない初心者でも作れるよう、電子部品の買い方から、丁寧に説明します。 電子工作の基本 ラズパイでの電子工作が初めてなら、こちら　→　Raspberry Piの電源でLEDを1個光らせてみる - ツール・ラボ （素晴らしく丁寧な解説なので、予備知識ゼロでも理解できるはず。） ここで紹介するスマートリモコンの回路も、まずはブレッドボードを使って、半田付けをせずに試作します。 試作品をしばらく使ってみて問題がないようなら、基板に半田付けして完成させます。 半田付けが初めてなら、こちら　→　うまくいく

Google アナリティクスをただなんとなく見て使うだけだと「一体どうすれば数が増えるのか？成果をアップできるのか？」という部分がわからず、まさに宝の持ち腐れ。かといって多数出ている「Google アナリティクスの使い方解説本」みたいなものも、どれがいいのかをそもそも判断できないので、お金を払ってどれを買うべきかが意味不明。Google アナリティクスがあまりにも高機能＆多機能であるがゆえに、まったく使いこなしている自信がゼロ……という場合に、まずその取っかかりとしてわかりやすいのが、Googleが提供する無料の認定資格「Google アナリティクス個人認定資格（GAIQ）」です。 Academy for Ads: Google アナリティクス個人認定資格（GAIQ） https://academy.exceedlms.com/student/path/2949 「Google アナリティ

まえおき 巷では「プログラマーになりたい人に初学者にとって、ポインタという考え方がわけわかめ」という話がよくあります。 そこでいろいろな人が「ポインタは住所だ」とか「変数がハコで」とか手を変え品を変え分かりやすいように説明してくれています。 それでもなお「ポインタがわかりづらい」という人が後を絶ちません。 もういっそのこと、例え話をやめてド直球で攻めたらいいんじゃないでしょうか。 Hello, Worldより簡単に サンプルコード 以下のコードを考えます。 void main() { int a; int b; int c; a = 1; b = 2; c = a + b; } 「#include <stdio.h>」なんていう謎のオマジナイはこの際ナシです。あんなもの無くたってC言語は成り立ちます。 まぁ見ての通り、どこにも何も出力されませんが。 このプログラムは、「c = a + b」