You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
しばたです。 前の記事でNext.jsを試す環境を作ったので本記事ではCloudscapeを実際に試してみます。 Cloudscape Design Systemとは? Cloudscape Design SystemはAWSが作成しオープンソースで公開しているWEBデザインシステムです。 もともとAWSが内部向けに作成し改善していたものが今年の7月に一般公開されました。 雑に言ってしまえば「マネジメントコンソール風のUIをつくれるやつ」なんですが、デザインシステムの名の通りUIコンポーネント以外にデザインパターンやデモも公開されています。 注意事項 本記事ではこちらの手順に従い最初の一歩を試してみようと思っていました。 Using Cloudscape components ただ、手順をよく読んでみると最後の最後に、 Bundling with Next.js (optional) Th
SaaSプロダクト開発には欠かせない。Takramと考える『デザインシステム』 ラクスル社内勉強会レポート こんにちは、「RAKSUL DESIGN MAGAZINE」です。 近年、国内外のB2B、マーケットプレイス企業で導入されている「デザインシステム」。プロダクト開発には欠かせない考え方となっており、特に画面数の多いB2B向けのSaaSプロダクトにおいてはデザインシステムの作成はマストになりつつあります。 要はデザインシステムをしっかりと設計することが、ひいては事業成長につながるわけです。 今回Takramのメンバーをラクスルにお招きし、デザインシステムの考え方やメリットについての社内勉強会を開催しました。 押さえておきたいデザインシステムの基盤になる考え方冒頭では、Takram代表の田川さんがプレゼンを行い、なぜデザインシステムが必要になるのかについて説明しました。 新規プロダクトを
TOP > Web制作 > 【WordPress】カスタム投稿タイプの基本と使い方を徹底解説!パーマリンクのカスタマイズ方法も WordPressの便利な機能の1つが、カスタム投稿タイプです。これによって、1つのサイトの中で複数のタイプの投稿を管理することができます。 ただ、設定項目が少し多く、パーマリンクの設定なども少し複雑になってしまっています。 今回は、カスタム投稿タイプの使い方や、パーマリンクのカスタマイズ方法などを分かりやすくご紹介していきます。 【2023年最新】WordPressの使い方を徹底解説!初心者向けのおすすめ設定も WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す... Web Design Trends カスタム投
最近Cloudflare Workers + D1(SQLiteベースの分散データベース)の組み合わせにアツさを感じており、さらにそこに乗せるアプリケーションを開発するフレームワークとしてRemixに注目しています。RailsならHeroku、Next.jsならVercel、RemixならCloudflareという様相です。 「cloudflare-workers + d1 のポテンシャルは最強で、近い未来、開発者|個人開発者の銀の弾丸になると思っている」 GW中に遊びにきてくれた元同僚とも全く同じ話で盛り上がった。10年前ぐらいにRails x Herokuが無敵だった頃を思い出す。 https://t.co/LPTTm9pXeJ — mah_lab / Masahiro Nishimi (@mah_lab) May 8, 2023 とはいえCloudflareについて現状ではフルスタッ
Kaggle特集に惹かれ、今月の『Software Design』を購入しました。 gihyo.jp 特集の目次は、以下のとおりです。 第1特集 Kaggleで知る機械学習 前処理から学習モデルの構築,スコアの上げ方までわかる 第1章:Kaggleにエントリーしよう 登録からSubmitまでブラウザ上で完結 第2章:自然言語処理のコンペに挑戦① データの前処理・学習・推論の流れ 第3章:自然言語処理のコンペに挑戦② モデル変更でスコアを底上げする 第4章:くずし字認識のコンペに挑戦① パラメータチューニングの奥深さに触れる 第5章:くずし字認識のコンペに挑戦② さらなるスコアアップのためにKagglerがやっていること まずは、広くソフトウェアエンジニア向けの雑誌にKaggleの特集が掲載されたのが印象的でした。その中で第1章では、Kaggleの概要や機能をスクリーンショットと共に紹介して
こんにちは。デザイナーのにしかなです。 みなさんは社内のUX部門ではない方たちに、どのようにUXの必要性を伝えていますか? 社内ノンデザイナー向けのUXデザインの講義をしたので、そのお話をしようと思います。 「UXデザインはデザイナーがやるもの」からの脱却UXデザインが失敗してしまう要因の一つとしてあるのが、「良いプロダクトを作りたい!けどUXを考えるのはデザイナーさんの仕事!自分は考えない!」という人がチームにいること。 「ユーザーのことを考えること」はUXデザイナーだけ使える特殊な能力だと勘違いされがちですが、そんなことはありませんよね。 チームメンバー全員に「ユーザーにとって良いものを作ろう!」という共通認識がある中で作り上げられたサービスやプロダクトは、ユーザーにとって良いものになりやすいなあと日々感じております。 ということで、どんな職種の人もユーザーのことを考えながらプロジェク
洗濯洗剤|柔軟剤|漂白剤|おしゃれ着洗剤|オキシクリーン|重曹|クエン酸|セスキ炭酸ソーダ|食洗機用洗剤|お風呂の洗剤|トイレの洗剤|ハンドソープ|食器用洗剤|アルコール除菌 | お掃除シート | トイレシート 印刷の用紙サイズと取り扱い方法 ★ A4サイズ縦 で設定してください。 ★カットの仕方ですが、黒い背景の少し内側をカットしてください。 ★pdfで表示されますので保存して(プリンタの用紙設定する為)印刷してください。 印刷方法はこちらをご覧ください。 ★ ラベルシール や 光沢紙 などに印刷してください。透明タイプのラベルシールに印刷することもできます。(下記おすすめラベル用紙を参考にしてください) ★普通の光沢紙に印刷した場合は、その上に 保護シール 透明保護フィルム を貼れば水や汚れにも安心してお使いいただけます。 おすすめラベルシール2選 超耐水加工で水に濡れても大丈夫!そし
Consider the fox. It’s known for being quick, clever, and untamed — attributes easily applied to its mythical cousin, the “Firefox” of browser fame. Well, Firefox has another trait not found in earthly foxes: stretchiness. (Just look how it circumnavigates the globe.) That fabled flexibility now enables Firefox to adapt once again to a changing environment. The “Firefox” you’ve always known as a b
新アイコンは、馴染みのあるアイコンを同社の「Fluent Design System」に基づいてデザインし直し、「ビジネスのアジャイルな未来を表現した」としている。 現在のアイコンになったのは2017年のIgniteからだ。それ以前は雲を模したものだった(米Neowinより)。 Microsoftは検索サービス「Bing」のロゴも昨年10月に名称を「Microsoft Bing」とした際、Fluent Designのものに変更している。 関連記事 Windows 10の「エクスプローラー」、「ごみ箱」などが正面を向くデザイン変更(Build 21343で) Microsoftは「Windows 10」のプレビュー版プログラム「Insider Preview」でリリースした「Build 21343」で、「エクスプローラー」の新しいアイコンを披露した。ごみ箱やデバイスが正面を向き、「ドキュメン
2025年日本国際博覧会(以下、大阪・関西万博)のロゴマークが発表された。 ロゴマークを見たとき、挑戦的なビジュアルにとても驚き、その後SNSで、ロゴマークに手を加えた「二次創作」たちが「祭り」[*1]のごとく発表され出したことにさらに驚いた。ちいさな感動すら覚え、興味深く見守っていたのだが、徐々にぼんやりした不安のようなものも感じ始めた。 2025年の万博開幕までのあいだに、このロゴマークが社会にどのように扱われ、受け止められるかはまだわからない。あれこれ評価する段階ではないだろう。ただ、いまこの瞬間の自分の期待とちょっとした不安の奇妙なブレンド具合を、記録として残しておくことに意味があるかもしれないと考え、この文章を書いています。 画像出典:https://logo.expo2025.or.jp/logo_announcement.html ・「やってくれたな!」 「イベントのロゴマー
全く知らない文化圏に行き、「わからない」モノやコトに触れることがすごく好きで、気づいたら色んな国を旅することが趣味になっていました。 しかしこのご時世、しばらくそんな旅もできないんだろうなぁ...と最近いろいろと考えていて、迷走した結果、 iPhoneの言語設定を「アラビア語」に変更してみました。 この記事ではその体験で気づいたことをまとめてみたいと思います。 1. 「右から左」は文字だけではなかった アラビア語は右から左へ記述する言語の一つです。他にもヘブライ文字、アラビア文字、シリア文字、ターナ文字などがあります。 大学時代アラビア語圏の友人が少しいたり、アラビア語でデザインされたものも見たこともあるし...と思っていたのですが、 実際に触れるインターフェースとなると、全く知らなかったことがいろいろと見えてきました。 まず言語設定からホーム画面に戻ったときの衝撃。 ホームアイコンの位置
ポスト・スマホ時代としてのARの波は、すぐそこまで来ている。 今年末から来年頭にかけて発売されるnrealやSpectacles 3は、一般消費者が日常的にARグラスを使い始める時代まであと数歩のところまで来たことを感じさせる。 このペースで行けば自分の楽観シナリオの読みでは、来年末ごろにはイノベーター層が普段使いしたくなるようなデバイスが発表されると思っている。 ではそうしたARグラスが一般普及した時代に、デザイナーは、更にはARサービスを活用する企業は何を意識するべきか。 それは「SX Design」だと自分は考えている。 この記事ではSX Designとは何か、SX Designにおいて扱っていくべき変化について書いていこうと思う。 ◆ SX Designとは ~デジタルにおける従来のUXデザインとの比較~SX Designとは、 Spatial Experience Design
タイポグラフィ調味料ラベルです。サイズは(26mm×35mm)です。 1つ1つのサイズが小さいのでハガキサイズで作ってます。 ハガキサイズのラベルシールで印刷してください( *´艸`) A4サイズのラベルしかないという方はハガキサイズに切って使うことも可能です♪A4サイズ1枚でハガキサイズは4枚作れます!!やってみてください(❁ᴗ͈ˬᴗ͈)◞ 上記写真でラベルを貼っているスパイスボトルは下記で販売されております。全部ガラスで出来ており、おしゃれなのに安い(セットで買うと1本260円。個別でも1本275円)。6穴の中栓付きのタイプと密封タイプがあり、湿気させたくない調味料にも使うことができます。 ★密封タイプ [10本セット] [1本] ★中栓付き [10本セット] [1本] 同じデザインラベルです。
Awesome Gradients Mix and match five available color gradients. Choose your favourite hand drawn characters and objects. Use your final illustrations to create mobile apps or website kits. Infinite Scalability Scale your final illustration without any quality change. Use ai, svg and png images without worrying about your page load speed. MIT License Use it on commercial or personal projects. Every
ラベルシール見本 項目内容 バター&ジャム|お漬物|使いかけ材料|ジュース|お酒|薬味|加工食品|調味料|納豆&豆腐|麺類|粉もの|乳製品|パン|デザート|作り置き| ★ このラベルの販売中!項目名もお好きなものに変更可能☆ ⇒【minne】【メルカリ】 印刷(ダウンロード)はこちらです 星がワンポイントの丸い冷蔵庫ラベル 横55mm×縦55mm 印刷の用紙サイズと取り扱い方法 ★ A4サイズ縦 で設定してください。 ★外枠の細い線が切り取り線になっております。その線の内側をカットしてください。 ★pdfで表示されますので保存して(プリンタの用紙設定する為)印刷してください。 印刷方法はこちらをご覧ください。 ★ ラベルシール や 光沢紙 などに印刷してください。透明タイプのラベルシールに印刷することもできます。(下記おすすめラベル用紙を参考にしてください) ★普通の光沢紙に印刷した場合は
エムスリー株式会社のデザイングループ紹介資料です。 ▼応募要項 【プロダクトデザイナー】 https://open.talentio.com/r/1/c/m3-inc/pages/57715 【シニアプロダクトデザイナー(リーダー候補)】 https://open.talentio.com/r/1/c/m3-inc/pages/65913 【BXデザイナー(主にサービスプロモーション担当)】 https://open.talentio.com/r/1/c/m3-inc/pages/57716 【クリエイティブディレクター】 https://open.talentio.com/r/1/c/m3-inc/pages/65941 ▼カジュアル面談 https://docs.google.com/forms/d/e/1FAIpQLScnGJL2JBjcDx6q8K7DN-xTrMov7SOiv2E
Design Manager Juli Sombat sheds light on how a need for more cohesion led Spotify’s design systems team to take a cross-platform approach to components. In 2019, when our leadership at Spotify unveiled their ambition to make audio content available and consistent to anyone on any device, our design team faced a significant challenge: Spotify would now be available across 45 unique platforms, and
はじめにデザインの中心にいるのは誰だろうか。誰がつくるものを決め、誰がそれを評価しているのだろうか。誰が排除されてきたのだろうか。現代のデザインは、主に北半球の白人・男性・シスジェンダー(性自認が生まれたときに割り当てられた性と一致している人)によってつくられてきた。パパネックによれば、デザインは「人間の活動の基礎」[1]である。実際に私たちは、人種や性別を問わずさまざまな場面でデザインしている。しかし、歴史に残るものや評価されるものには偏りがある。なぜだろうか。私たちは、規範、支配、特権、差別などがどのように構築されてきたのかを振り返ることなく、揺るぎない前提として受け入れていないだろうか。 デザインを歴史、教育学、視点(デザインにまつわる理論と実践)から問い直す論文集『Design Struggles』では、デザインが抱える問題や暴力的な遺産の背景、その物質的・概念的論理を再構築しよう
The first CSS framework based on Material Design 3. 10x smaller than others CSS frameworks based on Material Design. Translates Material Design to HTML semantic standard. Ready to use with any JS framework. Highly focused on DX.
Bタイプ*収納ラベル(衣類) ラベルシール見本 項目内容 Tシャツ|長Tシャツ|ニット|トップス|パーカー|ポロシャツ|インナーウェア|ボトムス|デニム|ワイシャツ| ★ このラベルの販売中!項目名もお好きなものに変更可能☆ ⇒【minne】【メルカリ】 印刷(ダウンロード)はこちらです かっこいいお花の収納ラベル*Bタイプ 横80mm×縦55mm 印刷の用紙サイズと取り扱い方法 ★ A4サイズ縦 で設定してください。 ★カットの仕方ですが、黒い背景の少し内側をカットしてください。 ★pdfで表示されますので保存して(プリンタの用紙設定する為)印刷してください。 印刷方法はこちらをご覧ください。 ★ ラベルシール や 光沢紙 などに印刷してください。透明タイプのラベルシールに印刷することもできます。(下記おすすめラベル用紙を参考にしてください) ★普通の光沢紙に印刷した場合は、その上に 保
Type safe CSS design systems with @propertySeptember 1, 20238 min read CSS types are a worthy investment into type safety in your front-end work. We're still awaiting cross browser interop, but we'll get there 🙂 In case you've never seen one, here's a typed CSS variable with @property: @property --focal-size { syntax: '<length-percentage>'; initial-value: 100%; inherits: false; } Used that one so
漢字伝来からデジタルフォントまで 文字の変遷をデザインの視点から考察 日本語が文字で表現される時、どのように記されてきたのか? 古代の金属に刻まれた漢字から1980 年代に登場したデジタルフォントに至るまで、 約2000 年にわたる日本語の文字表現の変遷をデザインの視点から考察した読み物です。 前半では、古事記に見る漢字、万葉集に登場する仮名、古今和歌集の連綿と散らし、 絵と文字が同一平面に記された江戸時代の書物など、 時代とともに日本語の文字がどのように綴られてきたかを解説。 後半では、明治期に伝来した金属活字と活版印刷、写真植字の実用化、 デジタルフォントの登場など、技術の進歩とともに 文字の組み方がどのように変化してきたかが記されています。 文化や技術によって、日本語の文字や組み方がどのように変化してきたか、 グラフィックデザイナーである筆者が豊富な図版(約160点)で読み解いた意欲
At Big Tech and high-growth startups, coding and systems design interviews are common - and fairly standard. A lot of people have asked me for preparation advice for these. Here is what I used when getting ready for an E5/E6 Facebook interview, and the one at Uber - where I was hired as a senior software engineer (L5). It's the same resources I recommend to people who are preparing for Big Tech or
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く