Webサイトを自由にカスタマイズできるCMS（コンテンツ・マネジメント・システム）です。 無料で使える国産のオープンソース・ソフトウェアとして、直感的な操作性と高いメンテナンス性、安全性を実現。 さまざまなサーバーで動作可能で、簡単にインストールできます。 固定ページやブログ、フォームをまとめて管理 メールフォームや新着ブログなどのプラグインを標準装備 国産のソフトウェアなので安心・安全のセキュリティ

Refactoring UIで公開された「Labels are last resort」より許可をもらい、日本語抄訳しています。 ユーザーにデータを表示するとき（特にベータベースから読み込むとき）、一般的なlabelプロパティを使って表示するという罠に陥りがちです。 すべてにラベルを利用した悪い例？ このアプローチの問題点は、データをなにかしらの階層構造で表示することが難しくなること。どのデータも等しく重視されるようになります。 ラベルはまったく必要ないかもしれない 多くの場合、書式を見るだけで、そのデータが何であるか直感的に理解できます。 たとえば、nanashi@example.comはメールアドレス、(619)765-4321は電話番号、￥980は価格といった具合です。 フォーマット形式が分かりにくいときは、コンテンツにすでに含まれていることもよくあります。たとえば、従業員名簿で誰か

ナレッジ・ノウハウ 任天堂のUI/UXデザイナーが語るデザイン思想。UI Crunch #13 娯楽のUI【書き起こし前編】 私たちが利用するサービスやプロダクトには、毎日使う実用品もあれば、娯楽品もあります。目的は異なっても、どちらも生活に欠かせないものです。技術が進化し、新しいものが生まれ続ける現代において選ばれるサービスやプロダクトには、人に寄り添ったデザインが求められることは想像に難くないでしょう。では、娯楽品のデザインに潜むロジックや哲学はどのようなものなのでしょうか。 2018年4月27日、DeNAとGoodpatchが主催するUI Crunchは、任天堂株式会社さまをゲストに迎え「UI Crunch #13 娯楽のUI – by Nintendo –」を開催しました！告知開始直後からたくさんの反響をいただき、最終的には4200人以上の方々にご応募いただきました。伝説の回となっ

交流サイト（SNS）の浸透を背景に、戦争は、人々の考え方の主体となる「脳」を巡る争い「認知戦」に発展しつつある。「人の脳が戦場になる」とは、どういうことなのか。ロシア・旧ソ連諸国を専門とする軍事研究家で、安全保障問題に詳しい小泉悠・東京大学先端科学技術研究センター准教授（42）に聞いた。（聞き手・滝沢学） 認知戦　人の脳など「認知領域」を標的にした戦い。世論の誘導や敵対勢力の撹乱を狙う「情報戦」の一つ。マスメディアを通じたプロパガンダ（宣伝）の流布だけでなく、SNSなどで刺激的な情報発信を繰り返し、人の頭の中に直接働きかけて考え方を先鋭化させ、対立をあおって社会を弱体化させる。陸海空や宇宙、サイバー空間と並ぶ6番目の戦闘領域として「認知領域」が捉えられ、各国で研究が進む。日本では2022年の防衛白書で初めて「認知戦」の用語が登場した。

【2024年最新】良質で参考になるWebデザインを、UIコンポーネント別にまとめたギャラリーサイト、UI LIBRARYです。ヘッダー、スライダー、お問い合わせフォームなど、Webサイトデザインのアイデアに繋がる事例をUIパーツごとに紹介しています。

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回はさまざまな形状を実装するシェイプです。

モバイルファースト（スマホンシブ・スマポンシブ）のWEBデザインだけを集めたギャラリーサイトです。

こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像

