テクニカルライティングの基本を学べます。サイボウズの新入社員向け研修資料です。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。 Twitter:https://twitter.com/naoh_nak 2023年度のアップデート版もあります:https://speakerdeck.com/naohiro_nakata/technicalwriting2023
きっかけ Linuxエンジニアとしての基礎力のなさを見抜かれ、これ読んでみるといいよとおすすめされたのがきっかけ。 gihyo.jp 大変お恥ずかしい話だが、自分はエンジニア7年目にして初めてLinuxについての本を読んだ。それまではなにか上手くいかないことがあればブログやQiitaを参考にコピペしてその場しのぎしていただけだった。 目次 第1章 コンピュータシステムの概要 第2章 ユーザモードで実現する機能 第3章 プロセス管理 第4章 プロセススケジューラ 第5章 メモリ管理 第6章 記憶階層 第7章 ファイルシステム 第8章 ストレージデバイス おもしろかったところ メモリ管理 プログラムは直接物理メモリにはアクセスしない。仮想メモリを通して物理メモリにアクセスする forkしたとき、仮想メモリは書き込み権限が付与されずに同じ物理アドレスが紐付いたままの状態。子プロセスで書き込みが走
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法~伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している
阿部広太郎|『あの日、選ばれなかった君へ』 @KotaroA コピーライター&作詞家 ■「企画メシ」主宰 ■新刊「#あの日選ばれなかった君へ」(ダイヤモンド社)発売🎊「心をつかむ #超言葉術」(ダイヤモンド社)4刷重版🧸■向井太一「FLY」共作詞 ■Superfly "Heat Wave" 構成 ■日々の発見→#広告空論🌿 やっぱり今日も書いてます✍🏻 amazon.co.jp/dp/4478117683/ 阿部広太郎|『あの日、選ばれなかった君へ』 @KotaroA 触発される というのはこういうことかなと思いました 宣伝会議賞の中高生部門 携われて本当に良かったです 本当に驚きました、ガチの騒然です 総括の記事です 国内最大級の広告賞で「五冠」、スーパー中学生登場に広告業界は騒然…意外な将来の夢yomiuri.co.jp/economy/202403… 2024-03-29 1
これは二段構えの構成を持っています。この二段構えを正確に検出し、テキストを理解することが望ましいです。 Unstructuredを使うPythonのライブラリであるUnstructuredを試してみましょう。 参考記事 導入は非常に簡単です。 pip install 'unstructured[pdf]' 実装も簡単です。 解析コード: from unstructured.partition.pdf import partition_pdf pdf_elements = partition_pdf("pdf/7_71_5.pdf") 表示コード: for structure in pdf_elements: print(structure) 結果: 残念ながら、2段組のカラムを正確に検出することはできませんでした。 Grobidを使うGrobidは、peS2oというオープンアクセス論文のコ
黙食にご協力ください――。新型コロナウイルス感染対策の一環で、福岡市のカレー店が、店内では黙って食べる「黙食(もくしょく)」を呼びかけるPOPをツイートしました。従来よりも踏み込んだ表現に「言葉狩りにあう」不安もあったと言いますが、ツイッターでは「分かりやすい」「POP活用したい」などといった反響が客側と飲食店側の双方から広がっています。 【画像】「黙食」にご協力ください…“踏み込んだ”POP、全文がこちら カレー店の看板メニューも 来店客に対して誠実・健全にPOPを製作したのは、福岡市南区にあるカレー店「マサラキッチン」です。デザイナー出身の三辻忍店長が2014年にオープン。看板メニューのチキンカレーを始め、「博多スパイス料理」をコンセプトに新メニューの開発にも日々取り組んでいます。 新型コロナの感染拡大以降、マサラキッチンも「入店後の手洗い」「マスク無い場合は入店拒否」「食事中以外のマ
ChatGPTがデジタル広告の業界構造をつくり替えつつある。大手各社は、ChatGPTを生かして開発したAI(人工知能)システムをバナー広告の制作工程に導入。広告制作の生産性向上に成果を上げている。広告制作に携わる人員構成の見直しや、顧客企業から受け取る報酬の体系にメスを入れる動きも始まった。 デジタル広告の中でもChatGPTの影響をもろに受けているのがキャッチコピーの文言をつくる作業だ。商材の種類や想定する閲覧者の属性といった情報を入力すると、瞬く間にキャッチコピーの文言が自動生成される。 ChatGPTをはじめとする生成AIをデジタル広告制作に積極的に活用している1社が、デジタル広告最大手のサイバーエージェントだ。同社は自社開発のデジタル広告制作支援システム「極予測AI」を使い、新たにつくったバナー広告の内容をAIが解析して広告効果の予測値を算出。既に配信しているバナー広告のうち広告
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi
はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...!」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください(一応該当する節には*をつけています)。 配列 配列の重複した値を削除1 const meta = ["foo",
埼玉生まれ、神奈川育ち、東京在住。会社員。好きなキリンはアミメキリンです。右足ばかり靴のかかとがすり減ります。(インタビュー動画) 前の記事:ウォンバットのうんこは、やや四角い > 個人サイト のばなし 和歌の教養がない我々でもできる百人一首 知らず知らず培った知識で、熱い戦いがはじまる 企業のキャッチコピーが好きだ。 限られた文字数のなかに、その企業らしさをギュッと詰め込む。多くの案が出される中で「これじゃ会社の良さが伝わらない」とか「他社と似てるんじゃないか」とか、紆余曲折を経て生まれてきたのだろうと思う。 お、ねだん以上。と言われたらニトリ。ココロも満タンにと言われたらコスモ石油。 多くの人の知恵が練りこまれているだけあって企業のコピーには印象的なものも多い。今回は「企業キャッチコピー百人一首」で遊ぶべく、認知度の高そうなコピーを持った24社を選定した。 取り札がこちら。これくらいの
今回、アドビさんの「みんなの資料作成」という企画に参加させていただくことになりました。せっかくの機会ですので「コピーライター流のプレゼン資料作成のコツ」を書いていきます。 わたしはこれまでコピーライター(セールスライター)として広告やセールスレター、本の表紙などのコピーを書く仕事をしてきました。 直近の実績は以下の通り↓ ・会員数100万人スキルシェアサービス ストアカ1位 ・ストアカ受講者1万人以上 ・Kindle出版総合1位 ・音声配信Podcast 1位 ・アメブロランキング1位(語学部門) ・note「ライターの仕事」定番1位(累計40万PV) また、わたしのプレゼンの成約率は最大69%です(93人の参加者のうち65人が商品購入)通常、成約率の平均が5%と言われている業界ですので、単純計算で13.8倍です。 まだ道半ばで、特に才能もなく凡人のわたしが、誰の影響力も借りずに、このよう
うえはらけいた|漫画家 @ueharakeita これ、マスナビで連載中の「ゾワワの神様」というマンガなんですが、最新話がこちらで読めますので良かったらぜひ〜↓ massnavi.com/report/1139.ht… 2021-11-01 07:24:01 リンク www.massnavi.com ゾワワの神様 第3話未来をもっと面白く『マスナビ』 ゾワワの神様 第3話未来をもっと面白く『マスナビ』マスナビは宣伝会議グループ株式会社マスメディアンが運営する広告・Web・マスコミ業界を目指す年卒業予定の学生のための就職・就活応援サイトです。電通・博報堂・ADKなど実績多数。 1 user 9 うえはらけいた|漫画家 @ueharakeita 「ゾワワの神様」と「アバウトアヒーロー」の作者。 コピーライター → 美大生 → デザイナーを経て漫画家になりました。 人生がどこからでも軌道修正でき
【2023年9月 追記】 現時点では掲出は終了しております 今年もやりますよ~~~~ うんちの軸 このサイト「オモコロ」のキャッチコピーを決めます 読者公募のやつか オモコロの有料コミュニティ「ほかほかおにぎりクラブ」で募集して決めるやつね 去年は選考の結果「パイナップルコンビネーション」を電柱広告にしました これでもマシな方を選んだんだからすごい また応募にかこつけて大量の汚言を読ませられるのか 前回は1600通も来ましたが、今回は5000通来てます は???? ちょっとした村の人口だぞ 過疎地域の選挙なら勝てる さっそく見ていきましょうかね…… 頼む! マシになっててくれ! はい、例年と同じです オモコロ読者に進歩という文字はないのか 悪化しているような気すらする ニョニョの奇妙な冒険!? これからてめーをニョニョって呼んでやるぜ! 不名誉すぎる ジョボショボジョボショボジョボショボジ
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザインが、ここを見ればコピペで簡単に実装できます。 CSS Tooltips & Speech Bubbles CSS Tooltips & Speech Bubblesを作成したのは以前紹介したCSS Loaders(紹介記事)やCSS Ribbon Shapes(紹介記事)と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回は100種類のツールチップとスピーチバブルです。
すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。 CSSの色指定に何を使用していますか? #FFFFFFのようなHEX値だったり、whiteのようなキーワードだったり、rgb(255, 255, 255)のようなRGB色空間の人も多いと思います。最近では色相・彩度・輝度で指定できるhsl(0, 0%, 100%)もすべてのブラウザにサポートされており、増えてきたと思います。 さらに今までよりも広色域のP3カラーに対応したoklch()もChrome 111, Safari 15.4でサポートされ、注目されています。 CSS HD Gradients CSS HD Gradientsは、Google ChromeのデベロッパーであるAdam Argyle氏(@ar
Z世代のインターンに「白紙のコピー用紙を50枚持ってきて」と頼んだ女性のツイートがちょっとした話題となっています。 Gen Z is amazing. I asked a (paid) intern to bring me 50 blank pieces of copier paper and when she brought them in they were warm. Turns out that, rather than count them, she set the copier to 50 and printed blank sheets. Genius.— _ (@SundaeDivine) May 2, 2023 https://twitter.com/SundaeDivine/status/1653416411379761159 話題となったのが「Z世代ってすごいわ。イン
Webサイトを訪れたユーザーが、もっとも重要視するのはUIデザインです。 ユーザーが直感的に操作でき、使いやすく、美しくデザインされたWebサイトは、長期的な成功につながります。 しかし、どんなUIデザインを作成したらよいか分からない、という声もよく聞きます。 そこで今回は、コピペで利用できるUIデザインライブラリ UIverse をご紹介します。 1200を超えるUI要素が公開されており、HTML/CSSをコピペするだけで、だれでも手軽に利用できます。 これらを押さえて、あなたのWebサイトをユーザーにとって魅力的で、使いやすくしてみましょう。 UI要素1200以上!HTML/CSSを直接コピペできる便利ライブラリUIverse UIverseではあらゆるプロジェクトに対応できる、HTML/CSSで作成されたオープンソースのUI要素を作成、共有できるウェブサイトです。 すべてのコードはM
https://togetter.com/li/1901124 https://twitter.com/vKpjIheSE5X0tXy/status/1536543497331044352 嘘だと断言はしないけどドラマチックすぎるしいろいろと違和感がある 矛盾「なにか証明できるものなどありますか?ってきいたら小学校の印鑑と校長と教頭署名が書いた書類を見せてきた」 「私は見せていただいておりません。彼女が所持していたのは学校名が記載された茶封筒のみです」「その行為は市の教育委員会容認なのか聞いたところ「知らない」とのこと」 「まず学校側が行っていた「教育委員会からの容認をうけている」について。」「またHPにも堂々と「保護者様各位 空調設備投資優先した為、教材の備品費が足らないためご協力お願いします。募金等の使用目的として、ボール、遊具の修理、各学科の資料等」とありました。」ググっても該当サイ
見出しなどのテキストを目立たせたいときに便利なフキダシ(吹き出し)。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before = 選択した要素の最初の子要素として疑似要素を生成 ::after = 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
インターネットで海外のサイトを閲覧する際、内容がすべて英語で書かれているとどうしても解読に時間がかかります。Google翻訳など便利なツールも登場していますが、自動翻訳の精度はまだ高くなく、内容を正確に理解するには英和辞書が手放せないという人も多いはず。youwhtさんが無料で公開している「英語コピ郎君」は、クリップボードにコピーするだけで英単語の意味を調べることができるデスクトップ英語辞書ツールで、PCのモニターと電子辞書をわざわざ見比べる必要がなくなります。 英語コピ郎君の詳細情報 : Vector ソフトを探す! https://www.vector.co.jp/soft/winnt/edu/se519844.html 高速なデスクトップ英語辞書ツールを作った物語(英語コピ郎君) - Qiita https://qiita.com/youwht/items/7f5686a30eed1
Webサイトやスマホアプリで使用される、モダンCSSで実装された100種類のさまざまなアニメーションのボタンを紹介します。 角丸や矩形ベースのボタンに、背景がスライドしたり、分割したり、プルプルしたり、ボーダーがきらっとしたり、文字がくるっとしたり、変形したり、ネオンに輝いたり、ボタンの実装に困った時にチェックすると便利です。 100 Modern CSS Buttons 100 Modern CSS Buttons -GitHub 100 Modern CSS Buttonsは、モダンCSSで実装されたボタン100種類のコレクションです。角丸や矩形ベースのボタンにさまざまなCSSアニメーションが使用されています。 ライセンスはGPL-3.0 licenseで、商用プロジェクトでも無料で利用できます。制作者様によると、個人的なプロジェクトであろうと商用プロジェクトであろうと、オープンソース
1-3. リンク先の内容を具体的に表示する ボタンやバナーのマイクロコピーでは、リンク先の内容を具体的に表示することが大切です。 「詳しくはこちら」のような表現でリンク先の内容がわからないと、ユーザーはそこに知りたい情報があるのか判断できないために離脱する可能性が高いからです。 デジタルツールの大手メーカーであるAppleが“M1システムオンチップ”を紹介するページでは、リンクボタンに以下のようなマイクロコピーが設置されています。 出典:Apple これらのマイクロコピーによって、ユーザーはリンクボタンの先にどんな情報があるのかを一目で理解できます。 スマホが普及した近年は特に、サイトを閲覧するユーザーはその内容をじっくりと読んでいるというよりも、流し読みをしているケースが多いものです。 「詳しくはこちら」だとそれが何のことだったか記憶に残っていない可能性があり、理解するためにはページを遡
のいのい @noi_springfield アクセントはfencingとおなじ RN55→京都大学(通信制)B3 / りばけ / 美術部、元素同好会、Cis、EMBG ←🆕/ AtCoder茶 / アジカン 絵→@noiillust のいのい @noi_springfield この5つのうち2つはコミックLOの、残りは青春18きっぷのキャッチコピーです。LOはどれでしょう? ①出会いに、年齢制限はありません。 ②そのうち、どこかが、目的地。 ③スポンジみたいに、たっぷり夏を吸い込んだ。 ④いつか見たような、存在しない明日。 ⑤夏休みは、寝坊がいちばんもったいない。 2019-11-26 23:52:21
あなたが、いま実装しようとしているレイアウトは、おそらくCSSで実現できるでしょう。 ただし日常の業務をこなしながら、日々進化するCSSの最新テクニックを習得するとなれば、話はまったく別です。 仕事で使えるCSSの技術を、時間をかけて学ぶよりも、ボタンやドラッグ&ドロップ操作で、思い通りのレイアウトを自動で生成できる「ジェネレーター(英: Generator)」を活用してみましょう。 新しいプロジェクトにコピー&ペーストで利用でき、瞬時に思い通りのレイアウトを作成、はじめてのひとにもオススメの時短ツールを厳選しています。 コピペ一発!便利なCSSレイアウトジェネレーターおすすめ12選(Grid & Flexbox編) ここでは、CSS Grid と Flexbox で表現できるレイアウト用ジェネレーターと便利なリソースを一緒にまとめてご紹介します。 Layoutit! grid-templ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く