「なぜ、団塊ジュニア世代～30代って、無印良品を買うのだろう…。なんで買うの？」時代の移り変わりからみるシンプルなデザインが好まれる理由
なちゅ。 @itacchiku ねえ！！！！そうだ！！Panasonicの新作の洗濯機、デザインが最高なので見て！！！！！めっちゃ美しい直角ライン。コンパクトなのに10キロタイプもある。温水洗いもバブル洗浄も洗剤自動投入も搭載。こういうの！こういうのがいいんだよ！！！！きたぜやったぜPanasonic！！！ panasonic.jp/wash/products/… pic.twitter.com/vY30S2uqUx 2020-11-09 23:16:23 リンク panasonic.jp ななめドラム洗濯乾燥機 NA-VG1500L/R | 商品一覧 | 洗濯機/衣類乾燥機 | Panasonic パナソニックのななめドラム洗濯乾燥機「Cuble( キューブル）」NA-VG1500L/Rの特長を紹介。液体洗剤・柔軟剤 自動投入、２度洗いモード、温水機能、スマホで洗濯、低温風パワフル乾燥、
AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる？」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ
ひたすらWebサイトを見るのが趣味な私が独断と偏見で選ぶ今年「良い！」と思ったWebサイト16選 - KAYAC engineers' blog
どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 KAYAC Advent Calendar 2019の18日目の記事を担当します、フロントエンドエンジニアのたがみです。普段はwebサイトを作ったり動かしたりぶっ飛んだものにしたりしなかったりしています。 去年は私のその時の推しライブラリだったVuetifyについてこのブログを通じて布教したのですが、今年も今の推しライブラリの話をするぜ！・・・と、意気込んでいたのですが。「というか日頃からWebサイト事例収集しまくってるから、今年の素敵だと感じたサイトを振り返るか」と思いついちゃいましたので今年は推しのWebサイトの話をしようと思います。 というのも、私は去年入社してからデザインや演出や作りが素敵なWebサイトを見つけては自分のツイッターに「このWebサイトが良い！」というのをひたすら垂れ流すというのを日常的にやっ
こんにちは、ぱんくま（@clipnotebook）です。 2016年頃から個人でサイト運営をしており、2021年3月7日（日）に新しいサイト『MONO SIZE・モノサイズ」を立ち上げました。 【お知らせ】 100均収納グッズのカタログ情報サイト『MONOSIZE』をオープンしました✨ 全商品を網羅できているわけではありませんが、約700点を掲載しています！ 「あの収納グッズのJANコードやサイズは何だっけ？」という時に使っていただければ嬉しいです。 ▼モノサイズhttps://t.co/STzX9IZ8y9 — ぱんくま (@clipnotebook) March 7, 2021 想像以上にサイトを知っていただくことができ、驚きました。 コメントやツイートをしてくださった皆さま、ありがとうございます！ こちらのnoteでは、サイト公開までに考えたことや苦労した点などをまとめています。 【
デザイナーがChatGPTに指示されながらECサイトデザインをしてみる実験 | Design Journal vol.25｜Sakino Tomiura
これはなに？昨年末にOpenAIがリリースしたチャット型AIの「ChatGPT」と一緒にデザインしていくプロセスで、実際にどんなことができるか？を実験してみたnoteです。 前提と注意点 🚨まずこのnoteの趣旨は「これらが実用的にデザイン制作に使える！」といったものではありません。 どちらかというと遊びに近く、実験的に行ったもので、結論から言うと現時点では実用的に使える要素はまだ少ないかなと思います。 また、前提として私はまだまだAIやChatGPTについて詳しいわけでは全くなく、これからちゃんと勉強してみようと思ってるぐらいのレベル、という前提で読んでいただけると幸いです。 （AIについて本を読んだり座学的な勉強から入るより「とにかく何かしら触ったりつくったりしてみる」方が楽しめると思い、せっかくなのでその実験の過程をまとめてみました。） 「こういうこともできるよ」「このやり方の方が
Webスクレイピングとは？Pythonで始めるWebスクレイピング実践・活用法 - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに Webスクレイピングの基本事項 Webスクレイピング(Scraping)とは Webスクレイピングの活用シーン Webスクレイピングの基本的な仕組み Webスクレイピングの注意事項 取得先への攻撃とみなされたり、規約違反や、著作権法違反に問われることもある 取得先の変更に影響を受ける 取得先がAPIを公開しているならそちらを活用する方が良い Webスクレイピングの実践方法 Webスクレイピングを実践するには 1. ベンダーのサービスやツールを利用する 2. 自分でプログラムを作成する なぜPythonなのか？ Pythonでのスクレイピング実践方法 事前準備 BeautifulSoup4のインストール 模擬Webサイトの構築 Webサーバーを立ち上げる 初級編：特定の要素から単一の要素を抜き出す 中級編：あるページから繰り返しを伴う複数の要素を抜き出す 上級編：複数のページから複
はじめに HTML+CSSコーディングにおいて、Sass管理ディレクトリを標準化する方法を紹介します。 CSS設計は、サイト種別やプロジェクト規模、分業の有無や人数によっても最適解が異なります。 この仕組みは、様々な設計を同じロジックで受け入れることによって、CSSコードの管理効率を画一的に最大化する狙いのものです。 コーポレート・ポータル・ブログ・EC・LP・管理画面…など、様々な種別のサイトのCSSを、同じ仕組みで設計して管理できるようになります。 前提事項など SassなどのCSSプリプロセッサの使用を前提とします。 本記事の一部は、後で見られるよう別記事として切り出しています。（📝のマークのもの） この記事は標準化ノウハウ公開の一環として書いています。 仕組みの概要や前提事項などについては「UltimateCoding 概要・前提事項」のエントリをご確認ください。 セクション一覧
脱・Atomic Design - HTML+CSSコーディングの粒度分類法（HTML Parts） - Qiita
はじめに HTML+CSSコーディング専用の粒度分類を紹介します。 この仕組みは、デザインやワイヤーフレームなどの視覚情報を分解することに焦点をあて、分解した対象を部品化する流れも併せてガイド化した汎用手法です。 世の中には、コーポレートサイト / ポータルサイト / サービスサイト / システム管理画面 / ブログサイト… といった様々な種別のサイト、Webページがありますが、これらの「完成予想図（視覚情報）」を同じ方法で分解して、コーディング用の部品にできます。 粒度と言えばAtomic Designが有名ですが、この「HTML Parts」も粒度そのものの考え方についてはAtomic Designの踏襲です。その上で「思考の入り方・捉え方」や「名称と定義」をコーディング側に寄せることで、CSS設計やコーディング業務を標準化しやすくしています。 ※この記事は標準化ノウハウ公開の一環とし
はじめに Flutter が本格的に流行ってきたので、勉強のため、架空のショッピングアプリの開発を Flutter を用いて開発してみました。 そこで得られた知見をまとめたいと思います。 開発したアプリの概要 開発するアプリとして架空の飲食店または小売店での注文アプリを作成しました。 この手のアプリの中ではマクドナルドのオーダーアプリがかなりよくできていたので、それを参考にして作成しました。 Flutter の勉強が主な目的ですが、相性の良い Firebase の機能も試してみたかったので、店舗情報、商品情報、注文履歴などのデータはアプリ内で固定値で持たずに Firestore に格納するようにしました。 ただし、商品マスタ登録、店舗マスタ登録や商品在庫といった運用の考慮どはしていません。 また、決済機能は実装対象外としました。 最終的な画面数は 10 画面。 実装期間は土日を 2 ヶ月間
Web API設計時に使われ方の想定を添えると良い。けどより良いやり方を知りたい - valid,invalid
先日登壇したイベントにて、仕事で協業したモバイルエンジニアから「Web APIのドキュメントに使われ方の想定が添えられていてありがたかった」とフィードバックをもらった。 具体的にはX post (以下、tweet) に添付した画像のような感じで、Web API (以下、API) が呼び出される画面・タイミングの想定、レスポンスの使われ方の想定などをUIのスクショとともに記述する、というもの。 API設計時にこういう使われ方の想定を添えると認識揃えやすくてありがたい、とモバイルエンジニアに喜ばれました#B43_techtalk pic.twitter.com/XLB3g6fCLZ— ohbarye (@ohbarye) 2023年8月3日 他にもこんなのとか。 APIレスポンスの使われ方の想定を書いているようす このことについて思ったよりもイベント内外で反響があったので書く。 ドキュメントの
2024年からのNISA制度が拡充し、非課税枠が大幅に拡大しました。これに伴い、新たにNISA口座を開設し、非課税制度と相性のよい高配当株投資を始めた人も多いと思います。 でも、どの銘柄がいいのか自分で判断できす、高配当銘柄ランキングなどを見て株を買っている人をちょくちょくお見受けします。 しかしそれはちょっと待って！ 配当利回りの高い順に並べただけのような人気銘柄ランキングを鵜呑（うの）みにするのは感心しません。 たとえば、次のことを考えてみてください。 今期末の配当が魅力的でも来期以降その配当が続く保証はありますか？ つみたてNISAの購入対象に高配当株の投資信託が１つも入っていないのはなぜかわかりますか？ 高配当投資よりインデックス投資の方が長期のパフォーマンスがいいのは知っていますか？ 高配当銘柄の株価が権利落ち日にどれくらい値崩れするか想像できていますか？ そもそも高配当株の中に
はじめに こんにちは。はじめまして。tarokamikazeです。 これは、社内勉強会用に参考資料をまとめたものです。 この資料のゴール DDD専門用語について、どんなワードでググったらいいかわかるようになる DDDを知らない人が、戦術的DDD(軽量DDD)だけでもやってみようかなという気になる 前段; MVCの限界 余談ですが、凝集度・結合度の観点からするとRailsのMVCがどう問題があるかをコラムで紹介しています。MVCそれぞれの責務を図示すると、低凝集・高結合になっていることがわかります。 とにかく、凝集度、凝集度なのです。 pic.twitter.com/fDWv1ERJA1 — 松岡@技術書典8Day2え28 / DDDブログ書いてます (@little_hand_s) February 2, 2020 あえて過激に言うと。 ある程度の複雑度を持ったアプリケーションにおいて、M
はじめに これはQiitaで開催されている「新人プログラマ応援 - みんなで新人を育てよう！」イベントの投稿記事です。 前回は「学習用のプログラムと仕事で書くプログラムは何が違うか」というタイトルで、お勉強用に作るプログラムと仕事で書くプログラムはこんなところが違うんだよ〜、というお話を書いてみました。 今回の記事ではみなさんが無事にプログラマとして就職できたと仮定して、「○○さん、このタスクお願いね」と開発タスクをアサインされたときの対応手順を説明してみます。 この記事を書いている人 仕事で20年近くプログラムを書いているプログラマ 現在は株式会社ソニックガーデンでRubyプログラマをやっている Rubyの入門書「プロを目指す人のためのRuby入門」を出版している プログラミングスクール「フィヨルドブートキャンプ」のメンターでもある 対象読者 新卒、または業界未経験の中途入社で最近プログ
「Uizard」はAIを使ったUIデザインツールで、ワイヤフレーム、モックアップ、プロトタイプを短時間で作成できます。最新の「Generate with Autodesigner」サービスはUI画面を自動で生成可能。今回は実務に根ざしたサンプル生成で、UIの精度を検証します。 こんにちは。CXデザイナー事業本部のスギヤマです。普段はモバイルアプリケーションやLINEアプリケーション開発に携わっております。 「Uizard」は、デンマーク コペンハーゲンのソフトウェア企業が開発しました。AIを利用したUIデザインツールで、ワイヤフレーム、モックアップ、プロトタイプを短時間で作成することが出来ます。手書きスケッチもワイヤフレームに変換し、簡単にプロトタイプ化すること出来ます。 以前から、「手書きのUIスケッチを美しい画面デザインに変換してくれるサービス」として話題だった「Uizard」ですが、
こんにちは。アーキテクトの堀内です。 前回の記事ではフロントエンドフレームワークの選定についてお話をしました。 blog.ecbeing.tech 今回は採用した Vue.js を使用して開発を進めるにあたり、つまずいた点と解決方法について話していきたいと思います。 今回やろうとしたこと アプリの WebView で商品一覧を表示、スクロールに応じて追加読込をする画面です。 ざっくりですが以下のイメージです。 テンプレートも分離したのは、View 部分だけを別管理として個別に編集できるようにしておきたかったからです。 商品一覧データは、商品単位の JSON データを配列形式で持たせています。 初期表示 事前に API で取得した商品データとテンプレートを Vue.js に指定して画面表示を行います。 今回テンプレートは、事前に HTML 上の targetID の要素に追記しています。 l
脱・Atomic Design - HTML+CSSコーディングの粒度分類法（HTML Parts） - Qiita
はじめに HTML+CSSコーディング専用の粒度分類を紹介します。 この仕組みは、デザインやワイヤーフレームなどの視覚情報を分解することに焦点をあて、分解した対象を部品化する流れも併せてガイド化した汎用手法です。 世の中には、コーポレートサイト / ポータルサイト / サービスサイト / システム管理画面 / ブログサイト… といった様々な種別のサイト、Webページがありますが、これらの「完成予想図（視覚情報）」を同じ方法で分解して、コーディング用の部品にできます。 粒度と言えばAtomic Designが有名ですが、この「HTML Parts」も粒度そのものの考え方についてはAtomic Designの踏襲です。その上で「思考の入り方・捉え方」や「名称と定義」をコーディング側に寄せることで、CSS設計やコーディング業務を標準化しやすくしています。 ※この記事は標準化ノウハウ公開の一環とし
無限ローディングや「さらに表示」ボタンを採用することで、商品の読み込み時にスムーズなインタラクションを提供することができる。 Alternatives to Pagination on Product-Listing Pages by Kate Moran on March 6, 2022 日本語版2022年8月4日公開 最近、従来のページネーションコントロールをやめて、インタラクションコストを少し下げることのできるデザインパターンを選択するECサイトが多くなってきた。これらのパターンを採用したほうがいいのだろうか。それは、提供している商品の数による。 従来からのページネーションでは、商品の一覧を複数のページに分割し、ページごとに一定の数の商品を配置していく。そのため、さらに商品を見るには、画面の上部または下部にある「次へ」ボタンをクリックかタップして、次のページに移動する必要がある。ペー
みんなが使えるカルーセルUIを考える | CyberAgent Developers Blog
Ameba事業部の谷（@hiloki）です。Amebaのデザインシステム Spindleのマネージャーをしつつ、UIの設計・開発をしています。 2021年は多くのガイドラインやUIコンポーネント設計・開発に取り組んできました。この記事ではCyberAgent Developers Advent Calendar 2021の3日目の記事として1年を振り返り、特に考えることの多かったカルーセルUI について、その設計視点やアクセシビリティを考えてみました。 カルーセルUI とは あらためてこの記事におけるカルーセルUI（以下「カルーセル」と呼称します）を定義します。 『デザイニング・インターフェイス（第2版）』におけるカルーセルの定義を引用すると下記のように説明されています。 視覚的に興味を引くことができる項目のリストを、横一列またはアーチ状に配置し、画像のサムネイルを左右にスクロールまたはス
非デザイナーは「生成AI」でどこまでUIデザインを作れるのか？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Technology部の永松です。 私が在籍しているTechnology部ではさまざまなシステム・アプリ開発を手がけています。 しかし、部内にはデザインやUIUXの知見がまだ足りていないのが実情です。 実際にデザインをするときは、他部署のデザイナーに力を借りることがほとんど。 ……近年こんなに生成AIが進化しているのであれば、これらを使って自分でデザインを作成することはできないものでしょうか？ WF（ワイヤーフレーム）の作成だけでもいいんです。これらが誰でもできるようになれば、もっとお引き受けできる案件も増えるはず。 というわけで、今回はクライアント提案に耐えうるデザインを生成AIでどう作るのか、試行錯誤した結果を紹介します。以下のツールについて感想をまとめていますので、ぜひ参考にしてください。 今回試したサービス ChatGPT Midjourney(+Vary Region) Fram
まもなく終了してしまう東海道新幹線の車内ワゴン販売を堪能する
東京葛飾生まれ。江戸っ子ぽいとよく言われますが、新潟と茨城のハーフです。 好きなものは犬と酸っぱいもの全般。そこらへんの人にすぐに話しかけてしまう癖がある。上野・浅草が庭。（動画インタビュー） 前の記事：機内食が空港で手に入るぞ！ただし温め必須で、そのままレンチンの旅に出た ＞ 個人サイト twitter 品川〜豊橋の約1時間強で堪能する！ 駅周辺店舗の品揃えの充実や、車内への飲食の持ち込みの増加などを理由に、東海道新幹線の車内ワゴン販売が終了する。 8月初旬にそんなニュースを見つけ、これまであまり車内ワゴン販売を利用してこなかった事を後悔していたところに、ちょうど愛知での仕事が入った。これはチャンス！ 最後にできる限り堪能しようじゃないか。 ちょうど東海道新幹線に乗るチャンスがきた。品川駅から乗ります！ この日の仕事の最終目的地は愛知県の東岡崎駅。 品川駅から豊橋駅まで「ひかり」で行き、
こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 今回は、LPにおいてCV（コンバージョン）に大きく影響を与えるUIパーツ「CTAボタン」周りのデザインをパターン別に集めてみました。 はじめに前回の記事で予告をした通り、今後、LPやWebサイトを構成する様々な要素を１つずつ特化して調査をしていきたいと思っています。 今回はその「パーツ別デザインまとめ」シリーズ２本目です。 ↑ こちらの記事、たくさんの方に読んでいただけており嬉しいです！ パターン別 CTAボタン一覧サイト閲覧者に特定の行動を促すよう誘導する（Call to Action）ためには、CTAボタンに視線を集める必要があります。 そこで今回は「目に留まりやすいCTAボタンにはどんな特徴があるのか？」という観点で、見つけた特徴別にCTAボタン周りのデザインを一覧化しました。 💡差別化された背景色CTAボ
推しぬい用ベストポーチを探す旅に終止符を打つ…！アイドルオタクが11種類を試しまくった結果を写真でレポートするよ - ソレドコ
推しのぬいぐるみ（推しぬい）と一緒に出かけたい！ と思いつつ、雨で濡れてしまったり汚れたりするのは絶対に嫌ですよね。クリアポーチにしまえば、ぬいに外の世界を見せてあげつつ、汚れも防げます。おすすめのポーチを11種類試してみました。実際の使用感やぬいぐるみを入れた様子を写真付きでご紹介します。ポーチの選び方についても解説しますので、ぜひ参考にしてみてください！ 二次元キャラクターや三次元アイドルをデフォルメした、「推しぬい」や「キャラぬい」こと“推しのぬいぐるみ”は、今さまざまな界隈から次々と誕生しています。一般的な推しぬいの身長は10〜15cmと、持ち運びしやすいサイズなので、ライブやイベントに連れて行ったり、カフェや聖地巡礼を一緒に楽しんだりしている方も多いはず。そんな時あると便利なのが、ぬいを持ち運ぶための“ぬいぐるみポーチ＝ぬいポーチ”なんです。 ぬいのおうちであり、交通手段でもある
【作業時間】20分 レベル★★☆☆☆ 布マスクの中で、最もスタンダードな形の立体マスク。 型紙は必要ですが、シンプルな工程で作りやすいのが特徴です。 今回は、下記↓のような立体マスクの作り方を紹介します。 ミシンを使うと約20分で作れる簡単レシピ。もちろん手縫いでもOKです！ 原寸大の型紙を用意したので、ぜひ作ってみてください。 ※今回用意したのは、大人の女性用のサイズとなります。（人によっては少し小さい、というお声もいただいています。お好みで拡大してください） 男性用や子供用を作りたい場合は、型紙を拡大・縮小してください。 顔のサイズにもよりますが、小学生低学年だと90％程度、男性用だと110％程度です。小学校高学年であれば、ゴムの長さの調整のみで型紙そのまま使えると思いますよ。 ▼作り方を動画にて詳しく紹介しています。合わせてどうぞ 立体マスクの型紙（１枚） ※クリックするとA4サイズ
キッコーマンしょうゆに「不可能図形」を見つけたい
不可能図形 (impossible figure) または不可能物体 (impossible object)は一種の錯視であり、視覚によって3次元の投影図として解釈されるような2次元の図形だが、実際にはそのような3次元物体は（少なくとも視覚が解釈した通りには）実在不可能である。 引用：Wikipedia「不可能図形」 あ〜！と思い出した人も多いだろう。 昔から教科書の本文そっちのけで小さな注釈や資料集の余計な部分ばかり読みこんでいたわたしは、不可能図形のことも算数だか美術だかの教科書で知ったのだ。 ノートの端っこに真似して描こうと試みた覚えがある。で、描いてるうちによくわかんなくなって放り出したんだった。 そしてこちらが我が家で使っているキッコーマンしょうゆ。ちょっとじっくりラベルを眺めてみよう。 「ALL-PURPOSE SEASONING」って書かれている。 ALL-PURPOSE S
一酸化二水素筒 - DHMO Bottle
■一酸化二水素専用の化学容器。別名「水筒」 事実しか書いてない「過保護な水筒」です。定期的な水分補給にどうぞ。 職質されても責任は負いかねます。 ※ご注文いただく前に、発送時期のご確認をお願いいたします。 ■発送時期 ご購入から【7営業日以内】 休日：土日祝日、年末年始 ■商品詳細 【容量】400ml 【保温機能】なし（アルミニウム製） ステンレス製（保温機能あり）もございます↓ https://monyaizumi.stores.jp/items/5f003a7974b4e47ae9e5a8ee ※手袋などは付属しておりません ■よくあるご質問 Q1.デザインは水にぬれても大丈夫ですか？ A.水、日光、擦れに強い高品質なラベルを採用しておりますので安心してご使用いただけます。 Q2.バッグの中で横になっても大丈夫ですか？ A.携帯用ボトルとして差し支えない（満タンの状態でしばらく横置きし
福岡発のメンズブランド 先日、ゆめタウン佐賀へと遊びに行った際に店舗を通りかかって「なんかこのショップめちゃくちゃかっこいいぞ」と気になってたCALL&RESPONSE(コール アンド レスポンス)。 その時には子どもの用事合わせるべく立ち止まれず通りすぎてしまったのですがあの一瞬が僕の心に強烈な印象を残しました。もちろん本当に一瞬だったので“どの服がカッコイイ”という感じではなく、“なんかこのショップで扱う服はどれもカッコイイ”、“このブランドがカッコイイ”という印象。それと同時にショップ内に書かれていた“福岡発のメンズブランド”という言葉も唯一の情報として認識しました。 コンセプト 九州・福岡から発信するブランド。お隣、佐賀人としては更に気になってしまいます。というわけで1人で過ごせるオフの日、ショップを見に行ってきました。ゆっくりじっくり見る事ができ、更に気に入ってしまいました。まず
推し活をしていると、CDやDVD、雑誌やアクスタなど、どんどん推しグッズが増えていきますよね。推し活で増えたグッズを収納するために、新たに棚の購入を考えている人も多いのでは？ この記事ではそんな方に向けて、ニトリの収納棚の中からおすすめの商品を3つご紹介します。 「ニトリには収納棚がたくさんあるけど、推しグッズを収納するにはどれを選べばいいの？」そんなお悩みをお持ちの方へ、特におすすめしたい商品を3つご紹介します。店頭で実物を見てきた感想も盛り込んでいますよ。 といっても、「ごちゃごちゃしたものは全部隠したい」「アクスタやフィギュアを飾りたい」など、収納に求めるものは人それぞれ。そこで今回は、各商品の特徴やカスタマイズの方法をあわせて解説。自分の推し活スタイルや生活スタイルに合った棚を選んで、快適な推し活ライフを送りましょう！ 【この記事はこんな人におすすめ】 推しグッズを収納できる棚を「
この記事を読むと以下のことがわかります。 「もしもアフィリエイト」でAmazonと提携するためのコツ Amazon・楽天・yahooが1つになった「かんたんリンク」の作り方 「かんたんリンク」をカスタマイズする方法 AmazonプライムやKindle Unlimitedなど、Amazon関連サービスの、アフィリエイトリンクの作り方 「もしもアフィリエイト」以外の登録しておきたいASP4選の特徴 「かんたんリンク」や「どこでもリンク」の使い方の他に、主要ASP4社の特徴も解説していますので、アフィリエイトに興味があるブロガーさんは、ぜひチェックしてみてください。 もしもアフィリエイトへ審査に出すタイミング もしもアフィリエイト「かんたんリンク」の作り方 「かんたんリンク」をカスタマイズしてみよう！ 「Amazonプライム」等のアフィリエイトリンクは「どこでもリンク」から作るべし！ もしもアフ
こんにちは。 最近、今更ながらPodcastって面白いなぁーとワクワクしてます。 どうも、しばひろです。 ということで、Shibajukuでもポッドキャストを始めてみました。 Shiabajukuのサロンメンバーたちの会話を盗み聞きしてもらうというポッドキャスト「シバジュク酒場」です。 さて、今日は、色んなWebサイトでよく見かけるカード型コンポーネントについて書いてみたいと思います。 というのも、よく見かけるコンポーネントだからこそ、色んなマークアップ方法があると思うのですが、僕なりのマークアップ方法が誰かの参考になるかもしれないし、色んなコンポーネントのマークアップを考えるきっかけになるかもしれないので書いてみようと思いました。 カード型コンポーネントって何？ まず、カード型コンポーネントがどんなコンポーネントかっていうと、まるでカードのような縦型になっていて、一般的には、最初に画像が
クイックサマリー：2021年のWebパフォーマンスを高速化しましょう。 毎年恒例のフロントエンドパフォーマンスのチェックリスト（PDF、Apple Pages、MS Wordに対応）は、指標やツールからフロントエンドのテクニックに至るまで、現代のWebで高速なユーザ体験を生み出すために知る必要があるすべてを提供します。 このチェックリストは2016年から更新を続けてきました。 メールのニュースレターでも、フロントエンドに関する便利な情報をご確認いただけます。 このガイドは、LogRocketに勤務する筆者の友人の厚意によるサポートを受けています。 LogRocketは、フロントエンドパフォーマンスのモニタリング、セッションリプレイ、製品分析を組み合わせ、顧客体験の向上に貢献するサービスです。 また、DOM完了時間、サーバ初期応答時間（TTFB）、初回入力までの遅延時間（FID）、クライアン
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!ショッピングでシステム開発を担当している石田と村上です。 Yahoo!ショッピングでは数億件にのぼる商品が日々更新されています。 今回はそれを支える出品ツールをマイクロサービス化して解決した課題と、複数のチームで開発する中で課題に感じたことを紹介します。 出品ツール（ストアエディタ）について マイクロサービス化の話に入る前に、まずはYahoo!ショッピングの出品ツール（ストアエディタ）について紹介します。 ストアエディタとは、出店ストアの方々がYahoo!ショッピングに出品するためのツールです。 出品データは以下の図にあるフローで連携されます。 商品情報には以下の情報が含まれており、入稿された値が正しいかど
TSUTAYAでアルバイトしていた学生エンジニアが退職するので置き土産に業務効率アプリを開発した話 - Qiita
概要 私は、大学1~4年生までTSUTAYAで働いていた学生エンジニアです。 この度、大学を卒業し就職するためアルバイトを辞めるので、4年間も働いたTSUTAYAに何か最後に残せるものはないかと思い、業務で使えるアプリを作りました。 開発したアプリの概要 開発したアプリは、食品の賞味期限を管理できるWebアプリケーションです。 使用した技術は、Next.jsとFirebaseでサクッと作りました。 開発した背景 私の勤めていたTSUTAYAでは食品を取り扱っているのですが、賞味期限の管理方法に少し問題を抱えていました。 それは、賞味期限を名簿に書いて管理していたことです。 これにより、以下のデメリットがありました。 ① 賞味期限の順にソートできない ② 紙による管理なので、かさばる ③ 賞味期限が過ぎていないか、いちいち名簿を見るのが面倒 また、この名簿を管理する人は決まっておらず、気づい
猿は人間に似た表情・動きで親しみやすく、見ていて飽きない存在です。そんな愛らしい猿たちを、遊び心を込めて2種類のデザイン和紙にしました。ジャングルで自由に暮らす姿をイメージし、後ろ向きになったり、片手でぶら下がったりするなど、様々なポーズをとる猿たちが登場します。 今回のブログでは、おすすめのアートパネル仕様についてもご紹介します。インテリアに取り入れれば、楽しくにぎやかな空間が作れますよ。 【新商品入荷のお知らせ】猿の絵柄の和紙＆インテリア和紙アートパネル 弊社ではオーダーメイドの企画制作も承っておりますので、特注サイズ・デザインをご希望の場合はご遠慮なくお問合せ下さい。 猿の絵柄の創作デザイン和紙 2種／限定品 創作デザイン和紙・猿モチーフ 緑／限定品（商品番号：as-23701) 猿の愛らしい姿を表現したデザイン和紙（緑）です。 立体感のある樹脂ラインで、ツルのような感じを出しました
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：じゃがいもはさつまいもになるか（デジタルリマスター） ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes それが「モンダミン エクストラスイート」 店頭で買ったのは陳列のラスト1本。モンダミンの公式サイトを見ても商品一覧にはなく、すでに生産は終了し在庫が販売されている状況とのことだ。 植木の前で撮ったら通販番組っぽくなった 発売開始は2022年の2月だというから、元気に発売中のうちはうっかり知らないまま、在庫限りになった今ぎりぎり存在を知ることができた、ということのようだ。 モンダミンとひと口にいってもランナップ展開は多い。 刺激の弱さをうりにしたものはこれまで見たこと
電車屋なのに自転車操業！ 理由あって、アイドルマスター SideMコラボ！【銚子電気鉄道】×【SideM】お仕事コラボレーション 銚子電気鉄道株式会社
電車屋なのに自転車操業！ 理由あって、アイドルマスター SideMコラボ！【銚子電気鉄道】×【SideM】お仕事コラボレーション 2023/4/30 Jupiterの3人のパネルと、「よんこまさいどえむ 銚子PR大作戦！特別版」を 最高だぜ！銚子！アイドルマスター SideM 犬吠駅構内で掲示中。 大正ロマン電車 GW運行予定！ （犬吠駅名告知・観光案内の車内放送を天ヶ瀬冬馬さんが担当） 5/3 1日中運行 5/4 1日中運行 5/5 朝の2往復、臨時列車 5/6 朝の2往復、臨時列車 ※朝の2往復：仲ノ町 6:53発→外川7:16発→銚子7:42発→外川8:10発→銚子 ※都合により、運行が変更になる場合があります。 澪つくし号（外川つくしヘッドマーク掲出）GW運行予定！ （犬吠駅名告知・観光案内の車内放送を天ヶ瀬冬馬さんが担当） 5/3 朝の2往復、臨時列車 5/4 朝の2往復 5/5
知恵と幸運の象徴であるフクロウをモチーフとした、デザイン和紙とアートパネルをオンラインショップ「Washiあさくら」にて新リリースいたしました。フクロウは、鷹や鷲と同じ生態系ピラミッドの頂点に君臨する“猛禽類（もうきんるい）”であるにもかかわらず、くりくりとした目と丸みのある可愛らしいフォルムが人気の鳥です。前回の「猿の絵柄の創作デザイン和紙」に引き続き、生き物モチーフ第2段として、夜の王者フクロウをモチーフにした新商品をご紹介いたします。 【新商品入荷のお知らせ】フクロウの絵柄の和紙＆インテリア和紙アートパネル 弊社ではオーダーメイドの企画制作も承っておりますので、特注サイズ・デザインをご希望の場合はご遠慮なくお問合せ下さい。 フクロウの絵柄の創作デザイン和紙3種／限定品 フクロウの絵柄の和紙として、シロフクロウ、シベリアワシミミズク、メンフクロウの3種類を制作しました。 それぞれのフク
愛読書を持ち歩く派の方にも お家で読書派の方にも バッグの中で本が傷むのを防いでくれる、シンプルなブックカバー。 愛読書には専用のカバーを付けて、長く大事に読みたいですよね。 通勤・通学の電車や外出先での読書にはもちろん、お家でも大切な本をおしゃれに保護します。 AYANOKOJIのブックカバーはがま口なので、パチン！と閉じればバッグの中等で本がバラバラとなることもありません。 読書好きの方に是非、試してほしいブックカバーです。 カラー・柄のバリエーションが豊富なので、メンズにもレディースにも使いやすく、色柄違いで購入して本棚に並べると、カラフルなインテリアとしても楽しめます。 おしゃれでかわいいブックカバーは、ギフトにもおすすめです。自分へのご褒美やプレゼントにもいかがですか。 商品紹介 読書グッズの代表格、ブックカバー。 AYANOKOJIのブックカバーは、サイズや用途によって4つのタ
ムーンスター810S（エイトテンス）は今こそ買うべきシューズ！（キッチェ、ホスプ、カフ等々・・） - YMのメンズファッションリサーチ
目次 春めいてきて、欲しくなるのはスニーカー！ なかなかに買いにくかった810S（エイトテンス）の状況に変化が！ 所有物の810s（エイトテンス）キッチェについて 810ｓ（エイトテンス）の各モデルは今なら十分入手可能！ キッチェ ホスプ カフ ステューデン オルパ ムーンスター810ｓ（エイトテンス）は今こそ買うべきシューズ！ 春めいてきて、欲しくなるのはスニーカー！ 出典：【大人のスニーカーコーデ】春の通勤コーデはハイテクスニーカーが断然かっこいい | ODAchan's Talk 少しずつ春めいてきましたね。 桜も咲き誇り、花のある風景が増えてきました。 まだまだ油断できないコロナ禍の折ではありますが、暖かくなると身に着けるものも軽やかにしていきたくなるもの。 前回の記事で大人のオトコはレザーシューズを！と言っておいてなんですが・・・ ymfresearch.info やはり、スニー
料理・レシピ | 三才ブックス
Menu 商品一覧▼すべての商品一般書雑誌・ムックDVD（電子書籍）グッズコラム（読み物）人気シリーズ▼ラジオライフ▼定期購読｜12ヶ月コース定期購読｜自動更新コースアリエナイ理科世界でいちばん素敵な教室小さな図鑑死ぬまでに行きたい絶景366日の教養ゲームラボラジオ番組表地図で読み解く鉄道沿線けもの道バックナンバーDVD（電書）ジャンルで探す▼ラジオ・無線鉄道・地図・廃墟アート・建築・デザイン旅行・アウトドア・キャンプ料理・レシピゲーム・レトロサイエンス・宇宙動物・植物・昆虫趣味・実用・ライフ電子工作・裏グッズ投資・相続・確定申告資格・免許・検定ECショップ▼公式オンラインショップ定期購読｜ラジオライフ｜1年定期購読｜ラジオライフ｜自動更新アマゾン（紙・電子書籍）楽天ブックス（紙）楽天Kobo（電子書籍）コンテン堂（電子書籍）有料記事書店様▼ご注文書をダウンロード販促物をダウンロードお知ら
こんにちは。メルカリ UX Designチームのmashanです。 2022年9月、メルカリのアプリがリニューアルしました。 今日はメルカリアプリのリニューアルプロジェクト「GroundUp App」のデザインプロセスについて紹介します。 2019年後半、メルカリアプリのフロントエンドのソースコードとデザインシステムの刷新を目的にGroundUpプロジェクトが生まれました。GroundUpの語源は「ゼロから作ること」を意味します。今回のプロジェクトではお客さまの体験を何も変えないことを前提に、デザインを進めました。 なぜリニューアルしたのかメルカリアプリをローンチしてから8年の間に、グループ組織の拡大と機能の増加で、デザインスタイルの統一がされていない箇所がたくさんありました。分かりやすい例でいうと、背景色のグレーはページによって9種類ほど存在していました。 また、これまでマスターデータが
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CSS】「これどうやる？」アップルやテスラのWebレイアウト再現テクニック集
サイト「MONO SIZE」を公開するまでに考えたこと｜ぱんくま
CSS設計・Sassディレクトリ管理の標準化（CROCSS） - Qiita
Flutter でアプリを作ってみた感想 - Qiita
新NISAで高配当を狙うなら覚えておくべき6つの注意点！正しい銘柄の選び方とは？
わかった気になるDDD入門記事まとめ - Qiita
【新人プログラマ応援】開発タスクをアサインされたらどういう手順で進めるべきか - Qiita
UI画面生成AI「Uizard」でデザイナーいらず？業務の最前線で使ってみた | DevelopersIO
プロダクトでVue.jsを採用しました 実践編 - ecbeing labs（イーシービーイング・ラボ）
商品一覧ページにおけるページネーションの代替案
「CTAボタン」のUIを集めてみた｜パーツ別デザインまとめ｜nanami
【無料型紙あり】20分で完成！立体マスクの作り方
福岡発《CALL&RESPONSE》 プリントロンTEE - mogumogumo.jp
ニトリはオタクにも優しい…！カスタムできて、理想の推しグッズ収納に近づける棚3選 - ソレドコ
はてなブログにもしもアフィリエイトの商品リンクを貼る＆カスタマイズの方法 - だけど生きていく！
カード型コンポーネントの僕なりのHTMLとCSSを紹介 - Shibajuku
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-前編 | POSTD
数億商品を扱う出品ツールをマイクロサービス化 〜 解決した課題と開発の悩みについて
インテリアに遊び心を。ジャングルの猿たちを画いたデザイン和紙 | 生活と和紙、その新しい提案
甘いものを食べるかわりに口をゆすぐ、極甘モンダミンとは何だったのか
夜の静けさを破る優雅なフクロウのデザイン和紙とアートパネル | 生活と和紙、その新しい提案
がま口ブックカバー（人気ランキング・おすすめ・商品一覧）| AYANOKOJI 公式通販
何も体験を変えないデザインリニューアル｜Mercari Design Blog