『比較記事の書き方』マスターして収益UP 比較記事はアフィリエイトでは必須の記事です。 難しく感じるかもしれませんが、書き方のポイントをおさえることで、初心者でも簡単に書くことができます。 比較記事の ... Copyright © 2024 とらリーマンの脱サラ劇場 All Rights Reserved.
プライバシーポリシーは、自社が個人情報保護法に準拠し、適切な個人情報の取り扱いをしていることを示すツールとして役立ちます。また、法定義務を履行するためのツールとしても機能します。ここではプライバシーポリシーについて、最新の法令に沿って作成する方法を紹介します。イメージが湧きやすいようテンプレートとともに解説しますので、プライバシーポリシーの策定や改定の際の参考にしてください。 プライバシーポリシーとはプライバシーポリシーとは「個人情報保護方針」の一種であり、Webサイト上に掲載されたものを指すことが多いです。プライバシーポリシーは企業のWebサイトのみならず、個人が運営するブログにも掲載されます。 プライバシーポリシーでは個人情報の取り扱いに関する自社の方針を示すことになるのですが、策定において特に重要なのは「個人情報保護法の遵守」です。近年は個人情報への関心が高まっていますし、社会情勢に
この記事の趣旨 筆者(@yuzutas0)がプレゼンテーション資料作成をアシスタントに代行してもらうにあたって「こういう点に注意してほしい」という項目を列挙した。 自分のために書いた記事ではあるが、筆者と関わりがない方も、ぜひスライド作成の参考にしていただけると幸いだ。 もくじ この記事の趣旨 もくじ 背景 免責・参考資料 必読書 Tips 01: キーメッセージ Tips 02: コンセプト Tips 03: アウトライン Tips 04: PREP法 Tips 05: 免責事項 Tips 06: 自己紹介 Tips 07: 1スライド・1メッセージ Tips 08: 余白とグルーピング Tips 09: 余計な要素を削ぎ落とす Tips 09: 箇条書きではなく図や表にする Tips 10: x軸とy軸の慣習に従う Tips 10: カラーの慣習に従う Tips 11: カラーは6色ま
基本ルール・作り方インセプションデッキの作成方法はとてもシンプルです。 [基本ルール] 作成者 ・プロジェクトメンバーで作成する。 ・プロダクトに直接関わる人であれば、誰でも参加可能。 (例:顧客、ステークホルダー、スクラムチームメンバーなど) 作成タイミング ・スプリント開始前に作成する。 ※ 「スプリント0」の期間で作成することが多いです。 目的やゴールが曖昧な場合は「スプリント0」開始前から叩き台の作成を開始しましょう。 タイムボックス ・2,3日程度を目安に作成する。 ※ 「アジャイサムライ」では、数日〜2週間程度と記載がありますが、状況は日々変化するため、プロジェクト開発時点で、初回作成に過度な時間をかけるのは適切でないと考えます。 [作成手順] 以下の「10個の質問」に答える形で作成します。 上記の質問は、「アジャイルサムライ」というアジャイル開発の書籍に記載されており、より広
この記事について この記事では、Next.js プロジェクトを 0 から立ち上げる際の手順を説明しています。 create-next-app で TypeScript の Next.js プロジェクトを作成し、Tailwind CSS を導入していきます。 またこの記事は、株式会社 UnReact のアドベントカレンダー 24 日目の記事です。 前提条件 Next.js に関する基礎的な知識がある Tailwind CSS に関する基礎的な知識がある Volta で Node.js / npm をインストールしている Volta についてはこちらの記事をご覧ください。(絶対に Volta が必要だというわけではありません。) Next.js プロジェクトの立ち上げ まずは、create-next-app でプロジェクトを立ち上げます。 Node.js と npm のバージョン確認 まず、N
自己紹介NewsPicksでUIデザイナーをしております。つづく(ひらい) ともこと申します! 初note投稿なので、本題に入る前に軽く自己紹介をさせていただきますm 2016年に武蔵野美術大学デザイン情報学科卒業後、ヤフー株式会社に新卒デザイナーとして入社しました。 ヤフーでは広告管理ツールのUIデザインやCtoCサービスアプリのデザインなどに携わりました。 そして今年の6月末でヤフーを退職し、株式会社ニューズピックスにUIデザイナーとして転職しました。 現職ではNewsPicksアプリやWeb、その他関連サービスのUIデザイナーとして関わっております。 仕事の話はそこそこに…。なにより一番に覚えて帰っていただきたいのは、「女性アイドルが好きです!」ということです!! ハロプロ、日向坂46などの日本の女性アイドルグループが物心ついたときから今までずっと好きでして、最近だと「Girls P
Adobeが数千もの美しいテンプレートから目をひくコンテンツを素早く簡単に作れるという無料利用可能なソフトウェア「Creative Cloud Express」を発表したので、実際に使ってみました。 Adobe Creative Cloud Express(旧Adobe Spark)にようこそ https://www.adobe.com/jp/express/ Adobe - Adobe Introduces Creative Cloud Express https://news.adobe.com/news/news-details/2021/Adobe-Introduces-Creative-Cloud-Express/default.aspx Introducing Creative Cloud Express | Adobe https://blog.adobe.com/en/pu
そして今回はWordPressの中にページを一つ作ってみましょう。WordPressの用語もしれっと織り交ぜていくので同時に学んでくださいね。 なお今回も前回に引き続きlocalというアプリを使用します。WordPressをお使いのPC上で簡単に使用できるようになります。 HTMLとCSSを学んだ方であれば、あとはデザインを落とし込めばWordPressを使ったサイトをコーディングできるようになります! それでは行ってみましょう。 WordPressで作れるページについて まずはデフォルトで作れるページについて触れてみます。とくによく使うページとしてトップページ・固定ページ・投稿が存在します。それぞれ下記の通りの機能です。簡単なサイトであればこれだけで構成されることもあります。 トップページ ホームページとも言いますが、URLをブラウザで検索して開くと一番最初に開かれるページです。 ↓作成
加えて、画面仕様書を書きながら全体の構造や細かい仕様を検討していく過程で、以下の設計資料も同時に更新・精緻化していきます。 画面仕様書と並行して精緻化していく資料 コンポーネント一覧 フォーム入力項目一覧 ※フォームがある場合 CMS編集項目一覧 ※CMSがある場合 以上が、大まかなフローになります。ここからは、画面仕様書を書いていく各ステップを具体的にご紹介します。 STEP1:アートボードを作る AdobeXDの場合、テンプレートやコンポーネントの数だけアートボードを作成するのがおすすめです。例えばテンプレートが10個、コンポーネントが15個あるなら、アートボードは25個作成します。 前提資料として作成した「テンプレート一覧」や「コンポーネント一覧」に基づいて、IDと名称をアートボード名に設定しておきましょう。 1個のテンプレート(あるいは1個のコンポーネント)に対して複数の表示・動作
news.yahoo.co.jp 11月19日は国際男性デーだが、この手の話題には、必ず「『男らしさ』を降りるとモテない!」と言う人が出てくる。 これについては、もっと女性の多様性を信じたほうがいいと思う。一般に、女性のほうが男性より早くに性役割からの解放を目指す文化があったので、男性に「男らしさ」を求めない女性も沢山いる。 ただし、そういう女性は、男性から「女性らしさ」を求められることを嫌う。「男らしさ」を求められたくないのなら、自分も女性に「女らしさ」を求めるべきではないし、女性に「女性らしさ」を求めるのなら、自分も相手の女性から「男性らしさ」を求められるのは、まぁ当然だろう。 なんというか、男性の間では、「フィクションの女性像」が作られているなと感じる。 『日本の包茎(著:澁谷知美)』の中には、「包茎を嫌う女性」というフィクションの女性像を男性が作り出し、男性同士で「そんなことじゃモ
WordPress公式有料テーマのLIQUID PRESSがWordPress5.8対応とバージョンアップされました。 便利な新機能や、お得なキャンペーン情報をご紹介します! LIQUID PRESS WordPress5.8/PHP8対応 WordPress 5.8では、新しいブロック、ウィジェットブロックエディター、WebPサポート等の新機能が搭載されました。また、PHP8では、処理速度の向上により、以前のバージョンに比べてパフォーマンスが向上します。 WordPress公式サイト:WordPress 5.8 Tatum LIQUID PRESSは、WordPress5.8/PHP8に対応しました! ※WordPressおよびPHPのバージョンアップは、本体やプラグイン等の対抗状況をご確認ください。 スライド系ブロック対応 LIQUID PRESS のバージョンアップで、スライド系ブロ
Tailwind CSSやBootstrapやBulmaなど、CSSのさまざまなフレームワークで実装されたフォームのライブラリを紹介します。 それぞれのフレームワークを利用している時はもちろん、フレームワークの比較検討にも役立ちます。 HTML Forms Library HTML Forms Libraryとは HTML Forms Libraryの使い方 HTML Forms Libraryとは HTML Forms LibraryはTailwind CSSやBootstrapやBulmaなど、さまざまなCSSのフレームワークで実装されたフォームのライブラリです。テンプレートを使用して、さまざまなフォームを簡単に実装できます。 ライセンスは、下記の通りです。 商用プロジェクトで無料で使用できます。 帰属は素晴らしいですが、必須ではありません。
はじめに Modern Data Stack ? Modern Data Stack の特徴やメリット、関連するトレンド データインフラのクラウドサービス化 / Data infrastructure as a service データ連携サービスの発展 ELT! ELT! ELT! Reverse ETL テンプレート化された SQL and YAML などによるデータの管理 セマンティックレイヤーの凋落と Headless BI 計算フレームワーク (Computation Frameworks) 分析プロセスの民主化、データガバナンスとデータメッシュの試み プロダクト組み込み用データサービス リアルタイム Analytics Engineer の登場 各社ファウンダーが考える Modern Data Stack さいごに Further Readings はじめに Modern Dat
概要 コミットメッセージの内容を揃えることを目的にGitのコミットメッセージテンプレートを作成し登録します。 そうすることでコミットの際に「こう言うことを書けばいいんだな」と意識できます。 さらに、絵文字Prefixを使っているのであればこの絵文字はこう言う意味だよみたいなものをコミットの際に表示させることができます。 業務としてGitを使った開発をしなければ一生、目に触れることのない知識だったでしょう。 目次 概要 目次 参考サイト様 commit message templateの作成&登録 commit message templateの作成 commit message templateの登録 commit message templateを使ってcommit 雑感 参考サイト様 Git - Git Configuration Gitのコミットコメントを絵文字Prefixにして楽し
Webサイトやスマホアプリでよく使用されるUIコンポーネントをTailwind CSSのユーティリティクラスで実装したオープンソースのライブラリを紹介します。 Tailwind CSSには、コンポーネントの基本セットがありません。FlowBiteではナビゲーションバー、カード、ボタン、ページネーション、フォームなど基本的なコンポーネントがすべて揃っています FlowBite FlowBite -GitHub 他にも、Tailwind CSSで実装されたUIコンポーネントを探している人は下記もご覧ください。 Tailwind CSSで実装されたUIコンポーネント・ページテンプレート、商用プロジェクトで無料のものをまとめました FlowBiteの特徴 FlowBiteの使い方 FlowBiteのコンポーネント FlowBiteの特徴 FlowBiteは、Tailwind CSSのユーティリティ
Capture By AuthorTypescript has had Template Literals since its early stages. They are really useful when you want to create types from a static string. It was not until the Typescript 4.1 release that we saw Template Literal Types. In further releases, the Typescript team has been polishing its features and fixing some quirks. As a result, it is now a mature feature. What are Template Literal Typ
Press Enter, and JHipster will create your app in the current directory and run npm install to install all the dependencies specified in package.json. Verify Everything Works with Cypress and KeycloakWhen you choose OAuth 2.0 and OIDC for authentication, the users are stored outside of the application rather than in it. You need to configure an identity provider (IdP) to store your users and allow
取扱説明書のオンライン化の流れ 再生可能資源として紙の利用も見直されつつある時代ですが、その中に取扱説明書もオンライン化の流れにあると言えるかもしれません。また、マニュアルのオンライン化は企業・ユーザー双方にとってメリットが大きいため、必然の流れでもあります。 優れた取扱説明書の条件 優秀なマニュアルは次のような特徴を持っています。 必要な情報にすぐ辿り着ける 全体の作業工程が見通せる わかりやすい雰囲気が出ている 間違いやすいポイントを先回りで紹介している 図や写真などを使い、直感的である 理想は「頭を使わなくても、作業が進められるマニュアル」に近づくことです。取扱説明書もオンライン化する時代といえるでしょう。 マニュアルサイトの事例 まずはマニュアルサイトの事例をご紹介します。どんなオンラインマニュアルがあるのか、構造と傾向の参考になればと思います。 chot.design chot.
Amazon Web Services ブログ AWS環境にセキュアなベースラインを提供するテンプレート「Baseline Environment on AWS」のご紹介 みなさんこんにちは。ソリューションアーキテクトの大村です。 このブログでは、私たちAWS Japanのソリューションアーキテクトが AWS Samples に公開している 「Baseline Environment on AWS(BLEA)」について詳しくご紹介します。 これはAWSのセキュリティのベストプラクティスを実装した環境を、迅速に実現するためのテンプレートです。 セキュリティサービスだけでなく、よく利用されるアプリケーションの実装サンプルも含んでいます。これによって基本的なセキュリティを実現した状態をスタート地点としてシステム構築を開始できます。このテンプレートは単一のアカウントでも、また AWS Contro
はじめに Pytorchでコードを書き始めるとき、乱数固定やデータローダー、モデルの訓練や学習結果の取得等、毎度色々なサイトを参照するのは面倒だと思い、現時点の個人的ベストプラクティス・テンプレートを作成してみました。 今後のバージョンアップや便利なライブラリの登場で変わるかもしれませんげ、現在はこれで落ち着いています。 個人的な備忘録も兼ねて、前半に簡単な解説付きのコードと最後に全コードを載せています。 もっと便利な書き方やライブラリなどあれば、コメントいただけると嬉しいです。 テンプレート(解説付き) 1. ライブラリインポートと初期設定 torchやよく利用するライブラリ(numpy, matplotlib)のインポート モデルの訓練時(for文)の進捗を表示するtqdmライブラリ(jupyter notebookとコマンドライン版) 進捗表示は待ち時間の見積もりやエラーに気づくこと
そろそろイベントでも開催するか、という皆様へ DJ・配信イベントの告知サイトを高速かつ簡単に作れるテンプレート「Kitekure」を作った。無料で誰でもダウンロードできます。 kitekure.sanographix.net 昨年のはじめに撮った写真を見返すと、仲間と楽しくイベント開催している様子が残っている。これが皆で最後に集まれたイベントだった。 あの頃の写真: 2020年初頭 そんな写真を眺めれば、イベントのひとつやふたつ、いい加減やりたくなってきた/行きたくなってきたという方も少なくないかなと思う。もちろん、安全に開催されるべきなのが前提で、そのためにさまざまな取り組みをはじめたイベントも近年は観測できる。例えば、現地の様子をライブストリーミングしたり、あるいは完全に配信のみで成り立つイベント形態もずいぶんポピュラーになってきた。 このように、これからイベントを開催したい皆様に向け
今回公開された新機能「auto-generated release notes」は、このリリースノートを自動生成してくれるというものです。 赤で囲った部分に「Auto-generate release note」ボタンが見えます。 どのようにリリースノートを自動作成するかは、「A new public beta of GitHub Releases: How we’re improving the release experience」に以下のように簡潔に説明されています。 Now, when you automatically generate notes for a release, we’ll identify all of the pull requests that are part of that release and create a summary for you, as
Web制作者・デベロッパー向け、ポートフォリオ用のテンプレートを紹介します。 オープンソースで、HTML, CSS, JavaScript, Sassで実装されており、フレームワーク・ライブラリは必要ありません。自己紹介、スキル、プロジェクト、連絡先など、ポートフォリオに必要なコンテンツが用意されており、簡単にポートフォリオを用意できます。 Dopefolio -GitHub Dopefolioは、デベロッパー向けポートフォリオ用のテンプレートです。 セットアップが簡単 💯 商用でも無料 🥳 GNU General Public License v3.0で、オープンソースです。 フレームワークは必要なし 🤘 ライブラリも必要なし 🙌 マルチページ 💎 レスポンシブ対応 🚀 超高速で、SEO最適化 ⚡ Auditsのスコアも高得点 🎖️
批評家の杉田俊介氏が新著『ジャパニメーションの成熟と喪失』(大月書店)の刊行を記念し、英文学が専門で『戦う姫、働く少女』(堀之内出版)などの著書がある専修大学教授の河野真太郎氏と8月30日に対談をおこなった。日本のサブカルチャーにおける「男性の成熟」や「男性のケア」を中心に展開した刺激的な対談の一部をお送りする。 河野 今日は杉田さんの新著『ジャパニメーションの成熟と喪失』の刊行を記念して対談を企画いただきました。実は杉田さんとは初対面なのですが、著作やSNSでのやりとりを通じて、共通する問題意識やリスペクトを感じてきました。とりわけ杉田批評の書き方、批評対象との距離の詰め方には真似できないものを感じています。 私が書く批評というのは、現代がどういう時代かという枠組みがまずあって、そこにさまざまな作品を投げ込んでいくような書き方です。それに対して杉田さんの作家論は、最終的なところで作品への
たとえばSlackの Incoming Webhook でメッセージを送るときに、メッセージ部分だけを置き換えてJSONを組み立てたいことがあります。 プログラミング言語が使えるなら簡単なんですが、ちょっと大げさな気もするので jq だけでJSONを組み立てられるとべんりそうです。 {"text":"hi"} このようなJSONを組み立てて送信したいとして、"hi" の部分を変数にしてみます。 {"text":$text} この $text の部分を任意の文字列に置き換えるには --arg オプションを使います。(-n / -c) $ jq -n -c --arg text hi '{"text":$text}' {"text":"hi"} 今回のケースでは不要ですが文字列以外の値に置き換えるには --argjson オプションを使うことが出来ます。 $ jq -n -c --argjso
ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。 時間や予算が少ない時、モックアップが必要な時などに便利です。BootstrapやTailwind CSSが使用されているので、勉強用にもいいですね。 Free HTML templates for websites and landing pages -Inovatik Inovatikの特徴 HTMLテンプレートのダウンロード Inovatikの無料HTMLテンプレート Inovatikの特徴 Inovatikはフロントエンドデベロッパーが実装した、ランディングページや小規模Webサイト用のHTMLテンプレートを無料でダウンロードできます。 すべてのHTMLテンプレートはMITライセンスで、
どうも、まさとらん(@0310lan)です! 今回は、人気のグラフィックデザインツール「Canva」に搭載されている多彩な機能のうち、Web開発者に役立つ機能を厳選してご紹介します。 「Canva」は、アイキャッチ画像やバナー広告・ポスターを作成するなど、さまざまな画像編集やデザインを作成できるのですが、実はそれ以外にも驚きの使い方ができる多くの機能が搭載されています。 新しい「Canva」の使い方を知りたい方も含めて、ぜひWeb制作に役立ててください! 【 Canva 】 ■Webサイトのプロトタイプを作って公開! 「Canva」を使うと画像やテキストなどを組み合わせて、手軽にWebサイトのデザインを構築できるのをご存知でしょうか。そのうえ、ホスティングも同時にしてくれるので、簡単なプロトタイプを作ってネット上に公開できる仕組みがあります。 方法は簡単で、「Canva」の検索ボックスに「
Webアプリケーションエンジニアの id:shimobayashi です。 はてなでは開発プロセス改善などに関心のあるスタッフが集まる「すくすく開発会」*1があります。この記事では、すくすく開発会のこれまでと今後について紹介します。 すくすく開発会とは 活動事例: プロジェクトテンプレート講義 問題 解決策 結果 すくすく開発会の今後 この記事のまとめ すくすく開発会とは 開発プロセス改善などについて関心のあるスタッフが集まる有志集団で、すくすく開発会の「すく」はソフトウェア開発手法のスクラムを由来としています。 元々は各チームの開発プロセス改善を行っていたスタッフの情報交換やお悩み相談をするための場だったのですが、活動を続けるにつれてはてなの開発プロセス改善も行うようになりました。 定例会の実施が活動の中心で、毎週30分希望者が集まってお互いの困りごとを相談しあってチームの外からアドバイ
「Notionで、知の構造化を進めています」こう語ってくれたのは、デザイン・イノベーション・ファームTakramで働く野見山真人さん。プロジェクト単位や個々人に閉じてしまいがちな「学び」の点をつなぎ、「組織の知」として昇華しているという。Notionの使い方に宿る、Takramの思想とはー。 【プロフィール】Takram 野見山真人 Creative Technologist / Technical Artist 「感性 x エンジニアリング」をテーマに、サービスの設計からメディアアートの制作まで実用と象徴の軸を行き来しながら活動する。心の機微や人の行動原理を観察することで、感情に働きかける形を創造し、どこか捉えどころのない感性をエンジニアリングする。「感性 x エンジニアリング」を原動力に暮らしを豊かにするデザインを実現する。2018年に東京大学大学院(知能機械情報学)を修了。同年よりT
Notionの最強プロジェクト管理テンプレートできたからヤケになって無料公開する 2021年9月8日投稿 カテゴリ:Notion 著者: jMatsuzaki 私の愛しいアップルパイへ 私がいつもラクダのように「イーアー」と鳴いているだけだと思ったら大間違いです! ここ数日は蚊のごとく狡猾に、獅子のごとく勇敢に、ある1つの重要プロジェクトに注力していました。 それはNotion沼にずぶりとハマった私が使い倒している一連のデータベース群をテンプレート化してあなたに無料公開しようという試みです。 なんと甘美なひらめき! jMatsuzaki Notion Templateには次のボタンからアクセスできます。 ミッションからジャーナルまですべてを内包 このテンプレートはトップに20ページがあり、それぞれのページが1つ以上のデータベースを備えています。 ページ一覧 データベースにはすべてテンプレー
本記事は、Simon Holdorf氏による「9 Popular GitHub Repos For Every Web Developer」(2021年4月4日公開)の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ10選 便利なツール、参考になる例など はじめに GitHubは、最近の(ウェブ)開発に関連するすべてのワンストップショップです。フレームワーク、デモ、あらゆる種類のコレクションなど、GitHubで見つけられないものはないでしょう。しかし、この膨大な量が問題です。あまりにも多くのレポジトリがあるので、おそらく聞いたことのないクールなものがあります。 そこで今回も、知っておくべき最も人気のGitHubリポジトリを紹介することにします。各リポジトリには少なくとも30,000個の星が付いています。 1. Realwor
ちょっと「言語化能力」とダライアス外伝についての話をさせてください。 この記事で書きたいことは、大体以下のような内容になります。 ・言語化能力は非常に重要ですよね ・言語化の際に意識するべきなのは「明確さ」と「再現性」 ・その為にテンプレートを用意しておくことが非常に有効 ・ところで私は言語化能力をダライアス外伝の攻略で身に着けました ・ダライアス外伝めちゃくちゃ面白いので皆遊んでください 以上です。よろしくお願いします。 さて、書きたいことは最初に全部書いてしまいましたので、後はざっくばらんにいきましょう。 先日、安達さんがこんな記事を書かれていました。 今の世の中は、「言語化する能力」が高い人が、有利に事を運べる 今の世の中は、「言語化する能力」が高い人が、有利に事を運べる。 とくに知的な仕事では、自分の思考を、他者に理解させ、そして動かす力が、とても重要だ。 要求を伝えること アイデ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く