3年で検索流入が50倍に。MAU1,000万人に成長した「LIPS」が語る、Googleボットさんへの「おもてなし思想」と、アプリとWEBでは目的が違うため「最適なUI」が変わる話｜アプリマーケティング研究所
3年で検索流入が50倍に。MAU1,000万人に成長した「LIPS」が語る、Googleボットさんへの「おもてなし思想」と、アプリとWEBでは目的が違うため「最適なUI」が変わる話 700万ダウンロードのコスメアプリ「LIPS」さんにお話を伺いました。 ※ 株式会社AppBrew 木全 佳梨さん、堀江 慧さん、阿部 栞さん「LIPS」について教えてください。木全： コスメのクチコミアプリです。アプリは700万ダウンロード、全体のMAUは約1,000万人、クチコミ数は累計180万件を超えています。 LIPSでは性別年齢を問わず「なりたい自分」を追いかける人のために、心地よい体験をしてもらえる場所を提供しています。 ここ数年だとLIPSは「WEB版」が伸びているそうですね。阿部： WEB版は、地道なコンテンツの改善が、Googleアップデートで評価されて、自然検索からの流入が3年間で50倍に成
【読売新聞】 国内で配信されているショッピングやＳＮＳ、ゲームなどの主要アプリの９割に、消費者を不利益な選択に誘導する画面デザインが採用されていることが、東京工業大の調査で分かった。「ダークパターン」と呼ばれ、意図しない商品を購入さ
Windows標準の時計をクリックしたら通知一覧が開いて、詳しい時刻もカレンダーも出ない点。 地味にカップラーメンとか作る時に時間を測るのが面倒…。 エクスプローラーの項目に「最新の情報に更新」がなくなってる。F5押せば更新されるけどマウスで完結しないのは面倒。 エクスプローラー絡みで言えば、コピペや削除がアイコンになってて文字表記がないのも一連のWindowsの流れを無視してて使いにくい。 Macワナビーの中央配置とかはどうでもいいけど、そう言う細かいところで使いにくくするのは止めて欲しい。 新OSが出る度に後方互換性を全無視した奇抜なUIを導入しては、信者から絶賛されてるAppleが羨ましいのは分かるが、 Windowsに求めるのは時代時代は意識してUIを今風にしすつつも、一貫した操作性であって、目新しさや新体験ではないんだわ。 お前はどんなに頑張ってもAppleにもMacにもなれない
Google、WebUIの自動生成ツール「Stitch」をベータ公開。自然言語で指示するとHTML/CSSを生成
Googleは日本時間5月21日未明に開幕した年次イベント「Google I/O 2025」で、自然言語で指示を入力すると自動的にWeb UIを生成するツール「Stitch」のベータ公開を発表しました。 StitchはもともとGalileo AI社が提供する同名の「Galileo AI」と呼ばれるサービスでした。これをGoogleが買収し、Geminiをベースにしたサービスにしたものと言えます。 Stitchのデモ画面 下記がStitchの画面です。左側に例（Examples）が並び、右側にはプロンプトの入力欄があるというシンプルなものです。 これから作成するUIがデスクトップ版かモバイル版かを選択可能。また、生成AIとしてGemini 2.5 Flashを使う「Standard Mode」、より忠実なデザインかつ画像見本からもUIを生成できる「Experimental Mode」が選択で
こんにちは。Yowkeesです。 この記事は、「キーボード #2 Advent Calendar 2021」の21日目の記事です。 昨日の記事はjigya♧kkumaさんによる「プロダクトを始めたきっかけと伝えたいこと」でした。 2021年のプライベート時間のほとんどを捧げたKeyball46を発売するまでの活動をまとめます。 目次 １．自作キーボードデビュー ２．アイデアを試したくてKeyball初号機作ってみた ３．Keyball46の試作 ４．ここまで来たら止めれない！射出成型！ ５．Keyball46の販売開始 ６．実は実店舗を準備中 １．自作キーボードデビュー デビューについて書くために少々自己紹介を。僕Yowkeesは人生を電気に捧げた回路エンジニアです。1か月間ぶっ続けでオシロスコープの前で高密度基板を手半田なんてザラでしたが、電子回路大好き人なので楽しく(？)仕事してきまし
斜線堂有紀 @syasendou 最新刊「さよならに取られた傷だらけ 不純文学」が11月7日に発売です。「星が人を愛すことなかれ」「回樹」lin.ee/kqXuKLn 脚本@lovecobralove note.mu/syasendou syasendo.booth.pm instagram.com/syasendou_you_…
【完全比較】VS Code最強の3大AIアシスタント！Cline vs Roo Code vs CoolCline - Qiita
Cline : シンプルかつ導入しやすいオープンソースAI Roo Code : Clineを拡張し、UIや役割切替が充実 CoolCline : 機能総合版。自動承認やコスト管理などを備えた最上級仕様 それぞれの特色や目的に合わせ、最適なツールを選んでみてください。 以下では、それぞれの詳細を見ていきます。 （長い割に上部でまとまっているので、以降は興味のある方のみ読んでください。） 1. Cline（クライン） 概要 Clineは、VS Code上で動作するオープンソースのAIコーディングアシスタントです。 VS Code拡張機能としてインストールし、コマンドラインインターフェース（CLI）やブラウザ操作とも連携できます。 GitHub Copilotのようなコード補完とは異なり、プロジェクト全体を理解して複数ファイルにわたる修正やビルド・テスト実行まで自律的に行える点が強みです。 ま
自分のiPhoneがどの電波（バンド）とつながっているのかを簡単に調べる方法 | イチオシ | ichioshi
注目の旬ニュースを編集部員が発信！「イチオシ」は株式会社オールアバウトが株式会社NTTドコモと共同で開設したレコメンドサイト。毎日トレンド情報をお届けしています。 iPhoneを使っているとき、なんとなくネットがつながりにくいと感じることはありませんか？ そのようなときは、今つながっている電波状況を確認してみましょう。実は、iPhoneなら「フィールドテストモード」で電波状況を確認できる方法があるのです。 iPhoneの隠しコマンド「フィールドテストモード」なら電波状況を確認できる！ 実は、iPhoneには電波状況が確認できる裏コマンド「フィールドテストモード」があります。 このフィールドテストモードを実行するには、「電話」アプリを起動して「キーパッド」で「*3001#12345#*」と入力し、通話ボタンを押すだけ。電話料金はかかりません。 すると、「FTM Dashboard」というペー
How a Massive Bomb Came Together in Beirut’s Port (Published 2020)
Fifteen tons of fireworks. Jugs of kerosene and acid. Thousands of tons of ammonium nitrate. A system of corruption and bribes let the perfect bomb sit for years. How a Massive Bomb Came Together in Beirut’s Port By Ben Hubbard, Maria Abi-Habib, Mona El-Naggar, Allison McCann, Anjali Singhvi, James Glanz and Jeremy White Sept. 9, 2020 Fifteen tons of fireworks. Jugs of kerosene and acid. Thousands
製品 コミュニケーション メッセージング マルチチャネルのテキストメッセージとメディアメッセージの送受信を180か国以上で
「なんでアクセルとブレーキの踏み間違いなんて起きるんだろう」と思っていたが、70代で免許を返納した知り合いの話がリアルだった「間違えたペダル踏んでるのに気づけないんだよ」
MT(TRUE COLORS Japan運営、C&F協会の人) @Mocherin アクセルとブレーキの踏み間違い、ってなんであんな事が起きるんだろう…と思っていたのだが、免許を返納した70代の知り合いの人が言ってたのだが「例えば、スマホ画面を見ないで文字入力してて、指がずれてて文字がうまく入らない時あるだろ？”た”を押そうとして横の”な”を押しててるみたいな時。そんな時に間違えてるの分からず数文字入力してやっと気づくのと同じで、間違えた方のペダルを踏んでるのに気づけないんだよ。私の場合は自宅で車出す時になぜか発進しない。気づいたらブレーキを間違えて踏んでたんだよ。それに気づいた次の瞬間にエンジン切って、次の日に免許返納したよ」とのことだった。 ちなみに、なんで次の日だったかというと「その日はもうバスはうごいてない時間だったから」だそうです。 これから、自分も含めて高齢者が増えていく訳で、
Microsoftが『コントロールパネル』廃止を明言。40年近い歴史に幕？ Microsoftではここ最近、昔から搭載されていた機能の廃止を次々に行っており印象に残っている機能としてはWordpadが2023年9月1日に廃止される事が発表され、Windows 11 24H2では完全削除される事が明らかになっています。ただ、Microsoftでは昔からある機能として恐らく最もWindowsユーザーに親しまれてきた『コントロールパネル』についても廃止を明言し、近い将来、完全削除が行われる可能性が出てきています。 Microsoftは2024年8月19日に『System configuration tools in Windows (Windowsの構成設定ツールについて）』と言うサポートページを新たに公開し、Windows 11や10で可能なカスタマイズやそのカスタマイズ方法について詳細を記載
マリオのUIがフラットデザインになった日を知っているか 〜 【視伝研】UIデザインの歴史を紐解く｜Yamashita Angelica
※ おことわり ※ この記事内で取り扱っているゲーム作品について、私は開発上の関わりは一切ありません。あくまでいち個人・いちファンとしての考察であることをご承知おきください。 今回の視伝研テーマは【UIデザインの歴史を紐解く】です。 年表形式でUIデザインの歴史を作りながらメンバーと意見を交換しました。PCやスマートフォンのOSのUIはもちろん、乗り物の操縦桿やSNSのデザインなど、さまざまな観点で資料を集めてみました。 そこで、元ゲーム屋の性として、個人的に楽しくなってしまうのはやっぱりゲームUIの歴史なのですが… なんか、ゲームのUIってこんなイメージありませんか。 ゲームUIデザイナーを目指す初心者が作りがちなやつ （一応弁明するとこれは1〜2分くらいで作った雑UIです）もちろんこういうのを作れることは大事なんだけど、「ゲームでよくあるやつ」以外のデザインの引き出しがないままだといず
無限スクロールは考慮することが多い
毎年無限スクロールの実装をしているのだが正直なところ実装したくないので依頼されたときの反論材料として実装したくない理由を言語化しておこうと思う。 無限スクロールとは 無限スクロールが何を指すかを知らない人のために解説すると、ページにコンテンツを足す方式でページネーションする UI を指している。例えば Twitter のように下にどんどんコンテンツが伸びていく UI が良い例だろう。そのような UI を無限スクロールと呼ぶことが正式なのかは知らないが、このような体験の実現を支援するライブラリに infinite-scroll というものがあり、少しは普及している呼び方なのだと思い無限スクロールという言葉を使う。一方で WEB フロントエンド文脈で無限スクロールと言うと複雑 GUI やドローイングツール実装における "無限平面" のようなニュアンスもあるが、今は無限平面のことを指しているわけ
画像生成AI「Stable Diffusion」の実行環境を無料でWindows上に構築できる「Stable Diffusion web UI」の導入方法まとめ
文章を入力すると画像を生成してくれるAI「Stable Diffusion」は、手軽に好みの画像を生成できることから大きな注目を集めており、「NMKD Stable Diffusion GUI」や「Artroom Stable Diffusion」などWindowsに簡単にインストールできる実行環境が数多く開発されています。「Stable Diffusion web UI」もStable Diffusionを簡単に操作できるシステムの一つで、参考画像を指定して好みの画像を生成しやすくする「img2img」に対応していたり、各種設定をスライダーで簡単に設定できたりと使い勝手の良さが際立っていたので、導入方法をまとめてみました。 GitHub - hlky/stable-diffusion https://github.com/hlky/stable-diffusion/ --ULTIMATE
ファミレスで隣のテーブルの老夫婦に「タッチパネルや配膳ロボットの仕組みがわからない」と話しかけられた話→ 最先端もいいけどもっと人に優しい社会であってほしい
九月 @kugatsu_main 芸人。主にコント、折に触れて文章。エッセイ集『走る道化、浮かぶ日常』発売中。／読むラジオ@kugatsu_readio ひとりごと@kugatsu_mnlg 仕事依頼はDMまたはto.obonai@gmail.com または祥伝社まで m.youtube.com/channel/UC04k7… 九月 @kugatsu_main ファミレスで作業をしていたら、横のテーブルの老夫婦に「ごめんね」と話しかけられた。タッチパネルや配膳ロボットの仕組みがわからないのだという。 最新機器の導入は従業員数の削減のためだから、使用法を説明してくれる店員など一人もいない。酷いシステムだなと思いつつ、一通り説明した。 2024-03-18 14:27:08 九月 @kugatsu_main 老夫婦は元気で感じの良い人達だった。僕の説明に「なるほど！」「えー！」などと反応をくれ
アクションゲームで爽快感を出すための、ちょっとしたズルのメモ。いろいろとプレイして見つけたやつ、思ったやつ。 ギリギリのジャンプをしたときの体験ジャンプで飛び移るとき。「ギリギリ届かない」かつ「キーを進行方向に倒している」場合、ユーザーの意図は「飛び移りたい」と類推される。キャラの座標を多少修正して、うまく飛び移れたことにする。次善策は、「壁にしがみつける」だが、爽快感は多少落ちる。 ギリギリで減速する体験走行時に「逆方向にキーをいれている」場合、ユーザーの意図は「急減速したい」と類推できる。キー入力の長さに応じて、摩擦係数をどんどん増やす。 ギリギリで踏みとどまる体験走行時にブロックから飛び出して落ちてしまうとき。「走行と逆方向にキーをいれている」場合、ユーザーの意図は「踏みとどまりたい」と類推される。よろめき演出で猶予時間を与えるか、急減速を可能とする。 ギリギリでジャンプが間に合う体
低レイヤーから始める GUI
QtとかGTK+とかXとかWaylandとかそういうものに頼らないでLinux上でGUIする方法を解説します これは2023年1月15日に行われた カーネル/VM探検隊 online part6での発表資料です 発表動画: https://youtu.be/nOLjuPb_dPo ソースコード…
この前PS5で決定ボタンが✕ボタンに変更されるという話題がありました。 nlab.itmedia.co.jp 前々からゲーム機のコントローラーのボタンの変遷についてまとめてみたいなーと思っていた所にこの決定ボタンの話題が来たので、ちょうど良い機会ということでブログにまとめてみます。 スーファミの決定ボタンについて調べたらやたら長くなったので、そこで一旦区切って「その1」としてます。その3まで書く予定。※追記：その5まで延びそう。 ファミリーコンピュータのコントローラ（83年7月） セガマークⅢのジョイパッド（85年10月） PCエンジンパッド（87年10月） メガドライブのコントロールパッド（88年10月） ゲームボーイ（89年4月） ゲームギア（89年4月） スーパーファミコンのコントローラ（90年11月） スーパーファミコンの決定ボタンはどれなのか？ じゃあアメリカのスーファミことSN
これは何 「デザイナーもReact書いてくださいよ」って空気になったときに読むと役立つかもしれない記事です 基本的に筆者が学んだ流れを記載しています そのため、世間一般のベストプラクティスではないと思います エンジニアの方から見ると邪道な流れ・説明の仕方かもしれませんが、デザイナーに教える上での分かりやすさを重視していますのでご了承ください この記事の中で使っているコードはこちらのリポジトリで公開しています コミットを辿ってもらえれば、各セクションの内容が全て見れます ※言い訳がましいですが、筆者もReactに精通している程ではなく「デザイナーにしては割と知ってる」レベルです もし説明に間違いや不足があれば編集リクエストをお願いします 対象読者 Web or UIデザイナー HTMLとCSSは普通に書けるけど、Reactはほぼ全く触ったことがない人 1人で完全に実装したいってほどではないけ
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma、Sketch、Illustratorとさまざまなアプリ用のファイルも用意されています。 iconsax iconsax -GitHub iconsaxの特徴 iconsaxのダウンロード iconsaxのアイコン iconsaxの特徴 iconsaxは、vue.jsのオープンソースのフレームワーク「vuesax」の公式アイコンです。個人でも商用プロジェクトでも完全無料で利用できますが、別の名前で販売および配布はできません。詳しくはライセンスをご覧ください。
ポイ活の真の価値はポイントがザクザク手に入ることではない。 世の中の流れについていけるようになることだ。 ポイ活を学習機会として捉え直せ。 ポイ活はお得か 最近、興味深い記事を読んだ。ポイ活はやめた方がむしろお得であるという記事だ。 記事の著者はポイ活に挑戦したが、アプリの導入に挫折、さらに大手の囲い込み戦略に拒否感を持ったことでポイ活と距離を置くことにした。その結果、より「お得な生活」を送れるようになったという。 1つめの記事で挙げられていたのは、主に精神面のメリットである。店や商品をポイントで選ぶ必要がないという行動の自由を得られ、さらにポイ活の情報収集に時間とエネルギーを費やす必要がなくなった、と。 2つめの記事で挙げられていたのは、より金銭的なメリットだ。ポイントがもらえないことで商品が割高に感じられるため、購入することに躊躇するようになった。その結果、財布から出ていくお金が減った
これで解決！height: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック
iOSのスマホでheight: 100vh;を定義してビューポートの高さいっぱいに表示したいのに、アドレスバーが表示されているとその分下が隠れて表示されてしまい、高さいっぱいにならないのを解決する方法を紹介します。 CSSのみのテクニックで、JavaScriptは必要ありません。 height: 100vh;だけでなく、min-heightやmax-heightでも機能します。 PostCSS 100vh Fix -GitHub PostCSS 100vh Fix 注意点 使い方 PostCSS 100vh Fix PostCSS 100vh Fixは、100vhのiOSの挙動（バグ？）を修正するPostCSSのプラグインです。ピュアCSSのソリューションで、JavaScriptは必要ありません。 高さいっぱいに表示したい時に、height: 100vh;だけを定義してもiOSでは期待通り
リー子 @riiiko_radioya デザイナー/アートディレクター🦄 この垢はvalknee（＠valknee）とつーちゃん（@t_tanimoto）とやってるひっそりこっそり趣味podcastラジオ屋さんごっこ @radioyasangokko 最新回のシェアしかしません…基本インスタストーリー↓ https://t.co/YClq4iSz0Z
こんにちは。ソウゾウの Software Engineer の hiroppy です。「連載：「メルカリ Shops」プレオープンまでの開発の裏側」 の最後は、Web フロントエンドの紹介をしたいと思います。メルカリ Shops は既存のメルカリアプリの中に独立した Web アプリケーションとして動いています。本記事では、どのようなライブラリを選定し、どのようにアーキテクチャを設計してきたかを解説します。 なぜ Web なのか？ アプリの上で動いているのであれば、WebView ではなくても良いと感じる人はいると思います。今回採用した 1 つの理由としては、リリースが柔軟な点が挙げられます。iOS/Android の両方に対して開発サイクルを早めることが可能であり、また機能追加やバグ修正が容易です。どのように WebView で動いているかについては、6 日目のメルカリ Shops のため
「全ての住所フォームがこうなってほしい」 SIerが公開した“使いやすい入力欄”の作り方が話題 ソースコードも掲載
「郵便番号を入れる枠はひとまとまりに」「郵便番号を基にした住所の自動入力を搭載する」といった、使いやすい住所入力フォームを作る知見をまとめたブログ記事が話題だ。「はてなブックマーク」で1000ユーザー以上がブックマークした他、Twitterでも「参考になる」「全ての住所フォームがこうなってほしい」などの反応を集めている。 ブログでは、入力の煩雑さから離脱してしまうユーザーを減らすためにすべきことを大きく4つに分ける。 「郵便番号の枠はひとまとまりに」「郵便番号を入れたら即座に、もしくはユーザーがボタンを押したら住所を自動入力する」に加え「Webブラウザが備える住所の自動入力機能に対応・最適化する」「入力欄は『都道府県』『市区町村』『町名以下』の3欄を基本とし、『建物』欄はオプションとする」といった機能が必要と紹介。それぞれの実装に当たっての注意点などを説明している。 これらの機能を搭載した
「専門性が高い人になりたいですか？」 そう問われたら、多くの人が「はい！」と答えるでしょう。エンジニアやデザイナーのような専門職に限らず、ビジネスパーソンの多くも、「できることなら何らかの専門性を高めたい」と思っているはずです。 しかし、そもそも「専門性が高い」とはどういう状態を指すのでしょうか。どんな人になれば「専門家」だと評価されるようになるのでしょうか。それを突き詰めて考えることが専門性を高めるヒントになると思い、少し深堀してみました。 最後には、まだ実験中ですが、ChatGPTを活用して専門性を高める方法をご紹介します。 専門性と体系化の関係 辞書サイトのWeblioを見ると、専門性とは「特定の分野のみに深く関わっているさま。高度な知識や経験を要求されることや、その度合い」と書かれています。この定義に従うと、専門性には「特定の分野の高度な知識や経験」が必要だということになります。
Raycastとは Raycastとは、非常に高速で拡張可能なMacのランチャーアプリケーションです。Macの標準機能であるSpotlightの自由度を高めたようなアプリで、優れたUIUXによる利便性や拡張性も兼ね備えており（割と手軽に）作業の生産性を大いに高めることができます。 しかも、個人利用は実質無料（2022年10月現在）で、ユーザー登録をせずともすぐに生産性を向上させられる神アプリです🌟 以下公式サイトもしくは、Homebrew経由でインストールできます。 ■ 公式 ■ Homebrew Alfredからの卒業 Macの有名なランチャーアプリとしては、Alfredが非常に有名だと思います。今回紹介するRaycastと同様、様々な機能が用意されており、快適な作業と生産性の向上に大きく貢献する便利なアプリケーションです。 ただ、Alfredを本気で便利アプリとして使いこなすためには
Appleのデザインリソース
Appleのデザインリソース Appleの公式デザインテンプレート、アイコン作成用テンプレート、カラーガイドなどを使って、アプリを正確かつ迅速にデザインできます。
令和の高校生が『ファミコン版初代ドラクエ』をやってみた結果…コントローラーを放り出した衝撃の理由（ふたまん＋） - Yahoo!ニュース
言わずと知れたRPGの名作『ドラゴンクエスト』。その初代が発売されたのは1986年の5月で、時代はまさにバブル期に入る直前だった。筆者もかつては時間を忘れて冒険やレベル上げに夢中になり、親から「早く寝ろ!」と怒られたものである。 【ランキング】ホイミ、メラゾーマを超えて1位となったのは「思わず言いたくなるドラクエの呪文」ランキング1位から10位 当時味わった興奮と感動を、平成生まれの高校1年の息子にも堪能してもらいたい。スマホアプリでドラクエ5のリメイク版をクリアして感極まっていた息子だけに、“ロト伝説”にも心動くのか?と期待していたら、なんとコントローラーを放り出してしまう結果に……。 なぜだ? その要因を探ってみよう。 ■いきなり密室の中で始まるオープニング 初代ドラクエのオープニングは、王室のなかで始まる。王様から竜王の配下たちが暴れまわっている話を聞き、冒険してこいと背中を押される
この記事について会社・チームで人と一緒に働いたり、コミュニティで他人のアウトプットなどを観察したりすると、「この人頭いいなー」とか、「センスいいなー」と思ったりすることもあれば、逆のこともあったりするだろう。 最近、「デザインセンス」をチームに期待するにあたり、そもそもデザインの構成要素とはどういったもので、どのようにしたらデザインという営みの精度が上がるのか、という疑問に行き着いた。 個人のデザインセンスというところでは、先天的なものとまではいわずとも長く蓄積された思考習慣による才能・素養のようにも思えるが、後天的に、例えば成人後でも訓練可能なのかという観点で考えてみたので自分なりの整理として書き出してみる。 組織レベルで考えると「チームとしてどう成熟していくか、その経験をどうスケールさせていくか」というナレッジマネジメントの問題にも行き当たるが、ここではあくまで個人としてのデザインセン
シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css
その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量（4kB）CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもしれません。 Simple.css Simple.css -GitHub Simple.cssとは Simple.cssのデモ Simple.cssの使い方 Simple.cssとは Simple.cssは、セマンティックHTMLをすばやく簡単に見栄え良くするクラスレスのCSSフレームワークです。「クラスレス」とは、CSSまたはHTMLのどこにもCSSのclassがないことを意味します。 MITライセンスで、商用プロジェクトでも無料で利用できます。 classのないプレーンなHTM
※本記事はアフィリエイトプログラムによる収益を得ています PCの文字入力で「→（右向き矢印）」マークを簡単に入力できる方法が便利だと注目を集めています。今まで「みぎ」で変換してた……！ Twitterユーザーで整形外科医のおると（@Ortho_FL／ブログ）さんが投稿。その方法とは、「ー＞」と打って変換するだけで「→」が入力できるというもので、特に「『右』も『→』もよく使う人間ほど恩恵を受ける」とツイートしています。 ATOKで試してみた結果 変換できた！ 実際に試してみたところ、「－＞」から「→」に変換でき、さらに「＜－」から「←（左向き矢印）」にも変換できることを確認しました（※入力ソフトはMicrosoft IMEとATOK）。これまで「みぎ」や「やじるし」から打っていた人はやや慣れが必要ですが、「右」「左」の変換ミスもなくなって結果的に早くなりそうです。 Microsoft IME
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
フロントエンドとSPA職人の目指したものの歴史と概略
年末年始にフロントエンド論みたいな記事をいくつか見たが、僕ら古のSPA職人がやってきたフロントエンドという職域と目指していたものが失伝しかけている気がするので、ここに時代ごとに何を考えていたか、雑に書き殴る。 注意点として、 2004から始まるが、自分がプログラミングを始めたのが2010, 業務としてコードを書き始めたのが 2012 なので、解像度が高いのはそれ以降になる。 tl;dr 2004: 動き出す HTML 2011: 構造化のはじまり 2015: 贅沢品としてのSPAとコミュニティ分化 2017: 貧者のSPA 2019: 守破離としてのパフォーマンス 2004: 動きだす HTML AJAX の時代。要は XMLHTTPRequest で取得したコンテンツに応じて、動的書き換えをDOM書き換えを行うこと。今では名付けるほどでもない操作だが、HTMLが静的なものをやめたことは、
週末にちょっとしたウェブサイトというかリンク集（？）を作った。 今回は生成AIツールをフル活用していつもより効率よく作業ができた。 生成AIツールについては日々、新しいものがヤバイすごいと宣伝されているけど、実際にどう使っているのかという情報が少ないと感じている。 なので具体的な使い方を書いてみることにした。 作ったもの 開発の概要 最終的なアーキテクチャ UI開発に生成AIツールを使う 初期デザインの参考元 デザインツールの選定と比較 Next.jsの利用 Cursorを活用した開発 データ整形にLLMを使う スクレイピング Amazonの商品データ取得 LLMの選定 動的なコードと静的なコードの使い分け TypeScriptを使わない範囲を定めた 静的サイト生成（SSG）の採用 柔軟なデータベース設計 まとめ 作ったもの 『最も重要な「最も重要なマンガ10選」10選』は「最も重要なマン
最近は、電子書籍で本を読むことが一般的になってきた。「本はやはり紙でなければ」という人も少なくないだろうが、電子書籍は「かさばらない」「スマホでも読める」「テキストをコピペできる」など便利な点がたくさんあるので、使わないのはもったいない。 もちろん、iPadは電子書籍との相性が抜群。スマホよりも画面が大きいiPadは、普通の単行本はもちろん、マンガや雑誌といったコンテンツも読みやすい。読んでいて気になった場所を引用したりするのもやりやすく、読書で培った知識をすぐにフィードバックできるのもメリットといえる。 電子書籍と言えば、やはりAmazonの「Kindle」が有名だ。今回は、iPad＋「Kindle」アプリを使って、読書中にメモやマーキングを行う方法や、より快適に読書するための設定方法などについて紹介していこう。 「ハイライト」や「メモ」の基本的な使い方を覚えよう 紙の本を読んでいるとき
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
🇯🇵松助🚩 @Matsusuke5th @Maigi_Kensa 本当にそれに尽きる。 JRだろうが民鉄だろうが、在来線だろうが新幹線だろうが、鉄道は老若男女問わず利用される公共交通であるという認識を（特に経営陣は）持つべきだと思う。 2022-08-28 21:15:51
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アプリの９割に「ダークパターン」、消費者を欺く画面デザイン…国内の規制は遅れる
Windows11になって劣化したなぁって強く思う点。
トラックボール付きキーボードKeyball46 ～発売までの話～
パソコンで入力した文字が左上に出てくる現象にキレる皆さん→発生条件や対処法などまとめ
HTML属性を使い、ユーザーに優しい2要素認証を実現する方法
Microsoftが『コントロールパネル』廃止を明言。40年近い歴史に幕？
アクションゲームを爽快にする、ちょっとだけズルい調整メモ｜深津 貴之 (fladdict)
コントローラーのボタン配置と決定ボタンの変遷（その1） - 名称未設定。
デザイナーでも分かる範囲のReact、その書き方と学び方 - Qiita
もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax
ポイ活はITが苦手な人ほど挑戦する価値がある - 本しゃぶり
買ったばかりのバルミューダが母にカスタマイズされてこうなった「オシャレと便利は仲良くなれない」
メルカリShops のフロントエンド | メルカリエンジニアリング
最新テレビリモコンはコレだ!! Netflix、アマプラ、ABEMAボタンが席巻
さて、専門性と体系化の話をしようか｜ベイジの図書館
AlfredやClipyをやめてRaycastを導入したら、生産性爆上げだった件
デザインセンスを高める習慣｜けいC (Shun Kimura)
PCで「→」マークを簡単に入力できる方法がタメになると話題に 「知らなかった」「1発で変換された」
ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
生成AI/LLMを使ったウェブサイト開発 - laiso
【活用提案】iPadでKindle本を読むときはこの技を使うべし！ ちょっとの工夫で使い勝手がアップ！ (1/5)
2022年におけるフロントエンド開発のベースライン
時刻表を撤去してQRコードを読み込ませようとするところが嫌い→交通機関のデジタル化に疑問を唱える声が集まる
plea5station.com
www.dinos.co.jp
diamond.jp
kankeinai.blog.jp
www.nikkei.com
motokihikaru.hatenablog.jp