なんとなく使っていませんか？ 括弧の種類と使い分け｜モリサワ note編集部
突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 （そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ）とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、（ ）の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会
【ChatGPT】これだけ覚えればOK？ゴールシークプロンプトが誰でも使えて最強すぎた｜Masaki KANAI
このnoteのターゲットChatGPTを使ってるけど、イマイチ使いこなせていない人 ChatGPTにどんな指示をしていいか迷っている人 このnoteで得られることゴールシークプロンプトの概要を理解できる ゴールシークプロントの使い方が分かる ゴールシークプロンプトとは聞き慣れない単語だと思うので、まずはそれぞれの言葉を説明しますね。 ■ ゴール：AIを使ってユーザーが達成したい目標 ■ シーク：探す, 探し求める ■ プロンプト：AIに指示するために入力する文章 つまり、ゴールシークプロンプトとは「ゴールを自ら探しに行ってくれるプロンプト」のことです。 ゴールシークプロンプトがすごい理由ゴールシークプロンプトがすごい理由は、以下の３点。 1. 曖昧なゴール設定でも、AIが明確なゴールを探してくれる 2. AIと対話しながらゴールを探せる 3. 汎用性のある形に変更もできる ChatGPTに
ChatGPTが賢くなる！noteの深津さん考案「深津式汎用プロンプト」でChatGPTが劇的に使いやすくなった！ - ディレイマニア
ChatGPTは「手前の文に確率的にありそうな続きの文字を繋げるAI」 まず最初にChatGPTの仕組みについて。 深津さんによるとChatGPTは、「手前の文に確率的にありそうな続きの文字をどんどん繋げていくAIである」とのこと。 例えば「昔々」という入力に対して、確率的にありそうな続きの文字は「あるところに」であるという具合に、続きそうな文字をただ出してくれるAIなんだそうです。 これを誤解していると求めているような回答がなかなか得られないので、ChatGPTに自分が求めている回答してもらうためには、確率的にありそうな続きの文字を出す方向性を狭めていくような質問をする必要があるそうなんですね。
伝わる文章 | 基本要素 | SmartHR Design System
相手に誠実に、わかりやすい文章を書くための心がけをまとめました。 どういう思考プロセスからどんな表現が生まれるのか、参考として実例を紹介しています。実際に読み比べ、SmartHRの従業員として何かを伝えようとするときの、参考にしてください。 伝わる文章のガイドライン何を伝えるかによって、必要な情報の量や説明の粒度は異なります。 情報が不足していたり、逆に情報が多すぎたりすると、読者が意図を読み取れないことがあります。 読み手となる相手の状況（読む場面、事前知識など）を踏まえ、言葉にする内容や表現を厳選することが大切です。 目的に合わせて情報を取捨選択する読者の目線に立ち、コンテンツの目的に合わせて情報を取捨選択しましょう。 実例1：法律や業務に関わる記事目的業務に関係する「厚生年金保険」について正確に知りたいと思っている人に、わかりやすく内容を伝える。 Before日本の年金制度は、全国民
プログラミングスクールに通わず、プログラミングを学ぶ方法
「プログラミングスクールってどう思いますか」への、個人的な回答メモ。 LINEのウェブ制作系のオープンチャットで、 「おすすめのプログラミングスクールはありますか？」 「エンジニアに転職したいです。何からやればいいですか？」 「おすすめの勉強方法を教えてください」 など、プログラミング未経験の方によるこの質問から始まって、独学の方法についての意見交換が始まる展開を何度か見ている 初心者なのに数十万かけてスクールに通おうとしている人が多かったのが意外だったので、個人的な考えを長文でまとめたものである。 「リモート研修中にクビになった法政大の〜」という記事を見て、既視感があったので増田に貼る。 昨今のコロナ以前に書いたので、コミュニティの利用方法は若干今の現実と即してないと思う。 この文章は、ある程度の本音と持論を語るために、あえて冗長な長い文章の形式をとっている。 なぜならば世間一般の「エン
HTMLとCSSだけ！要素の表示・非表示を切り替える方法
今回はHTMLとCSSだけで要素の「表示」⇔「非表示」を切り替える方法を解説します。JavaScriptやjQueryは使わないので、AMP対応している場合にも利用できます。 この画像のようなイメージですね。隠しておくものは文章でも、画像でも、箇条書きでも何でもOKです。 表示⇔非表示を切り替える仕組み ひとまず、仕組みを解説しておきます。コードは後ほど載せるので、仕組みに興味のない方は読み飛ばして頂ければと思います。 inputタグに連動させて切り替え
つよいUI - transitkix design log
…というものを最近考えていました。「画面デザインのOKももらったし、私の仕事は終わり！あとはエンジニアに指示書を渡すだけ」と一息ついた時にこそ、改めてデザインを見つめなおすべきです。 つよいUIであるための7つの視点 1.本来、そこにあるはずの情報がない場合はどうなりますか？ リストUIで載せる情報が0件、文章が空っぽ、画像がない時など 2.表示する要素が想定よりすごく多い/すごく少ない場合はどうなりますか？ 数字の桁数、文章の行数、文章が入りきれない場合は文中・文末のどこを省略すべきか…など 3.ユーザーさんの立場によって、表示要素に変化はありませんか？ ゲストとログインユーザー、無料会員と有料会員…など 4.ロード中、もしくはロードされるまで何が出ていますか？ 通信中の表示、読み込み中の画像エリア…など 5.予期せぬエラーが起こった時、画面はどうなりますか？ 通信エラー、リンク先のコン
縦書きでレスポンシブなブログを作った - yuhei blog
趣味で会社の人のサイトを作った。縦書きでレスポンシブなブログ。prismic.ioとNext.jsで作った。 ウェブデザインに縦書きを活かすことは難しい。部分的に取り入れることはできても、縦書きの文章を主要な要素として扱うのはかなり難がある。というのも、ウェブサイトは縦にスクロールするのが当たり前だけど、普通に縦書きで実装すると横スクロールになるからだ。 横書きでは文章は上から下に流れ、ページは縦スクロールになる。対して縦書きの場合、文章は右から左に流れるため、横スクロールになる。スクロール操作が不自然だと目に見えてユーザービリティが低下するので、どうしても当たり前のスクロールができるようにしたい。 幸い、縦書きにしながら縦スクロールにする方法はひとつある。新聞や雑誌のように段組にすることだ。 それはcolumnsを利用すれば、一見簡単にできそうな感じはする。けど、僕が望む仕様を実現しよう
文章力を向上させたい人が読むベき記事12選
インターネットが普及し、メール、手紙以外にもブログやホームページなど文章を書く機会は多くなっています。 最近では、自社のホームページやブログで記事を書いているという人も多くいます。 一方で、文章を書くことに慣れない人や苦手意識を持っている人にとっては非常に負担が大きい作業でもあります。 何を書いたらいいのか、どこから書き始めたらいいのか、と迷ってしまい、なかなか進まないという人も少なくありません。 今回は、良い文章とは何か。そして、文章力を上げることができる記事をご紹介します。 文章が苦手な人はもちろん、文章力をさらに高めたいにも参考になる内容となっています。 コツを掴めば一気にスキルアップできますので、ぜひ一度チェックしてみてください。 ▼オウンドメディアの基礎知識から、具体的ノウハウまで解説！ 良い文章とは 一般的に「良い文章」とは何なのでしょうか。良い文章とは誰が見ても意味が通じる「
【初心者向け】HTMLタグに直接CSSを指定して使える囲み枠いろいろ - おとなんつづり
ブログを書いていると、文章を枠で囲んで表示させたい時がありませんか。 でも実際にどう書けばよいのか私を含め初心者には少々難しいですよね。そこで今回は、先輩方のサイトを参考に自分なりに加工した囲み枠をご紹介します。 はじめに タイトル付き囲み枠 色タイトル付き・角丸 色タイトル付き・四角 枠の中に入ったタイトル タイトルなし囲み枠 シンプルな囲み枠・少し小さめ シンプルな囲み枠・画面いっぱい 見出し代わりや目立出せたい文字に 同じ色を使った囲み枠と下線セット 短い囲み枠（ボタン風） 左寄せボタン風 中央ボタン風 右寄せボタン風 最後に 追記 はじめに 本格的にブログをはじめて、ようやく１年が経とうとしています。 CSSもHTMLも詳しくない私は、枠を１つ使うにも時間がかかって大変でした。ひょっとして、同じように苦労されている方がいらっしゃるんじゃないでしょうか。 そこで今回は自分で使って便利
見やすいサイトを作るときに最低限チェックしたい６項目
いくらコンテンツが良くても、見やすいサイトでないとユーザーはすぐに離脱してしまうでしょう。「見やすい」というのは、コンテキストやユーザーに依存する部分も多いのですが、そこには最低限守るべきルールがいくつかあります。 この記事では、見やすいサイトを作るときに最低限チェックしておきたい項目をご紹介します。 フォントサイズ フォントサイズや行間などは文章の視認性を大きく左右します。 WCAG 2.0では英語などの場合は18ptまたは14ptの太字、日本語の場合はそれと同等の文字サイズが望ましいとされています。1pxは0.75ptと同等とされているので、18ptは24pxとほぼ同等です。さらに、行の高さ（line-height）は150%〜200%、段落の間隔は行送りの1.5倍以上が推奨されています。 ＊18ptは1.5emと同等、14ptは1.2emと同等 そのほか、Googleも読みやすいフォ
改行のはなし - はてな編集部ブログ「編む庭」
ネットの編集・ライティング界隈に人知れず一匹の妖怪が棲み着いている。それこそが「改段落なき改行」。すなわち文章の途中であっても任意の句読点で（あるいは句読点すらなくても）行を改める表記のことである。 これはほんとうに些細で日常的な、なんのこともなく見過ごされがちな文章の書き方であるとともに、見過ごしたにしても何らかしらの問題に発展するともおもえない、平たくいうならひとつのbr要素にすぎないのだが、正面から向き合おうとするとなかなかにやっかいな側面を持っているのである、という持って回ったような大仰な話をこれからしようとおもいます。 こんにちは。はてな編集部のid:mohritarohです。最近はセブン-イレブンの「黒糖まん」がお気に入りで、駅前のコンビニに立ち寄るたびについ買ってしまいます。という書き出しを用意していましたが、本稿の執筆から公開までの間にメニューから消えてしまいました……。
意識すれば、あなたの文章が今より評価される”１つの本質” | 考えるを考えるメディア
Pocket 自分の書く記事を多くの人に見てもらって、評価されたい。そう思って、あなたは文書を書くことに熱心に取り組んでいるのではないだろうか？しかし、なかなか上手く文章を書くことができず、未だに評価されない、もしくは評価されるイメージが湧かないといった状態にまで陥ってしまっていないか？ そこで、この記事ではそんな現状を打破するために、”あなたの書く文章が評価されるようにするためにはどうすれば良いのか”という点について「文章の本質」を軸にお伝えしていこうと思う。 この本質さえつかむことができれば、下記すべての文章に応用が効き、「いいね！」と認められる文章を書くことができるようになるだろう。 もちろん、たくさんの人の目にとまる、拡散される記事を書くことも夢ではない。評価される文章とは何だろうと悩んでいて、その答えを知りたいと思う方は、ぜひ読み進めてみてほしい。 この記事を読むことで「あなたに
1文字○円で書いてもらった記事をGoogleが評価しない理由。今や熱意のある文章を書けることが、最強のSEO対策になりつつあります。 - クレジットカードの読みもの
この記事は新しいサイトに移転しました。 約3秒後に自動的にリダイレクトします。 リダイレクトしない場合はこちらをクリックしてください。
ランディングページ8要素におけるデザイン表現セオリー（サンプル165点付）
WebデザイナーがデザインするWebページの一つに、広告を経由して1ページ内で商材の特長を説明し、お問い合わせや購入へと導く「ランディングページ」があります。 ランディングページは、ユーザの興味を惹くビジュアルの魅力（シズル感）を特に強調したり、瞬時に内容を理解させるためのメリハリのコントロール力も特に求められるため、高いクオリティでページ全体をまとめ上げるには、幅広い表現力が求められます。 私もこれまで多くのランディングページのデザインに関わってきましたが、過去を振り返ると、制作に与えられる時間はタイトな割に、ページ内に掲載するボリュームは非常に多く、またメリハリを出すために様々な表現をいくつもの箇所で検討しなければならない、というケースが多々ありました。 デザイナーにとっては、いかにして効率的に、早く、且つ高品質でランディングページをデザインするのか？が大きな課題になるわけですが、多く
WEBライターが教える「読みやすい文章」を書くためのライティングのコツ | ayan's style
ayan's style > サイトコンテンツ作成 > WEBライターが教える「読みやすい文章」を書くためのライティングのコツ 私はブロガー13年目、最近はWEBライター／旅ライターとしての仕事もしています。 先日、「視点の違いで作り出せるものは変わる！ 新たな視点を獲得する方法」という記事を書きました。読んでいただけるとわかるのですが、書籍のレビューを通常とはちょっと違う切り口で書いた文章となります。 通常は書籍のレビューというと、「○○という本を読みました。その本は…」と、まず本を最初に持ってくると思うのですが、今回はすでにネット上に同じ書籍のレビューがたくさん公開されている状態だったため、最初に本のことを書かず、文章の後半で自然な形に本の内容に触れられる構成を意識しました。 この記事を公開した後、その文章の書き方について、まわりのブロガーさんから以下のようなお言葉をいただきました。
【永久保存】文章力が向上する192の法則、これが文章の書き方だ！ - ホビヲログ
うまい文章が書きたい。書き方を調べると様々な法則があるようだ。ポイント、ルール、問題点、コツ、ヒント、基本、原則などをまとめてみた。 １．文章を書くのが苦手な人もわかりやすい文章を書ける10のポイント 文章を書くのが苦手な人もわかりやすい文章を書ける10のポイント | 株式会社LIG 主語と述語は正しい関係か 助詞の使い方は適切か 長すぎず、短すぎず 読み手の視点に立っているか それっぽいことを適当に書かない 言葉が足りているか 誤字脱字や表記揺れのない、正しい言葉づかいを コンテクストがあるか 戦略があるか 声に出して読んだとして、違和感がないか ２．読みにくい文章にありがちな、7つの問題点 読みにくい文章にありがちな、７つの問題点 - エディターズダイアリー | ジセダイ 省略してはいけないものを省略している 主述転倒がやたらに多い 誤字脱字や表記揺れが多い 繰り返しが多い 似た表現が
[CSSも紹介] ブログ文章部分の「密集度」を下げて読みやすくする方法 | ヨッセンス
せっかく魂を込めて書いた文章です。ぜひとも最後まで読んでほしい!! 今回は記事の「文章」部分だけにスポットを当てて、わたしが文章の密集度を下げるためにやっているデザイン例を紹介します。 ここで紹介しているCSSは、WordPressテーマ STORK19 を想定しています。 「改行（BRタグ）」は使わない わたしは、ブログではほとんど改行をしません。 あ、改行と書いていますが具体的には<br />（<br>）タグのことです。 なぜ<br />を使わないかというと、見る人のPCや端末の環境によってこちらで指定した改行場所どおりには見えないから。 こちらの画像はスマホで見た文章ですね。 スマホで見ると改行がへんなところに! パソコンで見たときにイイ感じに見える場所に改行を入れている（<br />が入っている）のですが、スマホで見るとどうでしょうか? スマホのほうが横幅が狭いため、実際に改行され
![[CSSも紹介] ブログ文章部分の「密集度」を下げて読みやすくする方法 | ヨッセンス](https://cdn-ak-scissors.b.st-hatena.com/image/square/d577955ead1d81a9616bedbd87165816337662e8/height=288;version=1;width=512/https%3A%2F%2Fyossense.com%2Fwp-content%2Fuploads%2Fblog-article-design-336.png)
ウェブデザインの文章レイアウト組みパターンを展開してみる | バニデザノート
ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ためしがき
