はじめに プログラミング系の時事ネタは能動的に情報収集しないと入ってこないのですが、若手だった頃はどうやって情報を仕入れればよいのかさっぱり分かりませんでした。 情報収集のコツを掴んでからパッと視界が開けた経験があるので、特に新米エンジニアの方は参考にしてみてください。 ニュースアプリ Gunosy、SmartNewsなど色々試しましたが以下の２つがプログラミング系記事多めでした。 通勤時間などに流し読みして、気になるものは深く調べると良いです。 はてなブックマーク(テクノロジー) presso(webアプリ開発) ※2016年4月末に終了 ITニュースサイト 技術全般 TechFeed Menthas POSTD SELECK フロントエンド UX Milk Frontend Weekly 海外記事 TechCrunch Frasco Web系企業・エンジニア技術ブログ 最近はどの会社も

裁判所がfaxを使う運用を変更し、新しいシステムを導入するらしいという噂を聞きました。 米国では2001年からPACERがweb閲覧できて、シンガポールでは2世代目のシステム構築が進んでおり、韓国の裁判のIT化のシステムはベトナムへ輸出されているというのに、未だfaxを使っているとは。失われた20年。わたくしが一番きれいだったとき、裁判所はfaxを使っていたことを知りました。 少し調査をしたところ、日本の裁判所がfaxをやめるということは、いわゆる一行を変えるだけの問題とも関連していそうでした。ただ裁判所の運用が少し変わるだけではなく、もっと根本的な大きな変更が必要となってしまうような、そんな感じがしました。 少なくとも、議論の展開によってはオンライン会議/VR/ビックデータ/自然言語処理/機械学習が重要になってくる可能性があると思われたので、以下に自分が調べたことを共有させて頂きます。

The future of work will be very different. Irrespective of your job, it will become important for everyone to learn how to code. Coding helps enrich your computational thinking, which is powerful in making decisions. The traditional resume will go away and hiring will happen based on your skills first. We launched HackerRank in late 2012 with the goal of matching every developer to the right job.

DIY組み立てキット「UGears」金庫を紹介します。 3つの暗証番号を組み合わせた錠機能付きの金庫キットです。高品質な木材を使用し、接着剤やカッターなどを使うことなく組み立てられます。お子さんへのプレゼントにもピッタリです。 錠の動きが見えるようになっているので、金庫が開く仕組みの理解にも役立ちます。 サイズは20×18×18cmで、庫内は15×14×10cm。パーツは179個あります。 アスキーストアでは8834円（税込）で販売中。さらに詳しい仕様はアスキーストアをチェックしてください。 さまざまな機械の動きを木製の模型で再現したDIY組み立てキット「UGears」金庫をアスキーストアで注文 このほかにも、アスキーストアでは一工夫あるアイテムを多数販売中。アスキーストアの公式TwitterやFacebook、メルマガでは、注目商品の販売開始情報をいち早くゲットできます！ これであなたも

2018/02/13追記：「サンプル用のドメインを使おう」の説明に “.example” と “.test” の使い分けについて追記しました。 Web システム開発時のテストデータを作成する時、また各種ドキュメントを書いている時など、サンプルの URL を使う場面は多いと思いますが、その時に適当なドメイン名を使うのはやめましょう、という話です。 知っている方には当たり前レベルの話ですが、意外と IT 企業のシステム開発現場等でも普通に見かけることがまだまだありますので・・・。 よく見かける例 例えば、こんなドメインの URL で開発中システムのテストデータを作っていたり、仕様書に説明が書かれていたりする場面をよく見かけませんか？ test.comaaa.comabc.comsample.comdummy.comhoge.com でも、これらのドメインって存在していて、また実際に利用されてい

