なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
Windows PowerShell (この記事の執筆時点でバージョンは5.1) でTabキーを押したときの補完方法をbashのようにする方法について調べました。 デフォルトでの補完方法 まず、デフォルトでのWindows PowerShellの補完方法について説明します。例として、20210101.txt, 20210103.txtという2つのファイルがあるディレクトリでWindows PowerShellのシェルを開いている場合を考えます。 Tabによる補完 1つ目の補完はTabを使う方法です。Windows PowerShellで2を押したあとにTabを押すと > .\20210101.txt と表示され、さらにもう一度Tabを押すと > .\20210103.txt が表示されます。これは伝統的なコマンドプロンプトの補完方法と同じです。 Ctrl + Spaceによる補完 2つ目の
うちの$PROFILEの話
PowerShellの$PROFILEの肥大化がいよいよまずい感じになってきました ちょっと整理せにゃならんということで、現時点で何やってるかをまとめましょう なおうちの$PROFILEはWindows PowerShellおよびPowerShell (Core)で共用です 厳密に言うとgitで管理してる$PROFILEを含むディレクトリが別にあり ~\Documents\WindowsPowerShell~\Documents\PowerShell がそれぞれJunctionです なので$PROFILEはWindows PowerShellでも動く構文で書かないといけない $PROFILEでやってること 今見たら空行含めて508行ありました おおよそ prompt定義プラットフォーム別処理PC別処理Windows PowerShell対策PSReadLine設定その他 みたいになってるは
nth-of-typeについて nth-of-typeとは、指定した要素のうちx番目の要素を選択し、CSSに適用するための擬似要素です。 擬似要素とは、指定した要素の一部にCSSを反映できる方法のことほ指します。 以下、コード例です。 //兄弟関係にある<span>のうちx番目の<span>を選択 span:nth-of-type(x){ 〜 } <span>要素の数だけを数えて、x番目の<span>要素のみを選択します。 nth-childについて nth-childとは、指定した全ての要素の中でx番目にある指定の要素を選択する擬似要素です。 //<span>と兄弟関係にある、全ての要素の中でx番目にある<span>を選択 span:nth-child(x){ 〜 } 兄弟関係にある全ての要素を数えるため、x番目にある要素が<span>ではない場合、適用できません。 [PR] Webデザ
ネットもテレ東｜テレビ東京の人気番組動画を無料配信！
ページが移動しない場合はこちら
よくあるご質問 - 『ハッキング・ラボのつくりかた 仮想環境におけるハッカー体験学習』サポートサイト
本書に関する質問があれば、私宛にメール（ipusiron@gmail.com）あるいはTwitter（@ipusiron）のDMでお願いします。 【これからハッキング・ラボに挑戦する方へ】ハッキング・ラボのためにKaliの環境を最速で構築する！【超重要】 本書に載っている内容をすべて順を追ってやならければならないというわけではありません。 最速で実験環境を構築するのであれば、次をやるだけです。 1：Kaliの仮想マシンを作る。 2：Kaliの仮想マシンに最低限の環境だけ作る。 内容としては、「日本語キーボードの設定」「仮想ネットワークに参加させる」「apt update」 これで以上です。 後は、Windows 7/10（4章）、やMetasploitable（5章）のハッキングにいきなり挑戦してもまったく問題ありません。 Happy Hacking! 以下では、最速の環境構築について、本
「科学道１００冊２０２０」に挑んでみる！？【本が好き!】
「科学道１００冊」は、自然科学の総合研究所である理化学研究所（理研）と、本の可能性を追求する編集工学研究所によるプロジェクトで、「書籍を通じて科学者の生き方・考え方、科学のおもしろさ・素晴らしさを届ける」ことを目的にしています（＊参照URL）。 ２０１９年から毎年秋の開催となり、今年もリストが出ました。 読書会では必ずしもリストのコンプリートは目指しません（もちろん、コンプリートを拒むわけではありませんｗ）。 さまざまな本を知る場になればよいなと思っています。 ＊２０２１年４月３日を〆切とします。
八戸二大祭り
青森県八戸市の二大祭り、八戸三社大祭と八戸えんぶりの動画を掲載しています。
設計を歪める認知バイアス - Qiita
こんにちは、リファクタリングが大好きなミノ駆動です。 この記事は READYFORアドベントカレンダー2021 、5日目の記事です。 これはなに？ ソフトウェア開発において、設計をないがしろにすると、低凝集密結合な構造に陥り、変更容易性が低下してしまいます。 設計スキルを高め、あるべき構造を設計する……これで解決できるに越したことはありません。 しかし、認知バイアスと呼ばれる心理効果により判断を誤り、良くない設計をしてしまうことが往々にしてあります。 本記事は、設計を歪めてしまう認知バイアスを理解し、設計判断の精度向上を促すことを目的とします。 この記事のゴール 人間の判断を歪めてしまう心理効果「認知バイアス」の存在を知ること。 ソフトウェア設計も、認知バイアスの悪影響を受けてしまうこと。 認知バイアスに振り回されない設計アプローチを身につけること。 認知バイアスとは 先入観や思い込み、偏
当サイト編集長の高畑正幸文具王が動画で文具をわかりやすく解説する「文具王の動画解説」。 丁寧なつくりとギミックが楽しい玩具のタイプライター（4分51秒）
最近 WSL などで Linux を触ってみている中で、bash のシンプルでカラフルなプロンプトをかなり気に入っちゃったので、普段使う PowerShell のプロンプトも bash っぽくしてみます。 コピーライトなどを表示しないようにする まずは起動時に表示されるコピーライトなどを表示しないようにします。 これは起動オプションとして -NoLogo を渡せばいいようです。 Windows Terminal であれば、PowerShell のプロファイル設定で渡すようにします。 これでプロンプトのみになりました。 プロンプトをいじる あとはプロンプトの表示内容の変更と色付けのために、プロファイルを作成します。 プロファイルの配置場所についてはこちらのドキュメントに記載されています。 以下のようなコードを用意しました。 パスやユーザ名などを取得して、色付けして表示しているだけです。 入力
テクノロジーの潮流を観測していると、つい最新の技術に目を奪われがちです。 しかし、最新の技術は十分な検証ができておらず安定性が今ひとつだったり、コストが高いといった問題があります。そのため、ある課題に対する解決策を考える時、そもそも最新技術をあえて採用せず、ずっと昔からある、いわば「枯れた」技術を使えば、安定性が高く、コストも削減することができることがあります。 このように、テクノロジーを利用して何かしらの課題を解決しようと臨む時、最新技術だけではなく、枯れた技術をニュートラルな目線で参照することも時には重要です。 今回は、THE TECHNOLOGY REPORTメンバーが今注目する「ほどよくこなれた技術」を「あざやかに転用しているモノ」、「忘れられているけど、実はすごかったモノ」、題して「ヴィンテージ・テクノロジー」について考えました。 「枯れた技術」とは何か？そして、「枯れた技術」の
19日、京都市内で撮影された、ドライブレコーダーの映像です。 対向車線を走っていた自転車が突然、急ハンドルを切って、こちらに向かってきました。 車がとっさに避けたので、接触は避けられましたが、自転車の動きをよく見てみると、車が避けた瞬間、同じ方向にハンドルを切ろうとしているようにも見えます。 車の運転手：「まぁ、実際は当たっていないんですけど。向こうから向かってきて、ヒヤッとしたというか。相手の表情は、もう当てたるわーみたいな顔だったんですよ。それが、すごく怖くて…。後ろを見た時に、後続車に対しても衝突しようとしてたんで。これは完全に当たり屋やなと思って」 （「グッド！モーニング」2022年5月20日放送分より）
CamX - USB Camera
CamXは、iOSデバイスをカメラなどからビデオをキャプチャできるポータブルモニターに変換します。USB-C対応のiPadを持っている場合、キャプチャカードと組み合わせてモニターやポータブルゲームコンソールのディスプレイとしても使用できます。コンテンツクリエイターであるか、ゲーマーであるかにかかわらず、CamXは多目的なビデオキャプチャなどに不可欠なアプリケーションです。 主な特徴： ポータブルディスプレイ：あなたのiPadを携帯用ゲームコンソール、セカンダリースクリーン、またはマルチタスクツールに変えます。 高品質録画：さまざまな解像度とフレームレートオプションで優れたビデオ品質を提供します。 ゲームモード：さまざまな画像設定を提供します。 ビデオグラフィーモード：リアルタイムヒストグラムとグリッドラインのサポートを含みます。 USBキャプチャはUSB-Cポートを備えた以下のiPadモデ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
PowerShellのTab補完をbashのようにする - minus9d's diary
CSSでnth-of-typeとnth-childの違いを現役エンジニアが解説【初心者向け】
【連載】文具王の動画解説 #153「あいうえおタイプライター」トミー｜
PowerShell のプロンプトを bash っぽくする
枯れた技術について検討する｜THE TECHNOLOGY NOTE
【独自】「完全に当たり屋」自転車が危険運転の瞬間（テレビ朝日系（ANN）） - Yahoo!ニュース