並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 172件

新着順 人気順

*参考の検索結果1 - 40 件 / 172件

*参考に関するエントリは172件あります。 デザインwebデザイン仕事 などが関連タグです。 人気エントリには 『コグニカル』などがあります。
  • コグニカル

    コグニカルは、足りない知識を掘り下げて理解する学習サイトです。

    • 零細企業買収して売却した話|reisaikigyou_ma

      零細企業買収ですこんにちは。アカウントの柱である会社を売却してしまいアカウント存亡の危機です。 このアカウントの活動をエンタメとして面白がってくれる初期からの根強いフォロワー様たちから希望がありましたので、区切りの良いタイミングとなった今、メモを残しておきます。 ちなみに、前回のDXnoteは私一人の作業メモですが、今回のメモは二人分の視点を合算しています。 このアカウントで情報提供していた対象会社に対しては、実は僕ともう一人の友人で投資をしており、経営のもろもろも二人でやいのやいの言ってやってきた案件なのでした。ということでそんな二人分のメモです、どうぞ。 ケーススタディとして街中にある、どうやって生き延びてるかわからない、ちっちゃい会社って無数にあると思います。 そういう会社を自分が回したらどうなるかな、と考えたことがある人もいるはず。そういう方にピッタリなケーススタディかと思っていま

        零細企業買収して売却した話|reisaikigyou_ma
      • フリーWi-Fiを使ったら秘密情報を抜かれる経路にはどのようなものがあるか - Qiita

        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ゴールデンウィークのはじめ(4月29日)に投稿された以下のツイートですが、5月7日20時において、1,938.8万件の表示ということで、非常に注目されていることが分かります。 我が名はアシタカ!スタバのFreeWi-Fiを使いながら会社の機密情報を扱う仕事をしてたら全部抜かれた。どうすればよい! pic.twitter.com/e26L1Bj32Z — スタバでMacを開くエンジニア (@MacopeninSUTABA) April 29, 2023 これに対して、私は以下のようにツイートしましたが、 これ入社試験の問題にしようかな。『

          フリーWi-Fiを使ったら秘密情報を抜かれる経路にはどのようなものがあるか - Qiita
        • 【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新|ryota_funakoshi

          【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新 こんにちはデザイナー社長の船越です!久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から 「どこから画像を引っ張ってくればいいかわからない😭」 「日々の情報収集どうすればいいの?🤔」 という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました!デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです!たくさんのデザイナーさんの役に立つ記事にしたいため、「このツールも便利だよ!」というのがあればぜひコメントで教えてください! 日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し

            【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新|ryota_funakoshi
          • デザインのしたじき

            コ・デザインのためのシンキングシート

              デザインのしたじき
            • 話を聞き出す技術

              XP祭り 2022の資料です。 #xpjug #shinagile LISTEN――知性豊かで創造力がある人になれる https://www.amazon.co.jp/dp/4822289001 子どもは40000回質問する あなたの人生を創る「好奇心」の驚くべき力 https://ww…

                話を聞き出す技術
              • Midjourney、Stable Diffusion、mimicなどの画像自動生成AIと著作権|知的財産・IT・人工知能・ベンチャービジネスの法律相談なら【STORIA法律事務所】

                ホーム ブログ 人工知能(AI)、ビッグデータ法務 Midjourney、Stable Diffusion、mimicなどの画像自動生成AIと著作権|知… はじめに Midjourney、Stable Diffusion、mimicなど、コンテンツ(画像)自動生成AIに関する話題で持ちきりですね。それぞれのサービスの内容については今更言うまでもないのですがMidjourney、Stable Diffusionは「文章(呪文)を入力するとAIが自動で画像を生成してくれる画像自動生成AI」、mimicは「特定の描き手のイラストを学習させることで、描き手の個性が反映されたイラストを自動生成できるAIを作成できるサービス」です(サービスリリース後すぐ盛大に炎上してサービス停止しちゃいましたが)。 で、この手の画像自動生成AIのようなコンテンツ自動生成AIですが、著作権法的に問題になる論点は大体決ま

                  Midjourney、Stable Diffusion、mimicなどの画像自動生成AIと著作権|知的財産・IT・人工知能・ベンチャービジネスの法律相談なら【STORIA法律事務所】
                • 1on1ガイドについて

                  1on1ミーティングガイド (1on1ガイド)は組織で働く個人のパフォーマンス向上・維持のために実施する1on1ミーティングの実践的なガイドを目指し、コミュニティメンバーによって、パターンランゲージの形式を取り入れ執筆しています。 本書はコミュニティのメンバーが共同で執筆しており特定の人によって完成されたものではなく、常に更新されるものです。また、出版される書籍の文章に比べて足りないと思うところはあるかもしれません。 よりよい内容となる記載のアイデアがあれば1on1guide.orgにご連絡ください。

                    1on1ガイドについて
                  • ChatGPTが賢くなる!noteの深津さん考案「深津式汎用プロンプト」でChatGPTが劇的に使いやすくなった! - ディレイマニア

                    ChatGPTは「手前の文に確率的にありそうな続きの文字を繋げるAI」 まず最初にChatGPTの仕組みについて。 深津さんによるとChatGPTは、「手前の文に確率的にありそうな続きの文字をどんどん繋げていくAIである」とのこと。 例えば「昔々」という入力に対して、確率的にありそうな続きの文字は「あるところに」であるという具合に、続きそうな文字をただ出してくれるAIなんだそうです。 これを誤解していると求めているような回答がなかなか得られないので、ChatGPTに自分が求めている回答してもらうためには、確率的にありそうな続きの文字を出す方向性を狭めていくような質問をする必要があるそうなんですね。

                      ChatGPTが賢くなる!noteの深津さん考案「深津式汎用プロンプト」でChatGPTが劇的に使いやすくなった! - ディレイマニア
                    • 本当は教えたくないWebデザイン参考ギャラリーサイト37選

                      ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

                        本当は教えたくないWebデザイン参考ギャラリーサイト37選
                      • 「浄土」PDF一覧

                        創刊号から先月号までPDFでお読みになれます。 お読みいただくには「Adobe Reader」が必要です。標準でPCにはインストール済みと思いますが、お持ちでない方は、http://get.adobe.com/jp/reader/からダウンロードしてインストールしてください。

                        • わかりやすい説明のための 10 の鉄則

                          第0部 まずは「分かりづらい説明」を知ろう(p.14~) 第1部 口頭説明編(p.25~) 第2部 資料作成編(p.63~) 第3部 スライド作成編(p.81~) スライドのまとめ(p.115~)

                            わかりやすい説明のための 10 の鉄則
                          • わずか数年で400億円も売り上げを伸ばしたカインズ ホームセンターのDXで、まず「顧客戦略」に着手した理由

                            多くの企業がデジタル戦略を進める中で、「IT=外部委託」から、「デジタル組織の内製化」へと舵を切り始めています。しかし、内製化の実現には投資計画や組織づくり・文化づくり、経営層と現場の意識改革、採用・育成など、あらゆる領域の変革が必要です。株式会社メンバーズ主催のセミナー「カインズを支えるデジタル内製化組織の作り方」では、200名以上のデジタル部隊を内製化したカインズの先進的な取り組みを紹介します。開発からマーケティングまで行うデジタル組織の立ち上げから今後の戦略まで、立役者である同社CDOの池照直樹氏が語りました。本記事では、いきなりデジタルを推進する前に、最初に実施した「顧客戦略」について解説します。 ・2記事目はこちら ・3記事目目はこちら 企業のデジタルシフトが進む中で注目される「内製化」 西澤直樹氏(以下、西澤):みなさん、こんにちは。株式会社メンバーズの西澤と申します。本

                              わずか数年で400億円も売り上げを伸ばしたカインズ ホームセンターのDXで、まず「顧客戦略」に着手した理由
                            • 先回りすると興味を失う、後回りして驚くと興味を示す|shinshinohara

                              子どもが興味関心を失う大きな原因に「先回り」があるらしい。 自分が子どもの頃、大好きだった図鑑があって、「これ、お父さんが大好きでよく読んでいたんだ」というと、一つも読もうとしなかった。 ところが知人がくれた図鑑は擦り切れるほどに何度も読んで、私にその知識を披露してくれた。 私の勧めた図鑑を手にとろうとしなかったのは、私がその図鑑の内容について詳しいからだろう。ということは、その図鑑から知識を仕入れて親に披露しても、親は「ああ、知ってる知ってる」という反応しかしないだろう、それどころか追加の知識も披露して自慢するだろう、と嫌気がさしたのかも。 「名探偵コナン」が大好きな息子。そこにたびたび三国志エピソードが挟まるのに興味をもち、「三国志読んでみたい」と言い出した。三国志好きな私はそれで嬉しくなってしまい、熱く語ってしまった。そこから息子はマンガ三国志を読まなくなってしまった。私が詳しいこと

                                先回りすると興味を失う、後回りして驚くと興味を示す|shinshinohara
                              • ちょうどいいWebデザインギャラリー

                                カラー ネイビー (10) カラフル (273) スカイブルー (235) ホワイト (1246) ベージュ (440) グレー (443) ブルー (364) パープル (59) ピンク (128) レッド (219) オレンジ (131) イエロー (229) グリーン (322) ブラウン (153) ブラック (547) ゴールド (54) 業種 スポーツ (29) 旅行・ホテル・観光 (158) 美容 (118) エンタメ・趣味・娯楽 (181) 製品・工業・素材 (141) 金融・保険・会計・法律 (49) ファッション・アクセサリー (78) 就職・人材サービス (34) インフラ (26) 不動産・建築・空間・施設 (157) アート (41) 車・バイク他 (18) 事業・組織 (73) 暮らし商品・サービス (154) 飲食・食品・飲料 (496) 行政・NPO・団体・

                                  ちょうどいいWebデザインギャラリー
                                • デザインシステム|デジタル庁

                                  デジタル庁では「誰一人取り残されない、人に優しいデジタル化を。」の実現を目指し、ウェブサービス・ウェブアプリケーションの使い勝手や情報の探しやすさ、アクセシビリティ等の向上に取り組んでいます。