こんにちは。デザイナーの大橋です。 今日は、私が担当している “（しら）ずにお金が（たま）る”自動貯金アプリ『しらたま』 で導入してました、デザインのバージョン管理の話を紹介します。 デザインのバージョン管理といえば、AbstractやKactusがありますが、今回はあえてGit Sketch Pluginを試してみました。 デザインデータをGitHubで管理しようと思ったキッカケ 私以外のチームメンバーがみんなエンジニアだから、間違いなくGitHubに寄せたほうが効率いいんじゃないか。 新しいツールを導入すると、プロジェクトに関する情報が分散してしまいがちで、エンジニアも招待したり登録してもらったりしなきゃいけないのかなという印象。※あくまで印象です。 Kactusはプライベートレポジトリが有料。 こんな感じでなんかファイルが増えてく。。。(忙しいと放置しがちでよくない。。 GitHub

はじめに 今まで commit message を「なんとなく」書いていたが、プレフィックスをつけることで、コミットメッセージに対する考え方が変わった。 そのおかげで開発効率が上がったので、その内容をシェア。 プレフィックスをつけるってどういうこと？ 以下のようにコミットメッセージの先頭に、なんらかの文字をつけること。 feat: xxx という機能を追加 fix: yyy で発生するバグを修正 refactor: zzz の機能をリファクタ のように feat, fix, refactor などがプレフィックスです。 最近 OSS の Contribution Guide などでよく見かけます。 導入したプレフィックスルール Angular.js/DEVELOPERS.md Angular.js の開発者ガイドに書いてあるメッセージを参考にしました。 以前のコミットメッセージ（例 ちなみ

メインフレームとは、企業などの組織において基幹業務用に使用される大型のコンピューターのこと。主として企業に向けて生産されるため一般人が入手することはほとんどないメインフレームですが、ビンテージコンピューターの収集を趣味にしている18歳の大学生コナー・クラスコスキさんが、2004年に発売されたIBM製メインフレームの「IBM z890を購入して自室に設置してみた」という一連の出来事について話したムービーがYouTubeで公開されています。 Here's What Happens When an 18 Year Old Buys a Mainframe スライドで説明を行っているのがコナーさん。生後18カ月で両親からコンピューターを与えられ、15歳ごろからビンテージコンピューターの収集を趣味にしているとのこと。 コナーさんが所持する車の荷台はビンテージコンピューターに関する収集品でいっぱい。コ

1日のうち、スマホやパソコンでタイピングをしている時間は、どれくらいありますか。 音声認識の精度が格段に上がったのが、この2、3年。徐々に音声認識を仕事に生かす人たちが増えている。タイピングを音声入力に置き換えると、仕事の生産性を上げられるだけでなく、会議の仕方、子どもとの接し方、学び方まで変化している。 音声入力で誕生したヒット本 ほぼ声だけでできあがった本がある。シリコンバレー在住のシバタナオキさん（36）の著書『MBAより簡単で英語より大切な決算を読む習慣』。300ページ近い情報量で、2017年7月の予約開始直後に3万部を増刷した話題作だ。 シバタさんは、2016年ごろから、原稿の執筆に音声入力を導入した。著書のもととなったウェブ（note）上の連載は、1本3000〜5000字。週2本のペースで新作をアップしている。 1本の原稿は1時間ほどで仕上げる。30分でテーマを決めてデータなど

Animation周りが苦手だったので、Flash のタイムラインアニメーションエディタみたいなものを練習がてら作ってみたい、ということで勉強した。 本記事は勉強ログ気味。 Web Animations API とは CSS Animation の keyframe 制御を JS から可能にしたようなもの。 CSS Animation は 自分で止まったり再開したりできないし、フレーム制御も出来ない。 JS から制御できないのでコントロールしづらかったが、その問題を解決する。 Web Animations 実装具合と Polyfill Can I Use 見る限りは Firefox で 実装済み、 Chrome で実装中 https://caniuse.com/#feat=web-animation polyfill なしで試した結果、chrome で elem.animate(...)

日本のオンライン海賊版の歴史をふり返ると、時代時代にさまざまなトレンドがあった。Warezに始まりNapster、WinMX、Winny、Share、BitTorrentなどのP2Pファイル共有、YouTubeやニコニコ動画などのストリーミングプラットフォーム、そしてMegauploadやRapidshare、Rapidgator、Uploadedなどのサイバーロッカーへ。 日本でも昨年10月にリンクサイト「はるか夢の址」の運営者や投稿者が摘発され、サイバーロッカーへの注目（というか圧力）が高まっている。ただ、海賊版の世界を観察していると、サイバーロッカー型の海賊版はすでに過去のものになりつつある。たとえば、サイバーロッカー自体の人気は2012年のMegauploadの閉鎖前後にピークアウトし、根強い人気のBitTorrentですら下降の一途を辿っている。 Rapidshare、Megau

同じようなデザインの手直しに人生の貴重な時間を費やしたいと思う人はいません。過去に別のアプリなどで解決されている問題があるのなら、その問題の解決策がテンプレートとして既に存在するはずです。それこそが、誰にでも使えるデザインパターンです。 ここでは、Web上でデザインパターンを見つけるのに最適なサイトをリストアップしました。執筆時現在、これらのリソースはすべて無料ですが、一部はプレミアム版などを支払うように求められる場合があります。なお、この記事は、これらのサイトのアフィリエイトではないことを最初に断っておきます。 UI Patterns UI Patternsでは、好みのパターンを簡単に検索でき、使えると思ったパターンをグループ化することができます。また、自分のデザインでのパターン活用に役立つ、UIデザインパターンに関する多くの興味深い記事があります。 WELIE Interaction

素敵なインターフェースを心がけ、ユーザーエクスペリエンスを格段に改善することができる、UIデザインの重要ポイントを具体的なHTML/CSSのサンプル例と一緒にご紹介します。これらの各ポイントは、もともと@steveschogerがTwitterでツイートした内容となります。 1. アイコンはラベルよりも少しだけ明るくしよう。 文字ラベルの横にアイコンを配置するときは、少しだけ色を明るくしてみましょう。こうすることで、もっとも重要な情報（文字ラベル）をうまく強調することができます。 See the Pen Little UI Details : 小技テクニック01 by PhotoshopVIP (@vipcrew) on CodePen. 2. 明るい背景色では、白文字に少しだけ影を追加しよう。 背景色が明るく、白文字を利用するときは、文字に少しだけ素敵な影を加えることで、より読みやすくな

事業グロースまで担えるデザイナーへと成長するために｜THE GUILD 三古達也 UI・UXの世界において、その名を知られる『THE GUILD』。日本を代表するUXデザイナー、深津貴之さんが率いるクリエイティブチームだ。 2018年1月現在、THE GUILDに所属するデザイナー、エンジニアは約15名。ユニークなのが、複数の会社・フリーランスが集まって結成された組織だというところ。THE GUILDに来た依頼には、その都度内容に応じて最適なメンバーがアサインされ進められていく。彼らはまさに、次世代型のコレクティブ組織といってもいいだろう。 同時に、多岐にわたるプロジェクトへと対応していくため、チームも拡大。その社員としてチームに加わったのが、今回取材した27歳のデザイナーである三古達也さんだ。 三古さんは、Eコマースプラットフォーム『BASE』を運営するBASE株式会社でデザイナーとして

Gistの埋め込みスクリプトが正常に動作しないようです。 文脈的になにかコードが表示されるはずなのだけれどなにもない場合はこの問題の可能性があります。 何らかの形でメッセージをいただけたら気づき次第対応しますmm 毎度お世話になってるテラシュールさんのブログで （そろそろお中元をおくらなきゃいかんレベルですな…） UnityのuGUIで無限にスクロール出来るスクロールビューを作る という記事がありまして、ありがたく参考にさせてもらって、 スクロール出来るアイテムリストビューをつくったのですが ポップアップさせるときにちょっとした問題が発生して 今回はそれにまつわるはなし Unity v5.0.2どんな問題？ポップアップして表示した場合に スクロールされてる状態で表示されてしまう っていうこと 言葉だけだと、なにいってんのオマエってなるので （今回はGIFにしてみました（笑）） こういうこと

Half Second Hamburger Helperはよく見かける3本線のメニューアイコン、いわゆるハンバーガーアイコンのアニメーションエフェクトのパターンをまとめたサンプル集です。CodepenではJSも書かれていますが、基本全てCSSで制御できる様です。 Half Second Hamburger Helper

UIトレースをするといいよ、という話は聞く1ものの、Sketch初心者かつエンジニアの私にとってはそのトレースのやり方がいまいち分からなかったりしたので、この記事ではドットインストールのエンジニアのためのSketch入門をやった直後の私がTwitterのタイムライン画面をトレースする過程、得られた知見、上記講座では紹介されていなかったけど覚えておくと便利なテクニックなどを紹介します（なので講座を見ればわかるようなSketchの使い方の部分は省きます）。 ちなみに最終的に出来上がったものはこちらになります。左が本物、右がトレースしたものです（鍵アカのツイートはないとはいえ、自分のページのスクショにすれば良かったと思ったりもした）。 一見ある程度できているように見えますが一番下の通知マークなどを拡大すると滑らかさがないのがわかります。あと今回フォントは細かく見れていません…。 所要時間は、ちゃ

1999年から現在までのフライヤー・チラシのデザインをアーカイブしました。フライヤー、DM、チラシ等の紙のデザイン制作の参考に、まとめサイトとしてご活用ください。

UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 ナビゲーションバーは、サイトでもっとも大切な要素の１つです。ユーザーは必要なコンテンツを探し出すとき、ナビゲーションバーを頼ります。ナビゲーションバーのボタンを正しくデザインしなければ、ユーザーに無駄な作業をさせてしまうかもしれません。 間違ったデザインだと、ユーザーがナビゲーションフローのどこにいるのかわからなくなり、困惑してしまうことがあります。また、ラベルやクリックボタンが読み取れないような間違いもあるでしょう。 これからナビゲーションバーのボタンのデザインで犯しがちな間違いを５つ紹介します。これらの間違いを犯している場合は、ナビゲーションバーをすぐに修正しましょう。 １. 選択したボタンが強調されない 多くのデザイナーは、ナビゲーションバーで選択したボタンを強調するようにデザイン

高い技術を活かしたデザインがどんどん進化する中、アナログな手描きのデザインは常に根強い人気を誇っています。そんな中今回紹介するのは、水彩の草花の風合いが美しいイラストセット「Botanical Garden Watercolor Set」です。 ボタニカルテイストの植物イラストをセットでダウンロードすることができるようになっています。 詳しくは以下 繊細な雰囲気を持ちつつも、力強いはっきりとした色合いの水彩使いが特徴。イエロー、ネイビー、グリーン、レッドなどの色合いで統一されており、抽象的ではなくリアルな質感が表現されています。そのままグラフィック要素として使ったり、化粧品など女性をターゲットとした美しさを強調するデザインの素材にしたりと、イラストが主役となって作品や商品を演出してくれそうです。 素材はpng形式。使い方次第でいろんな表現ができると思いますので、気になった方はぜひチェックし