子供は作っておいた方がいい
肌感覚ではあるが、最近どうも子を持たないような風潮がある気がする。 調べたところ、子を作らずに夫婦共働きをする生き方を、最近は「DINKs」と呼ぶらしい。どのくらい一般的な言葉なのかは馴染みがないため解らないが。 私は40年近く、そのDINKsと呼ばれる生活を続けてきて、つい先日還暦を迎えてしまった。 しかしながら、正直DINKsという道を選んだことを後悔している。 子を持たない選択をした20代の自分の価値観や知見と、実際にそのまま突き進んだ先にいる60代の自分の価値観や知見との間に大きな乖離があった為だ。 平易に言えば、若く経験もない20代の頃に考えていた「合理的な選択肢」は、そこから40年近くの人生経験を積んだ60代になってから見えてきた「真に合理的な選択肢」ではなかったということになる。 DINKsのメリットと当時考えていたこと1.子育てに時間を取られないため、余暇を確保できる 2.
スゴイいいこと思い付いたんだけど ケチャップとマヨネーズを混ぜてピンク..
スゴイいいこと思い付いたんだけど ケチャップとマヨネーズを混ぜてピンクっぽい色の調味料を作って売ったら 色も映えてなかなか普通に良い今までにない調味料が出来るんだけど、 今試してみたら味も悪くない！ 今までそう言う発想無かったんじゃない？ ただネーミングなんて名前にしようか。
ShopifyでGoogle Tag Manager（GTM）を設置する方法
このコラムでは、Google Tag ManagerをShopifyに設定する方法についてご説明させていただきます。 1. Google Tag Managerとは何か？ Google Tag Manager（以下 GTM）は、Google広告やGoogle Analyticsなどのデータ計測に必要な様々なタグを1か所で実装できるタグ管理ツールです。 タグはコンバージョントラッキング、リマーケティング、Googleアナリティクスのデータ計測など、サイトの訪問客とパフォーマンスの分析やユーザートラッキングをするために役立ちます。 GTMを使用することにより、サイトにタグを簡単に追加することができるので非常に楽です。 逆にGTMがないと、Webサイトのソースコードにアクセスし、ソースコードにタグを追加してアップロードする作業をそれぞれ行わなければなりません。 2. ShopifyでGTMを設定
React入門チュートリアル (5) ToDoアプリを作ってみよう | Hypertext Candy
この連載記事は、これから React を学びたい JavaScript 開発者のための入門コンテンツです。対象とする React のバージョンは執筆時点で最新の v16.13 です。連載記事は以下の通り。 Reactとは何か JSX 属性と状態 フォームとイベントハンドリング ToDoアプリを作ってみよう 副作用 カスタムフック Reactプロジェクトを始める方法 本章はここまでのおさらいです。ToDo アプリのサンプルを一緒に作っていきましょう。 作るもの See the Pen React Todo Demo by Masahiro Harada (@MasahiroHarada) on CodePen. テキスト入力欄にタスクを書き込んでエンターキーを押すと下のリストに追加されます。 完了したタスクは、チェックボックスを ON にします。視覚効果として、完了済みのタスクは文字を薄くし
Figma でスライドを作る時に知っておくと便利なこと｜seya
Figma でスライドを作っている方、増えてきたのではないかと思います。私も最近は Figma で作っています。やはり自由度の高いツールでありながらもコンポーネントなどでスライド共通の装飾なども作れるので生産性も高く気に入っております。 そんな Figma でスライドを作る時にいくつか知っておくといいことを紹介していきます。 プロトタイプで共有よりは SpeakerDeck などのスライド共有サイトを使った方が多分いいなぜかと言うと、Figma のプロトタイプでシェアすると全部のFrameが読み込まれるまで表示がされないからです。せっかく読もうと思ってくれた人を少し待たせてしまいます。Speaker Deckなどでは最初の一スライドだけ読み込まれたらすぐ表示してくれるのでその点は大丈夫です。 例として猫ちゃんのスライドを作ってみました。ちょっと開くまでに時間がかかるのがみて取れると思います
知っておくと便利で役に立つHTMLの属性のまとめ
あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロードできるファイルのタイプを指定できるaccept属性など、HTMLだけで実装できるのかという便利な属性ばかりです。 7 useful HTML attributes you may not know by Mariana 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに multiple属性 accept属性 contenteditable属性 spellcheck属性 translate属性 poster属性 download属性 終わりに はじめに HTMLは、Web制作の要です。しかし、多くのプロ
WAI-ARIA 1.0 Authoring Practices
How to build accessibility semantics into web patterns and widgets ARIA Authoring Practices Guide (APG) Home Learn to use the accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to create accessible web experiences. This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional
簡単に作れる！アパレルブランドの立ち上げ方法と完成までの流れを解説
「アパレルのブランドを立ち上げたい！」 「自分で服を作って売ってみたい！」 いろんな起業の方法がある中でもファッション系はとても始めやすく、自分の好きなデザインの服が作れるので長年人気を博しています。 また、自分の作った服がたくさんの人に着られて、有名になって、雑誌にも紹介されて・・・。とっても夢がある仕事でもあるんですよね。 というわけでさっそくアパレルブランドを立ち上げていきたいのですが、初めての時には分からないことばかり。 「どこに行けばいいの？手続きは？準備するものは？資格はいる？」 などなど、なにをしたらいいのか迷ってしまいますよね。 また、アパレルブランドを立ち上げて服を売っていく方法はたくさんありますが、実際調べてみると今では通用しないような”古い方法”が出てくることも多いです。 なので今回は、令和時代での最新のアパレルブランドの立ち上げ方法をこちらの記事で紹介していきたいと
eBay輸出 Send Offerとは？セラーからバイヤーに逆オファーを送って売上UP！ - れんとテッド
注意点としてウォッチがついている商品すべてにオファーを送れるわけではありません。 あくまでもlistingsのSend offersに表示されいる数だけオファーを送ることができます。 Send offersを送る商品って？ ・ライバルが多い人気商品 ・高額商品 ・ウォッチは付いてるけど、長い間売れていない商品 このあたりを意識して送ってみましょう。 ライバルが多い人気商品に関しては、価格で勝てないなら自分の商品をアピールする為にもsend offersを送ってみるのも良いですね。 Send offersの送り方 Seller Hub → Quick filters → Send offers-eligibleを選択します。 ここでは2,322の商品にSend offerを送れます。 オファーを送りたい商品にチェックを入れます。 今回は複数個にオファーを送りたいので、％のみの選択となっていま
【Figma】Auto Layout がアップデートされました！ - bagelee（ベーグリー）
はじめに この記事は新しい技術にチャレンジし続けるpalanのアドベントカレンダー 3日目の記事です。 昨日は 『figmaがもっと便利になるプラグイン5選とその使い方』 という記事をご紹介しました。 figmaがもっと便利になるプラグイン5選とその使い方 本記事では2020年11月19日にアップデートされたFigmaのAuto Layout機能についてご紹介します。 新しくなったAuto Layoutで何ができようになったのか、Auto Layoutを使いこなしたい方に向けた記事になります。 なお、Figmaの公式ブログの記事「Behind the feature: the making of the new Auto Layout」でも、Auto Layoutのアップデート内容について解説されているので、ぜひご覧ください。 Auto Layout機能とは 複数のオブジェクトが隣り合わせ
【チームライブラリ活用編】 デザインシステムを #Figma でもっと強くする｜nozoe | conoito
【まずやること編】 デザインデータをSketchからFigmaにお引越ししよう もあわせてドウゾ ・・・ ノゾエ（@conoito）です。 今年3月頃に、SketchからFigmaに、UIまわりのデータの移行を行いました。 約半年が経った9月現在、特に大きな問題もなく快適に本運用を行なうことができています。 今日は、Figmaに移行してから行なった、 コンポーネントの整備からスタイルの最適化、 さらには、最適化したデザインシステムをアプリに適用するまでを、もりっとお話します。マルマルのもりだくさんです！！！！！！！！１ ● この記事をお勧めする人 - Figma使ってる人たちのその後ってどうなんですかね => 快適です！！！（快適になるための努力はしました） - 移行した後ってまず何をしたらいいんですかね => 1. コンポーネントをFigmaのチームライブラリに対応させる をやるとよいで
デザインシステムの作り方徹底ガイド 参考にしたい導入事例まとめ
この記事では、デザインシステムを作成するときの基本ガイドをまとめています。 この記事は3つのパートで構成されています。 デザインシステムを理解する（デザインシステムとは何か、いつ作るべきか？） デザインシステムの作成（作成プロセスとやっておきたい項目） デザインシステムの具体的なサンプル例（デザイナーとデベロッパー、それぞれの観点より） デザインシステム追加の検討事項（その他のコンセプトや参考文献など） *この記事では、Webサイトやアプリ、オンラインサービスなどを表す包括的な用語として、「プロダクト（Product）」という言葉を使用しています。 この記事のコンセプトをイラスト化するために作成した、デザインシステムを公開しています。ご自由にお使いください。 Basic Design System – Figmaファイル デザインシステムを理解しよう デザインシステムとは？ デザインシステ
Figmaでデザインを起こしてみよう – 2020に流行ったWebサイトのデザインをLightningとVK Blocksで再現 Part2
これは「Vektor WordPress Solution Advent Calendar 2020」10日目の記事です。 日本語圏のWEBデザイナーやWEBデザインに興味がある人、とりわけFigmaに興味があるけれどちゃんと触ったことが無い方に向けて書いています。デザイン用語がいくつか出てきます。 この「2020に流行ったWebサイトのデザインをLightningとVK Blocksで再現してみよう」というシリーズではFigmaといったデザインツールの使い方のヒントや、デザインを考えるための参考資料のリンク集、Lightningのカスタマイズのヒントなどが得られます。 前回の記事で、再現してみたいサイトは決まりましたので早速作業に入りましょう！ と言っても、いきなりWordPressは立ち上げません。 もちろんLightningとVK Blocksがあればブロックを組み合わせるだけでサイ
無料アイコン素材｜ICON BOX｜商用フリーアイコンがダウンロードできます
商用利用OKのフリーアイコンダウンロードサイト。テイストを揃えているので様々な案件で使いやすい！パスデータが生きているから簡単にカスタマイズもOK!
O-DAN (オーダン）- 無料写真素材・フリーフォト検索
高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日本語で横断検索できるサービス「O-DAN(オーダン)」
Figma Templates, UI kits and Freebies - Free Figma resources
Figma Templates, UI kits & Resources The biggest collection of free Figma resources Many thanks to VIP Graphics who created and shared this new Figma resource. It’s a free Figma Bento grid presentation template. For those who don’t know, the Bento grid is a structured layout that allows you to present information in neat blocks. Being a grid design, the layout automatically resizes or rearranges i
噂のFigmaで使えるテンプレートサイト | FH_BLOG | 東京のホームページ制作・Web制作会社 フライング・ハイ・ワークス
こんにちは。デザイナーのあーさんです。 試しに使ってみて、Figmaのすごさを実感したので さらなる活用を後押ししてくれる Figmaデザイン制作で役立つUI Kitが並ぶサイトを探しました。 （まだ会社の実作業に使うことはありませんが。。。） より早く、システマチックに！ また、Figmaでどんなデザインが可能なのかよくわからない人も このサイトを見れば、理解しやすいかも？ 1. FIGMA CRUSH https://www.figmacrush.com 有料、無料とありますが、webサイトのテンプレやアイコン、 ワイヤーフレームもありますので、構成やプレゼンにも役立ちます。 2. Figma Freebies https://www.figmafreebies.com/ 100％無料！（ありがたい！） 自身の作品もアップロードが可能です。 アイコン、キット、フレームやガイドテンプレー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Download 226 free Figma design for your next projects - uistore.design
KTRZ Grid System | Figma
Adobe DimensionをCreative Cloudからインストールする方法 2021 - ろくデブログ