概要 こんにちは。NTTコミュニケーションズのyuki uchidaです。普段はSkyWayというWebRTCプラットフォームの開発やWebRTCリサーチャー(見習い)をしています。 この記事は NTTコミュニケーションズ Advent Calendar 2020 の3日目の記事です。 昨日はMasaki Shimuraさんの記事、 「Threat Intelligenceの活用を促進するMISPの紹介」でした。 この記事は、WebSocketの次の技術ではないかと噂される、WebTransportの概要や双方向通信の歴史をまとめつつ、WebTransportのdatagram形式でデータを送信してみるチュートリアル記事です。 対象読者 WebTransportっていう技術を初めて聞いた人 WebSocketを使ったことがあり、不満がある人 双方向通信・リアルタイム通信について興味がある人

はじめまして、株式会社カミナシのエンジニア @tomiです。 カミナシは、2020年10月にサービスサイトをフルリニューアルしました。 kaminashi.jp 今回のサイトリニューアルでは、どのような構成で作ったのか、また技術選定で考慮した点をお伝えします。 Jamstackな静的サイト構成 Gatsby.jsとWordpressを使いJAMstack構成で作成しました。 最終的に以下の画像のような構成になりました。 利用した技術を並べると、 Gatsby.js Typescript StyledComponents GraphQL EsLint + Prettier Wordpress + Gutenberg Netlify 導入事例やセミナー情報など、動的な情報は記事としてWordpressに登録し、Gatsby.js側で記事をGraphQL経由で取得して表示しています。 静的なファ

プロ野球ソフトバンクが来シーズンから福岡市の本拠地「ヤフオクドーム」を「ペイペイドーム」に改称する方針を固めたことが30日、分かった。

Webサイトやアプリを作る際に設計図として欠かせないワイヤーフレーム。各画面で何を伝えたいかを一緒に開発するエンジニアやディレクターに伝えるコミュニケーションツールとして大事な役割を持っています。 一方で、ワイヤーフレーム作成の段階でグラフィック要素を多くしてしまったり、色やロゴ、複雑なフォントを多用するなど、ついデザインを作り込んでしまったことはないでしょうか。こうした問題は、特に初心者のデザイナーの方に陥りがちかと思います。 しかし、作り込んだからといって良いワイヤーフレームと言えるとは限りません。むしろWebサイトやアプリの方向性の合意を関係者内で早めにとり、そのあとで細かく作り込む方が、効率よくデザインを進めることが出来ます。 この記事では、素早くワイヤーフレームを作るためにrootでも使っているデザインツール「Whimsical」をご紹介します。 直感的な操作が可能なデザインコラ

Contact the domain owner here gmork.in 2024 著作権. 不許複製 プライバシーポリシー

愛媛県警が7月、窃盗容疑で誤認逮捕した女子大学生の代理人弁護士が1日、松山市内で記者会見を開き「執拗に自白を強要された。本当に悔しい」との女子大学生の手記を発表した。手記によると、女子大生は一貫して容疑を否認。逮捕前に任意の取り調べを2回受け、県警から「タクシーに乗った記憶はないの？二重人格？」「就職も決まってるなら大ごとにしたくないよね？」「今の状況は自分が認めないから」などと言われた。代理

セブン＆アイ・ホールディングスは8月1日、不正ログインの被害が相次いだモバイル決済サービス「7pay」を9月末で終了すると発表した。同社は同日午後3時から、都内で記者会見を開催。会見内容を一問一答形式でまとめた。 記者会見には、セブン＆アイ・ホールディングスの後藤克弘副社長（兼 セキュリティ対策プロジェクト総責任者）、清水健氏（セキュリティ対策プロジェクト リーダー）、セブン・ペイ奥田裕康取締役、セブン＆アイネット・メディア 田口広人社長が登壇した。 左からセブン＆アイ・ネットメディアの田口広人社長、セブン＆アイHDの後藤克弘副社長、セブン＆アイHDの清水健執行役員（デジタル戦略推進本部 デジタル戦略部 シニアオフィサー）、セブン・ペイの奥田裕康氏（取締役 営業部長） ――手口について。原因は「リスト型アカウントハッキング」ということだが、不正利用にはログイン用のID・パスワードに加え、チ

