令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか？これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー
開発ドキュメントの書き方！9つのコツ【エンジニア】
文章を書く前にやることよい文章を書くには、実際に文章を書く前に、読者は誰か、どういう悩みを解決するのかを企画することが大切です。また、それを元にアウトラインを書いておきます。 このふたつを元に文章を書くことで、読みやすい開発ドキュメントにつながります。これについては、次の記事をご覧ください。 開発ドキュメントを書く前に決めるべき3つのこと【企画編】開発ドキュメントにおけるアウトラインの書き方開発ドキュメントの書き方企画とアウトラインの作成が終わったら、実際に文章を書いていきます。文章を書くときは、次の9つを意識して書きます。これだけで、読みやすさ、分かりやすさが大きく向上します。 一文を短く切る結論を先に述べる指示語を使わない主語を明確にする、述語との距離を近づけるひらく・閉じるを統一する再現条件を示す前提を揃える見出しや箇条書き、表などを適切に用いる読者に伝わる用語を使うひとつずつ説明し
伝わるイベントレポートを書くために気をつけていること｜MUKAI Haruka
ウェブを中心にライターをしていたり、企業でオウンドメディアを担当していたりすると、一度はイベントレポートを書く機会があるのではないかと思います。割と気軽に「書いてよ〜」なんて依頼を投げられがちですが、うっかりすると全文書き起こしになってしまったり、起きた出来事の箇条書きになってしまったりと、一筋縄ではいかぬものです。 まあイベント自体が面白ければバーっとまとめたもので十分読まれる場合もありますが、せっかく書くならちゃんとイベントの様子を伝え、読んでよかったと思ってもらいたいですよね。 私自身イベレポが得意なわけではないのですが、昨年から月に数本ペースで書き、フィードバックをもらうなかで、徐々に自分なりの方法論が掴めてきた気がしています。日頃あまり振り返る機会がないので、イベントレポートを書くときに気をつけていることをまとめてみたいと思います。 ◎導入の書き方・問題意識、目的、誰が、何をする
【実用】ブログで「感想文」を書く方法【定番】 - あざなえるなわのごとし
kansou135.hatenablog.com 人に作品や商品を紹介するとき、または紹介されたものを評価する際に必要になるものが感想です。この感想を人に上手く伝えることができれば、作品の良さや、あわよくば作品を紹介してくれた人を立てることができます。 しかし、私は作品を評価するとき、基本的に面白かったかそうでないかという感想が一番に浮かんでしまい、そこからの発展が苦手です。しかも、どこが面白かったかを言うにも時間がかかってしまいます。 （中略） まず、浮かんだ感想は「面白かった」というもの。ただ、そのあとが続けられません。どこが面白かったかと聞かれると、主人公がギャンブルで勝つところでしょうか。 ただそれだけだと、他のギャンブル漫画と何ら変わらない感想になってしまいます。 では他のギャンブル漫画との差異はどこかとなると、主人公が女子高生であるくらいしか浮かびません。ただ、女子高生がギャン
反応が取れるブログの書き方〜たった4つの基本文章テクニック〜
１．マクスウェル・サックハイムの三原則マクスウェル・サックハイムは１９００年代前半に活躍した敏腕広告マンだ。広告業界、コピーライティング業界に大きな影響を与え、マクスウェル・サックハイム賞という賞も出来ている。受賞者には、例えば「滑り台効果」で有名なジョー・シュガーマンがいる。 さて、マクスウェル・サックハイムの三原則とは以下のようなものだ。 この三原則は、広告/コピーの業界にいる人間なら、誰もが知っているほど有名なものだ。そして、優れた文章には、この三原則を乗り越える力がある。 それでは、この三原則を乗り越える文章を書くには、どうすれば良いのか？一つずつご紹介する。 １−１．Not Read（見ない）を乗り越える方法Not Readを乗り越えるためには、一目で中身を読み進めたいと思ってもらえるようなキャッチコピーが必要だ。ここでいうキャッチコピーとは、ブログならブログタイトル、メールなら
ツイッターで注目される見出しを書く秘訣 » SEO Japan
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ ブログのタイトルの書き方で記事のアクセス数がかなり変わることはブロガーの多くの方がご存じと思いますが、ツイッターのつぶやきについても同様？！コピーブロガーがツイッターで注目される見出しを書くためのテクニックを紹介します。 — SEO Japan ツイッターは、コンテンツリンクを共有する場所となった。あなたのコンテンツがツイッターで注目を浴びればそれは広がっていき、突然、今まであなたのサイトを訪れたことがない人からの莫大なトラフィックを獲得することになる。 しかし、ツイッターで他の人の質の高いコンテンツを共有することを忘れてはならない。そのことが、あなたの記事の判断力を高く評価するツイッターオーデ
小説としての体裁と構造をどう構築するか
作家の榊一郎さん(@ichiro_sakaki)のプロットの構成に関する呟きから始まり、小説を作成する上での文章の書き方や、物語の構造を把握することの重要性などをまとめました。私用ですので、欠けているところが多々あります。
読みやすい文章を書くための技法 - RyoAnna
『坊っちゃん』自筆原稿 読みやすい文章とは、流れるように読める文章だ。難しい言葉はいらない。気のきいた言葉もいらない。文頭から文末まで振り返ることなく読める文章が、最も美しい。 読みやすさの基準は客観的なものだ。読み手には様々な人がいる。老若男女すべての人に対して読みやすい文章を書くのは難しい。ただ、綺麗な文章を書こうとする意識は持ちたい。 文章を書く上で意識すべき技法を紹介する。 常体と敬体 常体とは「だ・である」調の文章であり、敬体とは「です・ます」調の文章を指す。それぞれにメリットとデメリットがある。 常体は、自分の意思を力強く伝える事ができるが、我の強い文章になる。敬体は、優しい印象で共感を得やすいが、まわりくどい文章になる。 常体と敬体を織り交ぜて書く手法もある。まずは自分で試してみて、書きやすい文体を見つければいい。 文章の始まりは短く 最初の一文は短いほうがいい。インパクトが
議事録の書き方。 テンプレート付
簡潔とは、端的に言うと「１文５０字×４行＝２００字程度」で書くことです。この内容なら一目で読めます。ただし、議事録には、端的であると同時に詳細な内容も要求されますので、要旨を２００字程度で書く事を心がけてください。 上司は文書をまずは中身より「美しさ」で判断しています。紙の上でのバランス。文頭、文末のそろい方などが文章が美しいと判断される基準です。なぜ、美しさを最初に見るかと言えば、「読むに値する」かどうかが、「細部まで気が遣われている」事から判断できるからです。 ※見栄えのポイント �@適度な余白があること �A文字が一方に片寄っていないこと �Bできるだけ一文の長さが揃っていること
とっても簡単な事業企画のたて方 - 人と組織と、fukui's blog
2010年03月07日 17:14 カテゴリ事業家養成講座戦略とか、戦術とか とっても簡単な事業企画のたて方 Posted by fukuidayo No Trackbacks Tweet ３月になりました。４月や６月から新しい期が始まる企業の皆様の中には、来期の事業企画の立案に向けて忙しい時期かもしれません。特に、はじめて事業企画を立てるという人は、どんな分析を行えばよいのか、どのようにスライドに落とし込めばいいのか、わからなくて結構悩まれると思うんですよね。 というわけで今日は事業企画を簡単にたてる方法をまとめてみたいと思います。 １）最初にバシッと一枚の図で全体像を説明する SWOT分析や3C分析って、よく使われる分析のフレームワークで、ちょっと経営に興味がある方だったら誰でも知っていると思う。就職活動のグループワークやケーススタディーでもよく使われる。 実際にこれは有効な方法で、S
穴に落ちない物語は存在しない - 煩悩是道場
雑感流石にアイデアマラソンだけを書くのもアレなんで、時には息抜きのエントリを。夜にはアイデアマラソンネタも書きます。 僕個人の戦闘漫画の枠組みを述べておくと村上龍がいった言葉、「全ての物語は主人公が穴に落ちる→穴から這い上がる／穴の底で死ぬという話型で出来ている」で言い表せる。FIFTH EDITION: 物語のトリック戦闘漫画でなくても主人公がビジネスマンだろうが料理研究家だろうが恋愛をしていようが、おおよそ「主人公が穴に落ちる→穴から這い上がる／穴の底で死ぬ」から逃れる事の出来る物語など存在しないでしょう。 何故なら「That's Life」それが人生だから。しかし、物語を膨らませる手法が存在しないわけではありません。登場人物にメインストーリーに付随した、あるいは付随しない幾つかの別の「穴」を用意してあげれば良いのです。 「That's Life」と書いた時点でお気づきになられた方も多
FrontPage
FrontPage このページはYukiWikiのFrontPageです。 もしあなたが管理者なら、このYukiWikiを公開する前に、 AdminChangePasswordのリンク経由で管理者のパスワードを設定してください。 管理者のパスワードが設定できたなら、 frontpage.txtを編集して、 あなた独自のFrontPageを作ってください。 YukiWikiの最新情報は http://www.hyuki.com/yukiwiki/ にあります。 RecentChangesが最近更新されたページの一覧になります。 IndexPageは全ページの一覧です。 練習にはSandBox?がお勧めです。 YukiWiki 2.1.2 (C) 2000-2004 by Hiroshi Yuki. Modified by ��.
「ブログ文章術」を学ぶための５＋１冊: 啓蒙かまとと新聞
HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳 性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部
知の冒険 @ Windfall - 要約文章を分かりやすく書く10か条
AFTERTOUCH surreal SxGx maniac cinema&book; review *めぐりあうたびに溺れて 見失うたびに胸焦がしてた* InverseDiaryFunction SxGx ｷｪｪｪｪ Ｎ山家の人々 Dairy ☆質問ﾀﾞｲｱﾘｰ☆ ネタ帖 むらみぃ 世の中とあたしの繋がり GOOBERS ++今日のechiko++ ロストマインドガール * mayumi blog * モウソウｔagebuch 読書感想日記☆ネタバレ注意警報！ 癌と煙草と酒と 俺の道 toro's bｌog. ++ torog ++ ココアシガレット・アンダーグラウンド Deportare gorf net AFTERTOUCH surreal ２ちゃんねるの超怖い話 maniac cinema&book; review CARLTON1976 平凡な日々 秘密のホンネ ゴリラ秘話。 Ｌ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モノ書き一里塚
http://satsuki.sakura.ne.jp/~unagi/600/
サービス提供終了のお知らせ