その一環として、「デザインシステム」の構築を推進し、官民問わずすべての方が参照できる形で公開しています。よりよいデザインの普及・啓発に向けて拡充と更新を継続的に行い、あらゆる人がデジタル化の恩恵を享受できる社会に貢献します。 2024年5月30日 デザインシステムのコンテンツは専用サイト「デジタル庁デザインシステムβ版」へ移行しました 専用サイトで、ガイドラインやデザインデータ等の各アセットを案内しています。 イラストレーション・アイコン素材 行政手続きをもっとわかりやすくするために作成した素材集です。どなたでもご利用いただけます。 最近の取組2024年5月 専用サイト「デジタル庁デザインシステムβ

                                    デザインシステム|デジタル庁
                                  • Web制作の常識が変わる、便利な最新オンラインツール48個まとめ

                                    この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手

                                      Web制作の常識が変わる、便利な最新オンラインツール48個まとめ
                                    • 「人の話をちゃんと聞けない人」の問題は、意識とかテクニックだけでは解決できないかもしれない。

                                      つい最近、「人の話をちゃんと聞けない人」を「聞ける人」に変えるのは可能なのか、という話でディスカッションになった。 というのも、ある経営者が「お客さんの話を全く聞けないメンバーがいる」と愚痴をこぼしたからだ。 すると、周りの人々も、呼応するように、「いるいる」という。 その経営者の話を聞くと、おおむね次のような状況だった。 その人は、良く言われるテクニック的な「傾聴する姿勢を見せる」のは得意だという。 「聞き上手」のように、メモを取ったり、頷いたり、相槌を打ったりする。 人の話を遮ったりもしない。 しかし、同僚やクライアントからしばしば、次のようにクレームがあるという。 「あの人、全然話を聞いてないんだよね。」と。 具体的にはどのような事象でしょう?と聞くと、 「例えば、同僚から意見を求められても、「それでいいと思います」としか言えない。あるいは、クライアントが「この構成に対して指摘はあり

                                        「人の話をちゃんと聞けない人」の問題は、意識とかテクニックだけでは解決できないかもしれない。
                                      • SEOまるわかり大全集 – ワードプレステーマTCD

                                        WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26

                                          SEOまるわかり大全集 – ワードプレステーマTCD
                                        • 文春オンラインの記事分析を支える爆速ダッシュボードを作るまで|Shota Tajima

                                          従来のGoogleアナリティクスである、ユニバーサル アナリティクス(以下UA)のサポートがいよいよ2023年7月に終了することが、先日アナウンスされました(※)。昨年対比やトレンドをチェックすることを考えると、2022年内できるだけ早めに次世代のGoogleアナリティクス(以下GA4)へ移行したいWebメディア運営者も多いかと思います。新しいツールの勉強や、既存システムの改修が必要な問題ではありますが、この機会を、データ収集・可視化の設計を見直し、日々の意思決定の共通言語としてデータを使いやすくするチャンスと捉えてみてはいかがでしょうか。 ※  Google、ユニバーサルアナリティクスのサポートを2023年7月1日に終了。早めのGA4移行を推奨 このnoteでは、前半でダッシュボードによるデータの可視化にコストをかけるべき理由を整理します。後半では、2021年秋に文春オンラインのダッシュ

                                            文春オンラインの記事分析を支える爆速ダッシュボードを作るまで|Shota Tajima
                                          • 2022年のモダンCSS改

                                            7/27(水)開催の「TechFeed Experts Night#1 〜 Web標準 / CSS / Webアクセシビリティを語ろう」で発表した内容です https://techfeed.io/events/techfeed-experts-night-20220727 スライド内のリンクがクリックできるPDF版はこちら https://drive.google.com/file/d/1fc98v082exdGcCuxS73wEN_Qe2COvdTW/view?usp=sharing 各デモURL ■ 上下左右中央揃え https://codepen.io/tonkotsuboy/pen/qBbpYzj ■ スムーススクロール https://codepen.io/tonkotsuboy/pen/NWyNMOo ■ すりガラス https://codepen.io/tonkotsuboy

                                              2022年のモダンCSS改
                                            • 日本のオタクに知って欲しい、西洋のオタクスラング「Proship」という単語の意味と「Proshipper」という概念|マロミチャン🐶

                                              日本のオタクに知って欲しい、西洋のオタクスラング「Proship」という単語の意味と「Proshipper」という概念 はじめにどうも、マロミと申します。 突然ですが英語圏のオタクが使うProshipやProshipperという単語、ご存知ですか? 私がはじめてこの単語を聞いて何を意味するスラングなのか調べた時、正しい解説を見つける事はできませんでした。 このnoteでは日本人の方がProshipやProshipperという単語を使う人に直面した時、理解できない言葉に戸惑わないよう、私が受けた嫌がらせを元に正しい言葉の意味と対処法について記していきたいと思います。 経緯が長いので、単語の意味だけを知りたい方は「Proshipの勉強」と「Proshipperの真の意味」の項目に飛んでください。 事の発端2022年7月。 とある海外ジャンルで二次創作をしていた私は、生まれて初めて英語のDMを貰

                                                日本のオタクに知って欲しい、西洋のオタクスラング「Proship」という単語の意味と「Proshipper」という概念|マロミチャン🐶
                                              • 1on1の効果を高める3つの技法 - NTT Communications Engineers' Blog

                                                この記事は NTTコミュニケーションズ Advent Calendar 2021 の11日目の記事です。 はじめに ヒューマンリソース部の岩瀬(@iwashi86)です。普段は、全社の人材開発・組織開発を推進しており、業務の1つとして、"1on1" の全社展開をしております。 本記事では、その"1on1"の効果を高める具体的な技法を紹介いたします。アドベントカレンダーということで、ゆるめに書いてみます。*1 NTT Com における1on1の目的とは? 技法を説明する前に、1on1の目的について説明します。技法はあくまで目的達成に向けたHowでしかないためです。 1on1の目的とは何でしょうか?1on1それ自体には、複数の目的が挙げられます。代表的なところで言えば次のようなものでしょうか。 信頼関係の構築 離職率の低下 メンバー育成 目標達成へ向けた支援 etc... どれが正解というもの

                                                  1on1の効果を高める3つの技法 - NTT Communications Engineers' Blog
                                                • マネージャー&リーダー向け 社内トレーニング / Training of management and leadership for Stockmark

                                                  ストックマークの社内研修の公開版※資料です。 (※実際に研修で利用したものとは異なります)

                                                    マネージャー&リーダー向け 社内トレーニング / Training of management and leadership for Stockmark
                                                  • デジタル庁デザインシステムβ版

                                                    デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。

                                                      デジタル庁デザインシステムβ版
                                                    • 日本のウェブデザインの特異な事例

                                                      sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人

                                                        日本のウェブデザインの特異な事例
                                                      • Webデザインで「紙っぽさ」を出す方法を考えてみる|akane

                                                        こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください! はじめに:「紙っぽさ」とは?私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典:六本木未来会議出典:DMN出典:ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう?自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①:文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

                                                          Webデザインで「紙っぽさ」を出す方法を考えてみる|akane
                                                        • ゼロから始める、データ分析と可視化 - Kyash Product Blog

                                                          はじめまして。Kyashでデータエンジニアリングを担当しているKyashデータマンです。この記事では、Kyash社内のデータ分析の基礎に関するドキュメントを紹介します。 Kyashでは、データエンジニアリング・ガバナンス・セキュリティなど様々な角度から、公正なデータの取扱いと活用を推進しています。従来は、一部の訓練された技術者がデータ分析を一手に担っていましたが、社内でもデータ活用のニーズも多く、その担当者に分析や集計の業務が集中するという課題がありました。 この課題に対して、データへの適切なアクセス管理を行い、そして適切なBIツールを導入することで、データを取り扱う人が自分でデータ分析・そして活用できるようになることを目指しています。アクセス管理には、個人情報やそれに準ずる機密データに対して、ポリシータグによるアクセス権のコントロール、そしてアクセス権のリネージなどのソリューションの導入

                                                            ゼロから始める、データ分析と可視化 - Kyash Product Blog
                                                          • Midjourneyを1年間使って見つけた、Webデザインに使えるプロンプト全ガイド

                                                            「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを1年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何?」というひとは、基本の使い方をまとめた以下のガイドを参考にど

                                                              Midjourneyを1年間使って見つけた、Webデザインに使えるプロンプト全ガイド
                                                            • マネジメントは教養や所作ではなく、"業務"である|長村禎庸@EVeM

                                                              はじめに「マネージャーは尊敬される人柄じゃないと無理ですよね」 「マネージャーは対人感受性がないと」 「そもそも、人として向き不向きがあるよね」 経営者の方と議論していると、マネージャーを誰にしようかと悩む時、あるいは自社のマネージャーについてコメントをする時、こういうご意見はよく伺います。 これらの問いに対して私の答えは「No」です。 マネジメントはフローもやり方もはっきりと言語化できる"業務"であり、そこにはマニュアルが存在します。訓練すれば誰でも一定程度のレベルで実行可能なものだと考えます。 今回は私が代表を務める会社、EVeMが提唱するマネジメント”業務”の実行方法「THE MANAGEMENT PATTERN」と、それを実行可能にする訓練方法について書きたいと思います。 マネジメントは"業務"であるドラッカーの言葉に「仕事を生産的なものにし、人間を活かすことが、マネジメントの役割

                                                                マネジメントは教養や所作ではなく、"業務"である|長村禎庸@EVeM
                                                              • なにこれ便利すぎる! WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design

                                                                WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。 すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。 既存のWebサイトをリデザイン

                                                                  なにこれ便利すぎる! WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
                                                                • 【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集

                                                                  AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる?」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ

                                                                    【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集
                                                                  • ヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… | 飲食店繁盛会〜飲食店売上アップ・経営コンサルティング・メニューブックデザイン

                                                                    HOME繁盛会News笠岡コラムヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… *本記事は、すでに情報が古くなっています。よく読んでいただければ理解いただけると思いますが、本記事の伝えたいメッセージは、お金がもらえるのは時間がかかること、額面の90%だと思っていたら、資金計画を間違えるので注意してほしいこと。そして、国もちゃんと普通の国民が誤解しないようわかりやすく伝えるべきであることに気がついてほしいことの3つです。 多くの方にアクセスしていただいたお陰で、今は、国の伝え方も、経営者の認識も、大筋正しい方向に向かったと思われるため、この記事の役割は終わったと思っています。今は、正しい情報がわかりやすくでています。今後の正確な情報は、厚生労働省のホームページをご覧ください。(2020/4/23) 笠

                                                                      ヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… | 飲食店繁盛会〜飲食店売上アップ・経営コンサルティング・メニューブックデザイン
                                                                    • たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個

                                                                      モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。 まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren

                                                                        たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個
                                                                      • Macaron | Visual component editor for Web development

                                                                        Macaron is an open-source UI design tool to create and maintain Web Components.

                                                                          Macaron | Visual component editor for Web development
                                                                        • なぜHTMLだけなのか。拙著「武器になるHTML」の執筆を通して伝えたかったこと - Shibajuku

                                                                          こんにちは。 いつも通りのパーマをかけたらトイプードルみたいになった、どうも柴田です。 さてさて、昨年の11月26日に技術評論社さんより「武器になるHTML」というHTMLだけに特化した初学者向けの書籍を出版させて頂きました。 この記事を読んで下さっている方の中にも、すでに本書をお持ちの方もいらっしゃるかもしれませんね。 ご購入頂きありがとうございます! ひょっとしたら、もう読み終えられた方もいらっしゃるかもですね。 ということで、本書が発売されて半年近く経ちますが、今更ながら、この本をどういう想いで書いて、どんな方に読んで頂きたいのかについて書いてみたいと思います。 目次 初学者の方に向けたHTMLだけの424ページ「とりあえずこう書いておきましょう」は、ありません一人でも多くの人が利用できるWebサイトを構築するために学校やスクールの先生が教科書としても使いやすいように中級者になっても

                                                                            なぜHTMLだけなのか。拙著「武器になるHTML」の執筆を通して伝えたかったこと - Shibajuku
                                                                          • 私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。

                                                                            Tweet Pocket 日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを

                                                                              私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。
                                                                            • 広告費は年間3億 「きぬた歯科」が唯一攻略できていない意外な広告 | 広告・マーケティング情報ならアドクロ

                                                                              街中を歩けば思わず目を引く派手な看板、黄色背景に大きく「インプラント」の文字と眼鏡をかけたおじさんの顔写真。東京都八王子市にある歯科医院「きぬた歯科」の広告戦略は、まさに独創的です。 「きぬた歯科といえば看板」といったイメージを持った方は多いかもしれませんが、テレビCMを始めとしたマス広告やスポーツスポンサーまで、幅広い施策を展開しています。

                                                                                広告費は年間3億 「きぬた歯科」が唯一攻略できていない意外な広告 | 広告・マーケティング情報ならアドクロ
                                                                              • ウェブデザインにおけるline-heightについて

                                                                                ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳

                                                                                  ウェブデザインにおけるline-heightについて
                                                                                • DXを妨げる要因と実現へのアプローチ by @yuzutas0 / 20211022

                                                                                  株式会社商船三井様の社内セミナーで用いた資料です。 関係者の許諾を得て公開しています。 関連記事「DXに関する私的な殴り書き」 https://yuzutas0.hatenablog.com/entry/2020/06/02/110000 関連スライド「民間企業におけるDXの事例と課題」…

                                                                                    DXを妨げる要因と実現へのアプローチ by @yuzutas0 / 20211022

                                                                                  新着記事