最近問い合わせを捌き切れなくなってきて、対応漏れが出てきたので、Google Form, Slack, Zapier, Trelloで簡易的なヘルプデスクシステムを作ってみました。ZapierはStarter以上のプランが必要になります（多段Zapである為）。トライアルでも同じものが作れます。 社内のヘルプデスクの歴史歴史というほどのものでもなく、半年以内の出来事なのですが簡単に経緯だけ説明します。実装方法だけ知りたい人は後ろの方を見てください。 入社時（2019年2月）そもそも弊社には私が入社するまで専任の情シスはおらず、一部開発者や総務・人事などのメンバーが手分けしてPCやネットワークの不具合などを対応していました（多分） 私が入社してからは、待望の専任者ということでDMや様々なチャンネルでメンションが飛んできて判断軸もまだ定まっていなかったのでなかなかカオスな状況でした。 GASとG

と思っている話です。もはやタイトルでぜんぶ言ってしまった。 せっかくなのでもう少し続けます。 2020/05/03追記：第二弾？書きました この本がまだ初稿になる前、共著者のみなさんと執筆真っ最中の頃に何度か打ち合わせがあったのですが、そこで「書籍的な文章を書き慣れてない人って、"という"と"こと/もの"を多用しがちなので、この2つを抑えるだけでも文章がシュッとするんですよ」とお話したら思ったより反応があったので、これは需要があるんじゃないかと感じたのがきっかけです。 ここから先は具体例を交えて解説していきます。 さすがに他人様のテキストを使うのは気が引けるので自分が書いた記事を例に挙げます。……でも自分はこのテクニックを使うようにしているので、該当する記事がなかなかないんですよねぇ……と思ったらあった！ （よりによってこれか……せっかくなので皆さんスタァライトを観ましょう！） 記事中では

「チームの生産性を高めていくためには何が必要なのか？」――あらゆる日本企業が今、この問いを突きつけられている。人手不足や労働時間が社会問題化する中で、日本でも、生産性向上のための抜本的な改革を目指す企業が日々増加中だ。 しかしながら、「どこから手を付ければいいか分からない」と感じている経営者・マネジャーも多いだろう。リーダー育成、社内コストの削減、定例会議の見直しなど、目に付く問題は無尽蔵にある。 では、それらを貫く本質的な課題、そして改善ポイントはいったいどこにあるのだろうか。プロジェクト管理や情報共有ツールを全世界に提供するアトラシアン日本法人のスチュアート・ハリントン社長、そしてモルガン・スタンレーやGoogleで人材開発に携わり、最新の著書「NEW ELITE」でも注目を集めているピョートル・フェリクス・グジバチ氏の2人に話を聞いた。 日本企業には「オープンさ」が足りない――日本企

1年くらい前に仕事でNuxt.jsをいじる機会があったんだけどそれ以来使ってなかった。 ただ、GW中にNuxt tech bookを読んだところ久々にいじりたくなってしまい。 そこでちょうどFirebase HostingとPWA化に関して調べてたとこだったので、Nuxt.jsのサイトをPWA化してFirebase Hostingで動かす手慣らしでもしておこうかと思いやってみた。 ただ、普通にやっても面白くないので一応Lighthouseのスコアを満点にすることを目指してみることにした。 コンテンツはNuxtのスターターキットの初期生成されるページ。このページを対象に行う。 以下、Firebase Hostingの設定・Nuxtのプロジェクト作成・PWA設定・Lighthouseのスコア上げの流れで説明してます。 一応ソースはこちらで。 nuxt-firebase-hosting-samp

