「UXは、今や一つのコミュニティ、あるいは一つの手法で捉えられないほど、大きな存在となった」 そう、UXの現在地を語るのは、Jesse James Garrett氏。2001年にデザインエージェンシーAdaptive Pathを共同設立。著書『The Elements of User Experience』で提唱した「UXの5段階モデル」でも知られる。 業界の先駆者は、Fast Companyに寄稿した記事『I helped pioneer UX design. What I see today disturbs me』のなかで「私たちは一体どこで道を間違えたのか」を厳しく問う。率直な思考が綴られた記事を、公式に許可をいただき翻訳した。 20年前、UXデザインが研究所を飛び出し、本格的な産業へと発展し始めたとき、未来はとても眩しかった。一握りの専門家の漠然とした関心事から、何千人もの増員を

まあ当然ですわな。ちなみにここでは、サーバ名を red-barchetta.sakura.ne.jp 、アカウント名を red-barchetta と仮定する。 あと、VSCode に拡張機能 SFTP をインストールしておくこと。 # FTPアカウントのユーザ名@FTPサーバ名 ssh [email protected] # 初めてSSH接続するサーバーの場合、下記メッセージが表示される場合あり 2022/4/9追記 # その場合、 yes と入力 The authenticity of host 'red-barchetta.sakura.ne.jp (133.167.8.49)' cant be established. ECDSA key fingerprint is SHA256:（長尺の暗号）. Are you sure you w

30代前半のご夫婦から、とにかくカッコいい家を建てたい！とご要望を受け家づくりがスタート。 建物正面のファサードを整えることからカッコよさを追求し、できる限り窓を無くし家感を消してクールに仕上げました。玄関ドアの上端と軒天の高さを合わせてよりスタイリッシュに。 1階部分を明るめのグレー、2階部分を濃い黒で素材も変えコントラストを楽しめるよう演出しています。 タカラスタンダードのオフェリアをペニンシュラ（半島型）に配置したキッチン。ダイニングテーブルを横並びにした人気の配置です。 天井にはキッチンとダイニングテーブルの上に天然木を張り、空間に入ってきたときに自然と視線が奥に伸びるよう工夫しました。 ウォークスルーファミクロの先にある寝室は、中庭と隣接しているので閉鎖的にならず、カーテンレスで心地よい朝日を浴びることが可能に。 廊下を極力なくすことが坪数を抑えることに繋がるので、動線の途中に空

こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業、経営したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに13000人以上の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — くるしば | 読めば10倍効率が上がるプログラミング学習の教科書 (@shiba_program) September 13, 2022 最近は下記のように、Udemyでプログラミング講座も出しています。 ありがたいことに公開から3ヶ月で800人以上の方に受講いただき、Reactジャンルの講座

2017年にリリースされて以来、UIデザインをはじめ、ロゴやグラフィックデザインなど幅広い用途向けに設計されたフリーフォント「Inter」が2年振りにバージョンアップされて、最新版「Inter 4」が公開されました。 Inter 4は文字サイズが小さくてもくっきりと美しく、綺麗に表示されるようデザインされているのが大きな特徴で、字形にはコントラストを強調するディテールが備わっています。また、大きいサイズでもその美しいラインと滑らかな曲線、繊細なディテールは優れたリズムを実現します。 「0」と「O」を区別する必要がある場合のスラッシュゼロ、下付き数字の化学式（H2Oなど）、文字幅が揃った数字など、多くのOpenType機能も利用できます。 Inter font family Inter -GitHub Inter 4の特徴 Inter 4のダウンロード Inter 4のウェイトとグリフ In

Get a CSS-only Ribbon Shape made with a single-element and customizable using CSS variables. <div class="ribbon">Your text content</div> Click the ribbon to copy the CSS

The Biggest Collection of Loading Animations Over 600+ CSS-only loaders made using a single element <div class="loader"></div> Don't know which loader to use? Here is one for you 👇 Click the loader to copy the CSS Get another CSS Loader

商用でも完全に無料で利用できる、SVGとPNG完備のおしゃれなイラスト素材を紹介します。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、あらゆるメディアで無料で利用できます。 イラストはすべて手描きのベクターで、80年代のSF映画や日本のイラストにインスパイアされて描かれています。 Transhumans さっそく、イラスト素材のダウンロード方法から。 イラストをクリックすると各イラストのページに移動するので、「download SVG」「download PNG」ボタンをクリックすると、ダウンロードできます。登録など面倒なことは一切不要です。

