医師は情報が詰めこまれたスライドが好き？こんにちは、株式会社CureAppデザイナーの小林です。精神科の医師ですがデザインが好きすぎてデザイナーとして働いています。 医療の世界から会社員に転身すると、日々さまざまな発見があります。先日社外の人とプレゼンテーションの話題になり 「医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです」 と言われ驚きました。 たしかに医療系のスライドは医師に限らず文字が詰めこまれた分かりづらいスライドが主流ですが、それはデザインへの関心が低いだけでけっして「好き」なわけではない、そう思っていました。 しかし改めて「もしかして医師は本当に複雑なデザインが好きなんじゃないか？」という疑念がわいてきました。 よく見る医療系スライドの一例 https://www.dinf.ne.jp/doc/japanese/resource/kouse
iOS16には、iPhoneのホーム画面の操作に関連した多くの新機能が搭載されています。iPhoneのホーム画面をうまく設定するテクニックを、米メディア9to5Macがまとめているのでご紹介します。 ホーム画面の便利テクニックを知り、iPhoneを快適に使いこなす iPhoneを使う時に必ず操作するホーム画面には、最新のiOS16で導入された新機能のほかに、使い慣れているからこそ見落としがちな基本的な操作方法があったり、地味だけど覚えておくと操作が快適になったりする小技があります。 これらのテクニックを知り、ホーム画面を使いこなせると、iPhoneの使いこなしレベルが1段も2段もアップします。 ちなみに、9to5Macが紹介した85の便利技のうち、筆者の個人的なオススメを3つに絞ると、28番、35番、49番です。 押さえておきたい基本技 アプリを開く/閉じる ディスプレイズームを使う 壁紙
TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
Product Huntをみていたら、 Stackというアプリが話題になっていたので、チラッとみてみました。 Webアプリを一元管理できるようで、有名どころだと「Franz」「Station」があります。 私は「Station」を愛用しており、乗り換える気持ちはなくて、「試しに触ってみるか」くらいの感覚でDLしました。 （Product Huntで超人気アプリを使ってみたかったというのもあります） 使ってみた結果、最高に便利な一元管理アプリで、速攻でstationから乗り換えました(掌返し) ぜひ皆様にその感動をいち早くお届けしたくて、超久しぶりにQiitaに投稿します。 →https://stackers.app/ ※2019/9/27時点、Mac限定のアプリです。 Stackを激推したい３つの理由 個人的にStackいいなぁと思うポイントは３つあります。 横スクロールで一望できる カテ
東京に拠点を置くテクノロジー企業「レアゾン・ホールディングス」が、1万9000時間に及ぶ国内最大級の日本語音声コーパス「ReazonSpeech」を無償公開しました。同時に、OpenAIが開発した超高性能音声認識AI「Whisper」に匹敵する性能をアピールする文字起こしサービスも公開されていたので、実際に使ってみました。 超高精度で商用利用可能な純国産の日本語音声認識モデル「ReazonSpeech」を無償公開 - Reazon Human Interaction Lab https://research.reazon.jp/news/reazonspeech.html ReazonSpeech - Reazon Human Interaction Lab https://research.reazon.jp/projects/ReazonSpeech/ レアゾン・ホールディングスは「R
岩崎光明 プロフィール 1982年よりフジテレビタイトルデザイン室でタイトルデザイン、イラストなどの制作を担当。 代表作は「邦ちゃんのやまだかつてないテレビ」「ウッチャンナンチャンのやるならやらねば！」 「ダウンタウンのごっつええ感じ」「世にも奇妙な物語」など。 この連載では主にアナログ時代のタイトルデザインについてご紹介します。 題名の“美術タイトル”（略称は美タイ）は河田町フジテレビ時代の名称。美術タイトルは報道以外の全番組を担当していました。 報道番組の写植などを制作する“報道タイトル”は報道部にあり、役割は全く違っていました。 ① テロップ・フリップの種類と制作道具 テロップとは画面に表示される文字情報のことを言います。現在ほとんどのテロップ制作にはコンピューターを使ったテロップシステムが使われていますが、テレビ放送開始から'80年代までの約30年の間は手書きテロップが全盛でした。
あっ、そうだ！モダンCSSをまとめておこう
2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー
前説 2023年のゲームトップ20 1.The Cosmic Wheel Sisterhood 2.Kentucky Route Zero 3.Cyberpunk 2077: Phantom Liberty 4.Chicory: A Colorful Tale（チコリー：いろとりどりの物語） 5.ゼルダの伝説：ティアーズ・オブ・キングダム 6.The Case of the Golden Idol 7.Terror of Hemasaurus 8.Birth 9.Astrea: Six Sided Oracles 10.The Excavation of Hob's Barrow 11.South Scrimshaw, Part one 12.Suzerain 13.Diablo 4 14.Slay the Princess 15.Shogun Showdown 16.VIEWFINDER
2020年、13kg痩せた。その話を2020年中に書こうと思っていたが、ブログを書くことが習慣から外れてしまった昨今、パソコンを立ち上げることすら億劫で、久しぶりに立ち上げたパソコンは何かの更新にとても時間がかかっており、マウスはスクロールがバグって言うことを聞かず、ようやくようやくブログの記事を作成する画面まで来たのだ。長い道のりだった。待たせてごめん。 2020年は外出自粛で体重が減った人と増えた人の二極化が起きたのではないかと思うが、私は前者の方に入る。そもそも痩せようと思ったきっかけはコロナが国内で流行する少し前のことなので、人より早めにスタートを切っていた。「ありのままで」という歌が随分前にヒットして以降、何かにつけて「ありのままでいればいい」と言い聞かせられる機会が増えて来たけれど、他人が私のありのままの姿を好きになってくれても、私が今の自分のありのままの姿を全然好きになれてね
免責事項 こちらの記事で紹介する内容は、教育目的または脆弱性について仕組みを理解し周知、啓発を行うためだけに作成しております。 ぜったいに、悪用しないでください。 記載されているコードを実行した場合に発生した損害には一切責任を負いません。 理解される方のみ下にスクロールしてください。 経緯 2021/12/9にて、超有名なログ出力ライブラリであるlog4jの第2世代で任意コードが実行可能であると報告されました。 Apache Log4j2 jndi RCE#apache #rcehttps://t.co/ZDmc7S9WW7 pic.twitter.com/CdSlSCytaD — p0rz9 (@P0rZ9) December 9, 2021 ※上記は特定の文字列をログ出力させることで、ペイントツール(draw.exe)を実行している Minecraft(Java版)のチャット機能にてこ
Webデザイナーとデベロッパー向けに、2020年参考にしたいWebデザインの最新トレンドと技術の進化を紹介します。 最近注目されているWebサイトやスマホアプリのトレンドを調べ、デザインと技術の変化とそのトレンドの根底にある背景を解説します。 Top Web Trends for 2020 and why they are coming by Jouan Marcel 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webデザインのほとんどのトレンドは、その時点で利用可能な技術に遡ることができます。少し前までは例えば、表示がフェードインする要素、レスポンシブレイアウト、パララックスなどがそうです。また、グラフィックデザインのトレンドと並行することもあります。 磨りガラスのエフェクト ダークモード どこにでもグラデーション 洗練さ
スクロールで全画面がスライドのように切り替わるウェブサイトの表現があります。手軽にこの表現を実装するJSライブラリ、fullPage.jsを使ったことのある方もいるのではないでしょうか？ かつては無料で使えたこのライブラリですが、現在はGPLライセンスのプロジェクト以外では使用料がかかります。 その一方、CSSとJavaScriptの進化により、このような表現をライブラリを使わずとも比較的簡単に実装できるようになりました。本記事では、基本的な機能をおさえた、全画面スクロールの実装方法を紹介します。 この記事を通じて以下の技術も学べます。 スクロールをピタッと止めるCSSプロパティscroll-snap-type 画面と要素の交差を検知するIntersection Observer API スムーススクロールが実装できるJavaScriptメソッドscrollIntoView() デモを別ウ
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されたお手軽なHTMLスニペットから、Three.jsをつかったインタラクティブな動きやアニメーションにも注目が集まっています。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 97位 Metallic Bordered Text with CSS Photoshopで作成し
寝るだけでいいと思ってたのに…… 「起きぬけ」「昼」「寝る前」の操作が忙しかった「ポケモンスリープ」レビュー
突然ですが、筆者は楽にプレイできるゲームが大好きです。とくにスマホゲームではその傾向が強く、周回やレベル上げ等の苦痛はできる限り少ないものを好みます。オートプレイとかスキップがついてるとそこをプラスポイントにすることも多々あったりします。そんな中、眠るだけで遊べるゲームが出てきたと聞きました。なんと素晴らしいと思って飛びついたのですが、思っていたのとはちょっと違っていました。 タイトル画面で寝ているのがメインになるカビゴンです その寝ていればプレイできるゲームとは、Pokemon Sleep（以降、ポケモンスリープと表記）。ゲームの内容はカビゴンの横で眠るポケモンを観察してポケモンの睡眠について調べようというものです。カビゴンはプレイヤーの睡眠に合わせて寝るので、寝ていればポケモンが集まってきます。寝ているだけでポケモンが集まるとは、歩き回ってポケモンを集めるポケモン GOの対極にある思想
『FF13』の“一本道”は手抜きではなく、むしろ「線的なRPG」の理想を追求した先進性の表れだった。「奥スクロールRPG」と揶揄されながらも『FF13』が提示した“新しいRPG”のビジョンとは？
困惑の『FF13』 2003年、エニックスとスクウェアは合併しました。ドラクエ・FFという日本を代表する大作RPGをそれぞれ有し、ずっと意識しあっていた2社がひとつになることなんて誰が予想したでしょうか。これにより、両組織はお互いの開発技術、販売ルート、市場を融通し合い、様々なシナジーが生まれます。作品的にもPS2時代のドラクエ・FFはそれぞれ3DグラフィックRPGとしての一旦の完成形に到達したといえるでしょう。 この回では、その後の2000年代後半、プレイステーション3（PS3）とニンテンドーDS（DS）時代のドラクエ・FFをみていきます。これまで2タイトルは互いに近づいたり離れたりしながら、様々な影響を与え合って発展してきましたが、今回の時期は、2シリーズ間の路線がもっとも離れたときといえるかもしれません。 そしてそれは同時に、2シリーズにとっての挑戦の時代であり、PS2時代の「一旦の
こんにちは。プロダクトマネージャーの@more_tです。 pmconf2022の登壇機会をいただき「アイデアと上手くつきあう方法」というトピックで発表させてもらいました。 このエントリーは発表内容の書き起こし記事です。発表の中から特にとりあげたいポイントを中心に補足や加筆しています。登壇のアーカイブ動画も公開されています。 安全に温泉に通いたい 最初にかんたんなクイズを持ってきました。こちらの文章からどういった解決策が取れるか30秒程度で考えてみてください。 「あなたはとある村の村長です。 ある日、村の近くの森に温かい温泉が湧いていることに気がつきました。 しかし温泉へ向かう橋は先日の大雨で流されてしまい、 復旧が必要な状況です。 村の皆は温泉が大好きで、橋の使えない川を渡っていく人もいれば、 わざわざ遠回りしていく人もいる状況です。 さて、村人たちが安全に温泉を利用するためにあなたは村長
国のキャッシュレスポイント還元PRサイト、「使えるお店一覧」から18万店を網羅した3608ページのPDFに飛ばす
10月1日の消費税増税に合わせ、キャッシュレス決済で支払うと金額の最大5％を国がポイントで還元する「キャッシュレス・消費者還元事業」が始まりますが、この事業をPRする公式Webサイトから「加盟店一覧はこちら」をクリックすると、即座に3608ページという膨大なPDFファイルに飛ばされてしまうことがちょっとした話題になっています。長い。 国の「キャッシュレス・消費者還元事業」公式サイトの消費者向けページ。「使えるお店を探す」から加盟店一覧を確認できます 同事業は、増税後の消費刺激策に加え、キャッシュレス化の促進を図るもの。ポイント還元対象のキャッシュレス決済サービスで支払うと、中小の小売店や飲食店などなら5％、大手企業が展開するコンビニエンスストアや飲食店のフランチャイズ店なら2％を、国がポイントで還元する仕組みですが、20年6月までの時限措置です。 これをPRするのが「キャッシュレス・消費者
ゲームにおける敵キャラクターの作り方
はじめに アクションやRPGゲームの制作において、重要な要素を大きく分けると、マップ、プレイヤー、敵(エネミー)の３種類に分けることが出来ます。 集団でゲームを作るのであれば、作業量の関係上どれか一つを担当することになります。二つ以上を真面目に担当したければ、人間をやめる必要があります。 本稿では、そのうちの一つである「敵」を取り上げ、敵をコンセプトから作る上で、どの様に考えるべきかについて私自身の考えを記載します。 私的意見を含むため、「いいや、この考えのほうが良いのでは」という意見は大いにあると思います。その場合、自身のアイディアの良さはココだ！と考えを深めるのに便利なたたき台としてご利用ください。 ※本稿における「敵」はプレイヤーが操作していないNPCを指します。 ※サムネイル画像はDarkestDungeonより戦闘画面 敵とは何か ゲームにおける敵とは「気持ちよい勝利が得られる」
科学的発見が誇張→曲解→誤解→蔓延するメカニズムの図解と簡単で効果抜群の2つの対策｜ふろむだ@分裂勘違い君劇場
科学的発見が私たちに届くまでの伝言ゲームで、さまざまな誇張・曲解・誤解が注入されています。 いったい、どうやったら、この伝言ゲームに勝ち、信用できる科学的発見と、地雷とを見分けることができるのでしょうか？ 『Science Fictions』という本がその参考になります。 この本は、アメリカのamazonで306人に評価され、☆4.6という高評価。 世界最大の書評サイトgoodreadsでは1925人に評価され、☆4.39という高評価。 日本のamazonでは31人に評価され、☆4.0と、中程度の評価(翻訳は良い)です。 この記事では、この本を元に、以下の２つの視点から、この問題と、その解決策を検討します。 〔問題の把握〕 科学的発見の流通システムにおいて、いかにして、発見が誇張され、曲解され、誤解され、流通し、最終的に私たち一般人がそれを信じてしまうのか、その全体像を把握する。 〔解決策
エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジを共有する場として開催されました。ここで登壇したのは、株式会社ゆめみの佐々木祥晶氏。導入事例を交えながら「Three.js」の魅力、メリット・デメリットを語りました。 株式会社ゆめみ所属・新人フロントエンドエンジニア 佐々木祥晶氏：それでは発表いたします。題目は、「Three.js の魅力を語る」です。 目次ですね。最初に軽く自己紹介をして、本編で「『Three.js』とは何ぞや？」とか、そういったことをいろいろ話していき、最後に軽くまとめをしていければなと思っています。 では、軽く自己紹介を。初めまして、佐々木祥
【2019年】CTF Web問題の攻撃手法まとめ (Web問題のwriteupぜんぶ読む) - こんとろーるしーこんとろーるぶい
CTF Advent Calendar 2019 - Adventarの25日目の記事です。 1つ前は@ptr-yudai氏の2019年のpwn問を全部解くチャレンジ【後半戦】 - CTFするぞでした。 はじめに 対象イベント 問題数 読み方、使い方 Cross-Site Scripting(XSS) SVGファイルを利用したCSPバイパス GoogleドメインのJSONPを利用したCSPバイパス サブリソース完全性(SRI)機能を利用した入力チェックバイパス Chrome拡張機能のパスワードマネージャーKeePassの悪用 HTML likeコメントを使用したコメントアウト jQuery.getJSONのJSONP機能を使用したスクリプト実行 DOM Clobberingによるコードハイジャック Service Workerを利用したスクリプト実行 XSS Auditor機能のバイパス
電子ペーパーAndroid端末BOOX Nova2を買って不要になった端末たち - きしだのHatena
電子ペーパーAndroid端末であるBOOX Nova2を買いました。 BOOX Nova2,7.8インチ,電子書籍リーダー,Android,Einkタブレット メディア: 2021/4/29追記 いまはNova3が出てます BOOX Nova3,電子ペーパー,7.8インチ,E Ink,Android10,電子書籍リーダー メディア: 4年前にBOOX C67ML Carta2を買ったのだけど、メモリが512MBで安定して動いてなくて、そんなもんかーとあきらめていた。 それがなんか新しいBOOXは 結構ちゃんと動くっぽいという話で、メモリも3GBになってるし使えるやろーということで買ってみた。 そしたら想像以上によくて、いろいろなものが不要になったのでまとめてみる。 重さはほぼカタログ通り。 Kindle Paperwhite まず完全に用途がかぶるKindle Paperwhiteは完全
えーでるわいすとXSeedは，日本の稲作シミュレーションの歴史的なルーツと，それを西欧に持ち込むことの難しさについて議論している。 えーでるわいすが天穂のサクナヒメの制作のために行った調査には，東京と日本全国の主要な図書館への何度もの訪問，農学教授が書いた参考資料や論文の何時間もの閲覧，米作りキットの注文，自宅での米作りなどが含まれていた。 「米作りは，我々の日常生活と密接な関係がありますが，一般的な日本人は米作りについてあまり知りません」とえーでるわいすのディレクターであるNal氏はGamesIndustry.bizにメールで語っている。「日本の伝統文化についても同様です。米作りや伝統文化を研究することで，我々の目が開かれました。自分の身の回りのことをより深く理解することができ，やりがいを感じました」 えーでるわいすは2005年にスタートした同人ゲーム開発集団で，現在はディレクターのNa
「どうカーソルを動かしたか」「どこをクリックしたか」「どの部分をスクロールして読み飛ばしたか」などのアクセス情報を全て入手し解析・分析できるオープンソースのアプリ「highlight.io」を使ってみた
ウェブアプリの開発をする時、ユーザーに「どこが分かりにくかったか」や「どこでエラーが発生したのか」などの情報をフィードバックしてもらいたいものですが、そうしたフィードバックを送る作業はなかなかに面倒なもので、全然直接のフィードバックは来ないのにTwitterにはいろんな意見が書かれている……ということはよくあります。「highlight.io」はそうしたフィードバックを勝手にやってくれるツールということで、実際に使って試してみました。 highlight.io: The open source monitoring platform. https://www.highlight.io/ highlight.ioはオープンソースということでセルフホスト版が用意されていますが、今回はどんな機能があるのかについて確かめるためhighlight.ioの開発元が提供するSaaSを利用します。公式サイ
VS Codeの新機能がすごく便利！ JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」
8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、エディタの上部にくっつきます。行数のある長いコードに便利ですね。 VS Codeの新機能「スティッキー スクロール」 「スティッキー スクロール」はVS Code v1.70でプレビュー機能として実装された新機能で、スクロール中にどのスコープにいるのかが分かかります。 エディタの上部にクラス/インターフェイス/名前空間/関数/メソッド/コンストラクタがスティッキーされ、常にコード内の場所を把握することができます。 Visual Studio Code July 2022 (version 1.70) 「スティッキー スクロール」を使用するのは、簡単です。 VS Codeの設
電子メール、ネットワーク機器集中管理、異常検知、分散処理、クラウド基盤などのシステム開発に従事。古代Rubyist。 CLI や TUI なアプリケーションを使っていると、端末の画面が崩れてしまうことがよくあります。 たとえば、こんな TUI が、 環境によってはこんな感じで崩れます。 スクロールなどをしながらしばらく使っているとさらにどんどん崩れていきます。 こうなってしまった場合、とりあえず Ctrl-l で画面を再描画することで、大抵はなんとか読める程度にリセットできますので、ことあるごとに Ctrl-l を連打することになります。 ですが、どうしようもないケースもままあります。 例えば、私の場合は以下のようなシチュエーションで困ります。 w3m でテーブルなどを表示するとレンダリングが崩れる less でログの閲覧の際に表示されるべき文字が表示されず見落としが発生する Wander
Nintendo Switch向けに「ただの電卓」が海外配信されゲーマーの注目集める。開発元は日本でのリリースも計画 - AUTOMATON
ホーム ニュース Nintendo Switch向けに「ただの電卓」が海外配信されゲーマーの注目集める。開発元は日本でのリリースも計画 デベロッパーのSabec LTDは5月12日、『Calculator』を海外Nintendo Switch向けに配信した。実は本作はゲームではなく、タイトルどおりの「電卓」である。単なる電卓アプリがNintendo Switchで配信されたとして、海外で大きな注目を集めることとなった。 『Calculator』は、四則演算以外もこなすことができる、いわゆる関数電卓アプリである。起動すると上のスクリーンショットのような電卓が画面に表示され、カーソルあるいはタッチ入力にて計算することができる。画面右半分には、一般的な電卓でも見ることができる機能が配置。そして左半分に、三角関数や双曲線関数などで利用するボタンがズラッと配置されている。また、画面右上には計算した履
このページでは、あるネット上の記事への疑問をきっかけにして書いた、ドラクエ以前の日本国内のパソコンゲームの状況を説明した文章を掲載しています。 このページはかなり長文です。また、記事への反論の形で書いてあるため、まわりくどい書き方もしています。全体の概要は下記のリンク先にまとめてあるので、概要を知りたい方はそちらを参照してください（関連する一連の文書は「要約のトップページ」を参照）。 要約のページ このページを書くために今まで調べてきた内容を短くまとめて、初代ドラクエを紹介する文章を書きました。ぜひ読んでみてください。 PCゲームの文化をファミコンへ伝えたドラゴンクエスト ドラクエ以前のPCゲームに存在した様々な要素は下記にまとめてあります。 ドラクエ開発時に参考にできた要素について このページに関連してこれまでに書いてきた様々な文章を一覧できるページを下記のリンク先に作りました。全体を把
はじめに みなさんこんにちは。Sansan事業部プロダクト開発部のiOSエンジニア荒川です。 以前はRDBMSの記事*1を寄稿し、好評いただいたこともあり、定期的に車輪の再発明系の記事を書いていこうと思います。 さて本日はタイトルの通り、VimやEmacsに代表されるターミナルで動作するインラインテキストエディタをGoで開発してみました。 ソースコードは以下のリポジトリに置いているため、ぜひ参考にしてください。 github.com 完成品 文字だけだとイメージも湧きにくいので、まずは完成品をお見せします。 最低限エディタの動きは出来ている、というレベルの完成度ですね🙏 特徴 1000行インラインエディタ 文字入力/挿入/削除 画面スクロール キーボードショートカット ファイル読み込み/保存 Goのコードハイライト機能 実装の方針 今回はただ開発するだけではなく、いくつかのこだわりポイン
フロントエンドの開発が初めての人が意外と抜けがちな観点をまとめてみました。 初めにざっくりと概要を話すと「デザイナーが作るデザインでは表現しづらいもの」をまとめたものになります。 デザイナーが作るデザインは静的なものなので(たまにがっつりプロトタイプを作ったりもありますが)、いわゆる"状態"を表現するのが難しかったり抜けたりしがちです。 具体的に言うとローディング、Empty、エラーなどです。これらをよしなに補完できるフロントエンドエンジニアはデザイナーからもきっと「頼りになるぅ！」と思われること間違いないでしょう。 と言うわけでそんな例を紹介していきます。 今後も思いついたら追加する可能性が無きにしも非ず。 ローディングを出そう こう言うクルクルするやつとか こんな感じでシュインシュインするやつがあります。 基本的にユーザがアクションを起こした時に待たせる場合は必ず表示させましょう。 ロ
2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト！ モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示
jQueryとCSSアニメーションを はじめたばかりの方へ Webデザインのスクール講師が 「動かしたいパーツ」ごとの 逆引きリストをつくりました News 2024.03.27Gmailにおける特典受け取りについて2024.01.185-1-1、5-1-2 グローバルナビゲーション ドロップダウンメニュー（上・左）に関するCSSコード不備のお詫び2023.08.305-1-3、5-1-4 グローバルナビゲーション ドロップダウンメニュー（写真付 上・左ナビ）に関するコード不備のお詫び2022.10.195-1-7 「グローバルナビゲーション-スクロールするとハンバーガーメニューに変化-」に関するコード不備のお詫び Gmailにおける特典受け取りについて 【お知らせとお詫び】 2024年2月にGmailのガイドラインが変更となった影響で、特典受け取りとお問い合わせフォームの内容がGmail
ちょっと「言語化能力」とダライアス外伝についての話をさせてください。 この記事で書きたいことは、大体以下のような内容になります。 ・言語化能力は非常に重要ですよね ・言語化の際に意識するべきなのは「明確さ」と「再現性」 ・その為にテンプレートを用意しておくことが非常に有効 ・ところで私は言語化能力をダライアス外伝の攻略で身に着けました ・ダライアス外伝めちゃくちゃ面白いので皆遊んでください 以上です。よろしくお願いします。 さて、書きたいことは最初に全部書いてしまいましたので、後はざっくばらんにいきましょう。 先日、安達さんがこんな記事を書かれていました。 今の世の中は、「言語化する能力」が高い人が、有利に事を運べる 今の世の中は、「言語化する能力」が高い人が、有利に事を運べる。 とくに知的な仕事では、自分の思考を、他者に理解させ、そして動かす力が、とても重要だ。 要求を伝えること アイデ
JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開 メタ（旧Facebook）は、JavaScriptアプリケーションのメモリリークを検出するフレームワーク「MemLab」をオープンソースとして公開したと発表しました。 We’ve open-sourced MemLab. #MemLab is a JavaScript memory testing framework that automates leak detection and makes it easier to root-cause memory leaks. 1/2 https://t.co/vo6Gzv56ud — Engineering at Meta (@fb_engineering) September 12, 2022 Metaが展開しているFacebook、Fac
現在、本業・副業ともにWEBデザイナーとしてデザイン・コーディングをしているゆるけーです。 本業で携わっているWEBサービスが割と高齢者向けのサービスで、ITリテラシーやUIが今の自分と考え方が異なるよなーと思っているなか、『高齢者のためのユーザインタフェースデザイン』という書籍に出会いました。 高齢者関係なく普通にアクセシビリティの観点でも重要な視点がたくさんあり、とてもいい書籍だったので、ざっくり大事だと思った箇所を抜粋しつつ自分で探した事例等をざっと記事にまとめていきますー。 視覚 高齢者になると視力が低下する傾向があります。ただ、視力の低下＝フォントを大きくするだけではありません。 視力の低下は老眼や光覚の減少などより複雑です。 主な視力の低下の具体例は以下のような点。 老眼：近く・遠くのものの焦点が合わない 周辺視野のぼやけ：画面の端に気づきにくい 中心視野の損失：画面の中央が暗
メガドライブ版「ダライアス」は，なぜ「メガドライブミニ」に収録されたのか。キーマン4人にインタビュー 編集部：早苗月 ハンバーグ食べ男 カメラマン：永山 亘 セガゲームスから2019年9月19日に発売される，プラグアンドプレイ型のゲーム機「メガドライブ ミニ」（以下，メガドラミニ）。 メガドライブを縮小サイズで再現した筐体の造形や，不可能だと思われていた版権タイトルの収録など，注目すべきポイントは多岐にわたるが，その中でも特筆に値するのが「ダライアス」の収録だ。このダライアスは当時リリースされたものではなく，SGDK（※1）を用いたファンメイド版がアイデアのベースとなっている。 ※1 githubで公開されている，Stephane-D氏が開発したメガドライブ向けの開発ツール。ライブラリとカスタムツールのセットで，EclipseやCode::blocksなどのIDE（統合開発環境）に対応して
転職活動 - mala
2020年7月現在、転職活動をしています。お気軽にお問い合わせください。 https://docs.google.com/forms/d/e/1FAIpQLSfNuWiDVcCCZ58XjPn2nZIqtYOHo0XAuTMgIZisSYLbfiIcnA/viewform https://twitter.com/bulkneets/status/1279236615546654720 いわゆる履歴書や職務経歴書 要するに mala とは何者なのか？ プログラマ、デザイナー、ライブドアの残党 専門領域はWebに関わること全般 セキュリティエンジニアとして認識されることを本人は嫌っていますが、そのように認識されることも多いようです 説明が面倒くさい時に自分からsecurity researcherを名乗ることはたまにあります 実績は CVEや、善行からリンクされているページを見てください。 実
やねうらお特別インタビューin BM9820AT＜書き起こし永久保存版＞｜BM9820A-BM98 20th Anniversary- in Tokyo
こちらは、フリーゲーム「BMS」の20周年を記念して開催された「BM9820A-BM98 20th Anniversary- in Tokyo」内でのイベント「やねうらお特別インタビュー」の様子を、日本語にて文字起こししたものです。 実際のインタビューの様子は以下youtubeにアップロードしております。 （無料でどなたでもご覧いただけます。） こちらの記事はインタビュー動画の会話を文字起こしし、海外の方々が翻訳して読むことを前提として作成されました。そのため、youtubeの日本語字幕及び実際の発言内容とは、方便などの表現を変えてある部分もございます。 できる限り内容・発言意図が変わらないよう細心の注意を払って、校正しておりますが、おかしいと思った部分や誤字脱字等がございましたら、下記 までお気軽にご連絡くださいませ。 ご連絡先：BM9820A公式twitter ■■■■■■■■■■■■
徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳しく紹介します。「Auto Layout」はデザインを効率よく進められるだけでなく、デザイン段階でHTML・CSSコーディングの参考になる情報を追加できます。 デザイン段階での使い方はもちろん、Figmaでデザインを受け取ったエンジニアがどう考えて実装していくべきかまで紹介します。デザイナーはもちろん、Figmaで作られたデザインファイルを受け取る可能性があるエンジニアの方も是非ご覧ください。 Auto Layoutとは 「Auto Layout」とは
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
医師とデザイン。なぜ医療現場は複雑なUIが好まれるのか？｜Kei Kobayashi｜note
iOS16のホーム画面を知り、iPhoneを使いこなす！85の便利技 - iPhone Mania
iOSでも100vhをいい具合に調整して画面の高さいっぱいに要素を表示させる
新しく登場した一括管理アプリ「Stack」がガチで便利だったから聞いてほしい - Qiita
超高精度な国産音声認識AI「ReazonSpeech」が無償公開されたので文字起こし機能を使ってみた
はい！美術タイトルです vol.1 ｜ フジテレビジュツのヒミツ - フジテレビ
2023年に遊んでおもしろかったゲーム20選＋α - 名馬であれば馬のうち
13kg痩せた世界 - それは恋とか愛とかの類ではなくて
30億のデバイスで任意コードが実行できちゃうJava - Qiita
2020年、注目されているWebデザインの最新トレンドと技術の進化
モダンなJSとCSSで作るライブラリ不要の全画面スクロール演出（2019年版） - ICS MEDIA
2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
アイデアと上手くつきあう方法 - inSmartBank
必要なのはJavaScriptの基本的な知識だけ 3Dアニメーション制作をお手軽にする「Three.js」の魅力
天穂のサクナヒメの丁寧な耕作とローカライズ
端末の文字幅問題の傾向と対策 | IIJ Engineers Blog
ドラクエ以前の国内パソコンゲーム（本文）
Goで作るテキストエディタ - Sansan Tech Blog
【フロントエンド初心者向け】ユーザビリティを上げるちょいテク
モバイル幅で作成されたWebサイトの特徴と作例
動くWebデザインアイデア帳 | 動くWebデザインアイディア帳
ちょっと「言語化能力」とダライアス外伝についての話をさせてください。
JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開
高齢者向けサービスにおけるUIデザイン｜『高齢者のためのユーザインタフェースデザイン』の書評
メガドライブ版「ダライアス」は，なぜ「メガドライブミニ」に収録されたのか。キーマン4人にインタビュー
FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう - ICS MEDIA
【2022年】注目すべきUI/UXデザイントレンド - Qiita