(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです

『Into the Breach』（左）、『FTL』（右） （画像はSteam | Into the Breach、Steam | FTL: Faster Than Lightより） 2012年9月にリリースされた『FTL』は、宇宙船を操って船内のシステムを管理しながら宇宙空間を冒険するリアルタイムのストラテジーゲーム。 ストラテジージャンルにおいては傑作としてコアゲーマーから絶大な支持を受け、その恐るべき中毒性は今なおしばしば話題にのぼるほどだ。 そして2018年2月に発売された『Into The Breach』も、その中毒性と洗練されたゲームシステムが高く評価されている。 『Metacritic』にて各メディアの評価を確認するとおおむね90点を超える高い評価を得ているのがわかる。今年の各種ゲームアワードにおけるストラテジー部門の有力候補となることは間違いないだろう。 そして、このふたつ

はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名

Firebaseのイベントでクックパッドの某サービス様が、**「うちはエンジニアはiOSエンジニアだけで、APIも3本くらいです」**とおっしゃっており、「これが時代か」と感動して、いつか触ろうと思っていて、年始で時間もあるし調べて考察。 2018-01-04 追記 コメント、Twitterで返信いただき誠にありがとうございます！懸念部分はfirebaseの既存の仕組み+GAE/GCPである程度解決できそうです。また記事書きますー！ よくあるチャットアプリを例にする ログインしてチャットができるアプリを作ってみる 必要な画面 ログイン画面 ログイン チャットルーム一覧画面 チャット一覧表示 最新の更新ルームを取得して、自動更新 チャット詳細画面 チャット一覧表示 チャットが来たら更新 チャット送信 もし普通にサーバ立ててやるなら API [POST] /login [POST] /logo

透き間を実体化するデスクトップメタファー 二つの平面を見通す透視仮説と重なるウィンドウによって、ディスプレイにフィクショナルな探索空間が生まれ、イメージは見るだけのものでなくなった。ヒトはコンピュータに行為を委譲して、マウスとカーソルを用いて「見て指差す」ことで、行為を遂行していく。ヒトはマウスの先にあるカーソルとしてディスプレイ平面にスルスルと入り込み、ウィンドウやアイコンなどのオブジェクトを操作しながら、コンピュータとともに合生的行為を生み出すようになった。 ヒトはハードウェアとソフトウェアという二つの層の重なり合いに対応するマウスとカーソルを使い、重なるウィンドウをかき分けて情報を探索しながら、ディスプレイのXYグリッドに基づくフィクションとしての空間のなかで行為を遂行している。ウィンドウとウィンドウとのあいだ、ウィンドウとデスクトップとのあいだに隙間はないけれど、それらは重なり合っ

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: The easy way to turn a website into a Progressive Web App 原文公開日: 2017/11/21 著者: Alexandre Plennevaux Webサイトを簡単にPWA（Progressive Web App）に変える方法（翻訳） Progressive Web Appって何？ PWAは基本的にWebサイトの一種で、モバイルでアクセスするときにユーザーのデバイスに保存可能で、ネイティブアプリと同じように振る舞います。読み込み画面を備えていて、ChromeのUIを非表示にでき、接続が切れてもコンテンツが表示されます。最大のメリットはユーザーのエンゲージメント（engagement）を促進することです。AndroidのChromeブラウザ（他のモバイル用ブラウザについてはわか

普段、インターネット上ではただのゲーム好きとして活動（？）しておりますが、本職はWebサービスやスマートフォンアプリのUIデザイナーをやらせていただいております コウノ アスヤ（@asuyakono）です。 退勤後はイベントに登壇！土日はコンセプトデザインで習作！みたいな同僚を横目に、仕事の時間以外はもっぱら家にこもってゲームを遊び、プレイ後に感想を記事にしてネットに公開することが多いです。それがこのブログです。このブログではいつも「良いも悪いも正直に。なるべく平易な文で。」をモットーに書いてますが、記事のボリュームを考えたり、専門的すぎないように気をつけていると、どうしてもなくなく端折らざるを得ない話題というものがあります。 それは、ゲームにおける「インタラクション・デザイン」のことです。 「友達が少ない」「インドア」「両親が共働き」の３本揃いで、物心ついた時から１人で黙々とビデオゲーム