Macのパッケージ管理ソフトHomeBrew 自家醸造のビール的な意味 パッケージのインストール先は usr > local > Cellar ワインセラー的な？ パッケージのインストール方法 brew install パッケージ名 アンインストール方法 brew uninstall パッケージ名 HomeBrewを最新verにする brew update インストール済みのパッケージを最新verにする brew upgrade パッケージの古いバージョンを削除 brew cleanup パッケージの探し方 brew search パッケージ名 インストールしたパッケージの確認 brew list パッケージの確認がしたかったので、目的達成！ OSにインストールされたパッケージとHomeBrewでインストールしたパッケージがかぶったりしないの？ 個人的に大きかった理由としては、ディスク容量

そもそもrbenvを使うのに必要なことrbenvを使うのに必要な設定が2つあります。 rbenvのパスを通す rbenv shimsのパスを通す rbenvのパスを通せば、rubyを使うよって時に rbenvのパス先で設定されているrubyのバージョンを使ってくれるので、 rbenvのパスを通すのは必須ですね。 続いて、rbenv shimsには、全てのバージョンのRubyの実行可能コマンドが配置されています。 例えば、rbenvのRubyのバージョンを3.1.1に設定して、 gem install 〜〜などのコマンドを打つと、先にshimsの中のgemコマンドが呼び出されます。 shimsはそこで、どのバージョンのRubyの、どのコマンドを呼び出すべきかを判断してくれます。 なので、今回は3.1.1のバージョンのRubyのgemコマンドを呼び出してくれる、という仕組みらしいです。 この記

​ LINEの友だち追加 ​ ​再入荷や​予約開始、イベント出店などの 最新の通知を受け取る ​ Add LINE friends​ Receive the latest notifications such as restocks and event openings The BECK ​ ​ ​ Designed by Instagrammer and interior designer @_BECK_. An interior-inspired and functional outdoor gear project from his own camping experience. 多数の受賞歴のあるインテリア・プロダクトデザイナーの@_BECK_氏のオリジナルデザイン。彼自身のキャンプの経験からインテリア発想で機能的なアウトドアギアのプロジェクト。 The Solo ​ Projec

HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern HTML email (tables no longer required) by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLメールの実装でもっとも頭を悩ませている問題 今日、HTMLメールをどのように実装すべきか？ 電子メール用のAMPについて 終わりに はじめに MailChimpによるHTMLメール実装のベストプラクティ

What to do at Sunny Track? What to do? 家にいながらも、 全力で“外遊び”を楽しむ人へ。 アウトドアな暮らしのアイデアをお届け！

階層メニューやトーストUIが簡単に作れる新技術！　JavaScriptで利用するポップオーバーAPI 2023年5月〜6月にリリースされたChrome 114とEdge 114には、「ポップオーバーAPI」というAPIが搭載されました。 ポップオーバーとはコンテンツの1番上に重ねて表示するUIで、ユーザーにアクションを促したり、補足の情報などを伝えるために画面に表示します。ポップオーバーAPIのMDNのドキュメントではオーバーレイ、ポップアップ、ポップオーバー、ダイアログなどを総称して「ポップオーバー」と呼んでいます。 ウェブサイトでよく見かけるポップオーバーですが、実装するには意外と調整や考慮の多いUIです。たとえば、画面の1番上に重ねるためにはz-indexで他の要素との重なり順を調整する必要があります。Escキーを押した時や要素外をクリックした時にポップオーバーを閉じるには、Java

モバイルサイトとモバイルファースト インデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを使用します。これをモバイルファースト インデックスと呼びます。 モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファースト インデックスにもあてはまります。 ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。 モバイル フレンドリーなサイトを作成する スマートフォンからアクセスした際のユーザー エクスペリエンスが優れたものなるように、モバイル フレンド

ヒルトン ワイコロア ビレッジ（Hilton Waikoloa Village） ヒルトンワイコロアビレッジ（Hilton Waikoloa Village）はハワイ島 コナ空港から約25キロ北のワイコロアビレッジにある大型リゾートホテルです。 1988年にオープンし、客室数は1,240室を数えます。 日本語のサービスデスクはロビー右手脇にある階段を降りた場所にあります。 ホテル棟は南から ラグーンタワー パレスタワー オーシャンタワー に分かれており、北端のブッダポイントから南端のカムエラまで歩くと最低でも25分は要する…というぐらいに敷地が広いです。 最初は長く続く廊下を歩いてみるのもいいですが、移動にはモノレール（後述）が便利です。 廊下には日本や中国、アジアの骨董品が展示されています。 これがどこか可笑しい。 実は廊下だけでなくプールの脇に突然仏像があったり、ブッダがブッダを馬車に

A new medium for presenting ideas. Powered by AI. Just start writing. Beautiful, engaging content with none of the formatting and design work. Sign up for free Meet your new design partner Create polished content with one-click templates and no-code editing