Posted by NAGAYA on Sep 7th, 2017 こんにちは。めぐたんです。 今回からCSSのborderプロパティだけで作る三角形について、全2回に渡ってお届けします。 「borderプロパティだけ」、つまりブラウザの種類やバージョンに依存しないのでもしかすると前々から使われていた手法なのかもしれませんが、CSS3の登場以降CSSだけで色々な表現に挑戦する方も増えたのではないでしょうか？私も最近使う機会がよくあると感じるのでまとめてみました。 .triangle{ border-right: 50px solid transparent; border-bottom: 86.6025px solid #b2ce54; border-left: 50px solid transparent; } なぜこのように「borderだけで三角形ができるのか」を理解するには、bor

フリーCGIやJavascript、EPSなどのWeb制作やホームページ制作で役に立つ素材を無料で配布しております。

日清食品HDによる一連のDX施策の中で、特に力を注いできたのが「業務部門のデジタル活用支援」である。2021年10月に新設したデジタル化推進室が主導する。RPA（ロボティック・プロセス・オートメーション）やモバイルデバイスの活用拡大による業務効率化を進め、これまでに年間10万時間超に及ぶ作業工数の削減を達成。2024年度には18万時間以上の削減を見込んでいる。 経営トップが入社式で「ChatGPT」を活用 成果の一段の引き上げを目指し、日清食品HDが2023年から加速させているのが生成AIの活用である。日清食品グループの専用環境で米OpenAI（オープンAI）の「ChatGPT」を全社規模で活用し、飛躍的な生産性向上を目指す。きっかけは同年4月3日の入社式だ。安藤宏基代表取締役社長・CEO（最高経営責任者）自身がChatGPTを操作し、複数のキーワードを用いて生成したメッセージを新入社員に

・PageSpeed Insightsで表示される「レンダリングを妨げるリソースの除外」を解決したい！ ・「レンダリングを妨げるリソースの除外」の意味や原因・仕組みも知りたい ・プラグインで解決したい ・プラグインなしで解決したい ・他のサイトでやり方を調べたけど解決できなかった ・画像付きでわかりやすく手順を知りたい サイト速度を計測するツールであるPageSpeed Insightsで、 上の画像のように「レンダリングを妨げるリソースの除外」という項目が表示されて速度がなかなか改善できない方も多いはず。 対処してみたものの改善されなかったり、ややこしそうなイメージで手をつけていない方もいると思いますが、 本記事を読めば「レンダリングを妨げるリソースの除外」はしっかり改善できます。

Powered by Nucleo: Icon Manager for Mac/Windows SVG Flag Icons Explore over 200 optimized SVG country flag icons — Perfectly crafted on a 32px grid No results found. Suggest missing flag. SVG Flag of Aaland Islands SVG Flag of Afghanistan SVG Flag of Albania SVG Flag of Algeria SVG Flag of Andorra SVG Flag of Angola SVG Flag of Antigua Barbuda SVG Flag of Argentina SVG Flag of Armenia SVG Flag of

私はCloudflare Registrar＆さくらのメールボックスでメールを運用しています。 合わせて年間2000円くらいとかなり安いです。 ただしさくらのレンタルサーバ含め、さくらはDKIM/DMARCに対応していなかったのでGmailをお使いの方にメールがちゃんと届くかちょっと不安という問題がありました。 2023年12月19日、X（Twitter）を見ていたところ下記のお知らせが流れてきました。 【さくらのレンタルサーバ / マネージドサーバ】DKIMおよびDMARC対応予定に関するお知らせ（2024年1月23日 10:00更新） | さくらインターネット さくらのメールボックスも対象です。 長い間さくらはDKIM/DMARC対応をしていなかったのですが、2024年2月1日からGmailのガイドラインが変わることを受けて対応することとなったようです。 2024年2月より Gmail

決済方法 全ての決済方法 日本、韓国、中国、ヨーロッパの決済方法を提供しています VISA Mastercard Konbini Toss Alipay

游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの

先日、個人事業のサイトが完成しました。 たくさんの方にいろいろと教えていただき、なんとか思ったとおりのサイトを作ることができました。 屋号はアカリホノカニと言います。 http://akarihonokani.com/ 今後、このサイトの作り方を、テーマ編・プラグイン編などとして投稿していこうかと思います。 今回はピックアップした感じになりますが、とても感動した「特定のタームにパスワードをかける方法」をポストします。たぶん、困ってる方いるんじゃないかと思うので…。 ［公開一時間後 追記：記事を見てここはこうしたほうがいいよーといった意見をいただきました。今後調べて追記していきます。 ・フィードに対応していない、・リダイレクトはwp_redirectまたはauth_redirectを使ったほうがいい、などです。］ ［2014/08/12 追記：いろいろなご指摘・ご意見をいただきましたので、t

Generate. Refine. Ship.Generate UI with shadcn/ui from simple text prompts and images.