状態設計から「なんとなく」を無くそうウォンテッドリー株式会社の社内イベント "Tech Lunch" で話した発表です。 プログラムには大小さまざまな粒度の「状態」が存在します。 状態の設計を工夫することで、コーナーケースの発生を抑止し、ユーザー体験を最適化することができます。 本発表では、私が普段どのように「状態」について考え…
デザインシステム｜デジタル庁
デジタル庁では「誰一人取り残されない、人に優しいデジタル化を。」の実現を目指し、ウェブサービス・ウェブアプリケーションの使い勝手や情報の探しやすさ、アクセシビリティ等の向上に取り組んでいます。 その一環として、「デザインシステム」の構築を推進し、官民問わずすべての方が参照できる形で公開しています。よりよいデザインの普及・啓発に向けて拡充と更新を継続的に行い、あらゆる人がデジタル化の恩恵を享受できる社会に貢献します。 2024年5月30日 デザインシステムのコンテンツは専用サイト「デジタル庁デザインシステムβ版」へ移行しました 専用サイトで、ガイドラインやデザインデータ等の各アセットを案内しています。 イラストレーション・アイコン素材 行政手続きをもっとわかりやすくするために作成した素材集です。どなたでもご利用いただけます。 最近の取組2024年5月 専用サイト「デジタル庁デザインシステムβ
PIXIV Design System 2021 の発表をしました（後編） #pixivdevmeetup - pixiv inside
こんにちは。フロントエンドエンジニアのpnlyです。 こちらの記事は前後編に分かれた記事となっておりますので、前編の記事「PIXIV Design System 2021 の発表をしました（前編）」もあわせてご覧いただけるとよりお楽しみいただけると思います。 前編では、デザインシステムを作ろうとして試行錯誤したエピソード、そして出来上がった設計思想についてお話しました。そしてこの後編では、その思想をどのようにして実現したのかについて具体的な実装をご紹介します。 デザインシステムの実装 "pixiv-elements" 前回の記事で出てきました"デザインシステムの三層構造"の実装は一つのモノリポジトリで管理されています。ガイドラインの根本となる定数以外にも、その定数をより利用しやすくするためのユーティリティや型定義、CIスクリプト、Storybookなどのドキュメントなど、デザインガイドライ
ヨコオタロウ氏が『モンスターハンターライズ』の妄想プロットを公開。凄惨かつ悲劇的な展開とともに、ゲームシステムや物語の不文律を覆すヨコオ氏らしい展開に
ヨコオタロウ氏が『モンスターハンターライズ』の妄想プロットを公開。凄惨かつ悲劇的な展開とともに、ゲームシステムや物語の不文律を覆すヨコオ氏らしい展開に ゲームクリエイターのヨコオタロウ氏が『モンスターハンターライズ』の妄想プロットを公開した。 モンハンライズの村クエ途中までプレイして、妄想した物語。 https://t.co/q9QesVGIfZ — yokotaro (@yokotaro) May 9, 2021 『モンスターハンターライズ』では、狩猟の基礎のおさらいからできるオフライン専用の「里クエスト」があり、従来作品の村クエストにあたる。『NieR:Automata』などを代表作に持つヨコオタロウ氏が、この里クエストをプレイして独自の物語を妄想。 その内容とは、凄惨かつ悲劇的な展開とともに、ゲームシステムや物語の不文律を覆していくヨコオタロウ氏らしいものとなっている。 （画像は@y
社内システムをデザインするやりがい ～ デザイナーの環境と事例紹介
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。ヤフーで社内システムを担当しているデザイナーの森川です。 ヤフーのデザイナーと言えば、Yahoo!ニュースやYahoo!ショッピングのデザインを最初に思い浮かべると思いますが、ヤフーには、社内システムを作っている部署（システム統括本部）があり、13名のデザイナー（2019年8月現在）が所属しています。 性質上、表に出ることが少ないため、今回は社内システムを作っているデザイナーについて前半、後半の2回に分けて紹介したいと思います。 前半：社内システムをデザインするやりがい ～ デザイナーの環境と事例紹介（この記事） 後半：社内システム特化なデザインシステムのメリット 〜 ヤフー社内のデザインシステム紹介 ヤフーの社内シス
おうちKubernetes構築でハマったところ - ニッチ編 - - Qiita
おうちKubernetesが流行ってますね！ Raspberry Pi 3 Model Bがたまたま安く手に入ったので、もはや何番煎じかも分かりませんが、Raspberry Piとkubeadmを使って、自宅Kubernetesクラスタを構築しました。 構築方法の記事については、既に下記のような良記事が存在するので、本記事ではハマった細かい部分についてのみ記載します。 Raspberry PiでおうちKubernetes構築【物理編】 Raspberry PiでおうちKubernetes構築【論理編】 Raspberry Piにkubernetesクラスタをインストールする 3日間クッキング【Kubernetes のラズペリーパイ包み “サイバーエージェント風”】 順番通りにホスト名を設定したい 無事筐体のセットやケーブリングの設定が完了し、Raspberry Piの設定でホスト名を設定し
クライアントとサーバーどちらに実装するかの設計指針をチームで持つこと - tomoima525's blog
モバイルアプリケーションを開発していると、この要件や仕様はクライアントとサーバーどちらに置くべきか、という議論がチームでなされることがしばしばあります。例えば、 あるレスポンスAを受けて処理Bを行い、その結果をユーザーに提示する 登録処理などで、処理C,処理Dという異なる処理を並列して行い、それらが完了したらユーザー側に通知する やろうと思えばクライアント側で処理を全て持つこともできますし、サーバー側で実装もできますね。 このような仕様のディスカッションが起きたとき、チームで統一した判断基準を持っていますか? 自分の場合、クライアントアプリはロジックをなるべくサーバーに移譲すべき という設計指針をチームに提案します。 上の例で言うならば、 サーバーから処理Bも踏まえたレスポンスA'を返してもらい、ユーザーに提示する クライアントは1リクエストをサーバーに投げる。サーバー側で処理C,Dを投げ
UXエンジニアが知っておきたいデザインシステムの原則 | Goodpatch Blog
Featured image: Business vector created by Freepik UXエンジニアという言葉を聞いたことがありますでしょうか。 私もここ数年で聞くようになった言葉です。UXエンジニアという仕事はまだ生まれたばかりで、定義が曖昧ですが、私は一言で言えば「UXデザインをする、もしくはその工程に関わるエンジニア」のことだと考えています。最近クックパッドさんでもUXエンジニアを採用しており、「UXエンジニア」って何する人？ クックパッド流・開発力を高めるDesignOpsの進め方は私の印象に残っている記事の一つです。 グッドパッチがチーム全員でデザインをしているように、UXデザインはデザイナーだけの仕事ではありません。例えばUIデザインがよくてもページの読み込みが遅いとユーザーの体験は悪くなってしまいます。その他にもエラーメッセージの言葉や見せ方、フォームのバリデ
なめらかなシステムを目指して / Toward The Coherently Fittable System
@DICOMO2018 http://tsys.jp/dicomo/2018/ 論文： https://rand.pepabo.com/papers/dicomo2018-proceeding-antipop.pdf
現役パイロットが作る フライトシミュレータ用の机 - カラスのノート
安くフライトシミュレータ用の机を作るぞ DCS WorldやFSXなどのフライトシミュレータを家でやっている人の中でもフライトスティックを所持している人は多いと思います。僕も練習とか景色の確認でよく使います。 普通に机に置いてやっていると疲れる気がしませんか？僕はします。 それにシミュレータ用の大きなパソコンやスティック、ラダーなどを食卓や自分の机に置いて遊んでいると色々邪魔になりますよね。僕はなりました。 そもそも普通の航空機のセットとはポジションが違うので気になります。そこで今回はホームセンターで手に入る材料を使ってシミュレータ用の机を作っていこうと思います。 ちなみにですがDCSなどのフライトシミュレータをVRでやりたい人は以下のリンクが役に立つでしょう。
デザインシステムの定義と作成方法、導入事例
JerryはUXPinのコンテンツストラテジストです。過去に、Braftonでのクライアント向けのコンテンツ戦略、広告代理店のDBB San Franciscoでの経験があります。 デザインシステムは、ビジュアルやインタラクションだけに関するトレンドではありません。しかし、間違いなくルック＆フィールに影響を与えています。なぜなら、Webにおけるトレンドを生み出すデザイン原則やツール、ライブラリー、コードを提供しているからです。 デザインシステムは一過性のトレンドを超えて、2018年以降も続くベストプラクティスになりつつあり、将来的にはWeb全体でデザインの一貫性が向上すると期待できるでしょう。 これが何を意味をするかと言うと、すべてのWebサイトが同じ見た目になるということではなく、それぞれのWebサイトにおいて一貫性が保たれ、ユーザーが期待する機能性やユーザビリティを提供できるようになる
IPv6アドレスのテキスト表記 - RFC 4291とRFC 5952:Geekなぺーじ
コンピュータの中で扱うときにはIPv6アドレスは128ビットの情報として扱われますが、その128ビットを人間が理解するために文字列で表記することもあります。 IPv4の場合は、「192.0.2.100」のように8ビットごとに「.（ドット）」で区切るドット付き十進表記 (dotted decimal notation)で表現されますが、IPv6の場合は16ビットごとに「2001:db8:11aa:22bb:33cc:44dd:55ee:66ff」のように「:（コロン）」区切りの十六進法で表現されます。 IPv6表記には省略を行うことを前提とした表記ルールがあります。 IPv6アドレスをテキストでそのまま全部書くと長くなりがちなためです。 IPv6の表記に関して注意が必要なのが、2006年に発行されたRFC 4291定義されたIPv6表記法では同じIPv6アドレスに対して複数の表記方法が存在す
クックパッドの開発基盤、インフラ環境での開発で心がけているラストワンマイル - クックパッド開発者ブログ
初めましてインフラや基盤周りの技術が好きなエンジニアの渡辺です。 今回は私がサービス開発を行う上で心がけていることをお話させて頂きます。 （画像は私の好きな言葉で、ここの過去ブログで使われていた物を再掲させて頂いています） 前提 クックパッドのサービスはクックパッドで整備、運用されている全社共通の開発基盤、インフラ環境上に構築されています。 別に強要されているわけではないのですが、そのレールに乗ることで様々な恩恵を受けることが出来ます。 サービス開発では価値を届ける、検証することにフォーカスしたいのでサービス毎に環境を 1 から構築していては手間が勿体無いです。 そして、セキュリティやバグ等の対応も全社的になるべく共通の環境にすることで環境依存で発生する問題のリスクを分散することが出来ます。 近年は Microservices 化ということで、新しいサービスを立ち上げる環境整備が進んでいま
VR市場に殴り込みをかけるソニーの「PlayStation VR」開発秘話
Oculus RiftやHTCのViveといったVRヘッドセットの予約が開始され、2016年はVR元年とも言える年になっています。2016年上期に発売が予定されている「PlayStation VR」も、VRヘッドセットとして注目を集めているデバイスで、ゲーム関連メディアのPolygonが開発者たちにインタビューを実施し、その気になる開発経緯が明らかになっています。 The making of PlayStation VR | Polygon http://www.polygon.com/2016/3/9/11174194/the-making-of-playstation-vr ◆Magic Lab ソニー・コンピュータエンタテインメント(SCEA)には、進化し続けるテクノロジーをどうやってPlayStationに融合させることができるかを研究する「Magic Lab」という部署があります
総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi engineer blog
こんにちは！フロントエンド闇祓いの Kuniwak です。 この投稿はmixiグループ Advent Calendar 2015の20日目の記事です。 今年の9月に、スマートフォン Web ブラウザ版 mixi「mixi Touch」の巨大 CSS を Less （CSS プリプロセッサー）でビルドする環境へと移行しました。 書き換えた CSS の行数は、なんと 56,725行 です。😵 ということで、今回は弊社の大規模 CSS → Less 移行事例についてお話しします。 背景 スマートフォン版 mixi は、2010年5月に始まりました。 この頃のスマートフォンは、iPhone 端末であれば iPhone 3GS、Android 端末であれば Nexus One という時期です。 また、スマートフォンの世界では、Webkit ベースのブラウザーが席巻していた時代ということになります。
［速報］無償のコードエディタ「Visual Studio Code」が、Go言語/Pascal/Reactなどに対応。ベータ版にも到達。Microsoft Connect(); 2015
［速報］無償のコードエディタ「Visual Studio Code」が、Go言語/Pascal/Reactなどに対応。ベータ版にも到達。Microsoft Connect(); 2015 マイクロソフトは11月18日（日本時間18日深夜）に開催したオンラインイベント「Microsoft Connect (); 2015」において、無償のコードエディタ「Visual Studio Code」のベータ版到達と、エクステンションによるGo言語やPascal言語、TypeScriptやReactなどを発表しました。 エクステンションでGo言語やPascalに対応 マイクロソフト EVP、Cloud＆Enterprise Groupスコット・ガスリー氏。 4月に発表したVisual Studio Codeは、コードを書くことに最適化したエディタだ。IntelliSenseやデバッガ、Gitによるソー
多分勉強ができていた私は、具体的にどうやってノートを書いていたか: 不倒城
勉強ができる人とできない人の、ノートの取り方における決定的な違いについて 多分勉強はそこそこ出来ていたと思います。で、ちょっと当時のノートの書き方を思い出してみました。やってる人には当たり前のことかもですが、まあ気にせず。 ノートをとる目的って何かなー、ということをまず最初に考えるわけです。 まず、「中学校・高校くらいの授業におけるノート」というものを想定します。 中学高校でのノートの目的というのは、大体において 「復習する時の補助ツール」 です。かつ、基本的には、中間試験とか期末試験とか、そういった種々の試験が復習のベンチマークとして設定されます。 もちろん、副次的な効果として ・思考を整理して書き記す練習 ・要点を的確に把握する練習 ・情報を取捨選択する練習 といったこともありますが、それは後の話なので一旦おいておきます。 先生にもよりますし授業にもよりますが、教科書やプリントだけで授
ITエンジニアなら知っておきたい、今更聞けないアルゴリズムの種類一覧 - paiza times
Photo by Oferico 皆さんはアルゴリズムやデータ構造について勉強したことはありますか？そして、基本的なアルゴリズムについて、どのようなものがあって、どのようなときに使うとよいかといったことを説明することができますか？ 仕事をしていると、プログラミング言語等の勉強や業務に忙しくて、正直アルゴリズムどころではないという場合がほとんどでしょう。しかし、いつか勉強しようと思っていたけど、基本的なアルゴリズムにどんなものがあるのかなんて今更聞けないな……ということもあるかと思います。 今回はそんな方に向けて、基本的なアルゴリズムの一部の概要に加え、アルゴリズムの勉強に役立つサイト、書籍をご紹介したいと思います。 ■アルゴリズムを学ぶ意味 例えば、ソート等については、通常はすでにソート関数があるので、自分で作らなくても済む＝アルゴリズムも勉強しなくていいと思ってしまうかもしれません。しか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
駅のタッチパネル券売機で、一般の人が躓くところはどこにあるのかという疑問に対して様々な意見 - Togetter
TechCrunch
