本書は、Amazon総合1位(無料)となった科学的学習法の本のWeb版です。 １２万部のベストセラーとなった前著と同様、図とイラストを使って分かりやすく解説しています。 英語学習者・教師・受験生・小学生～高校生の親御さんに読んでいただきたいです。 全５巻(派生巻も含めると全８巻)構成で、これは第１巻です。 それでは、さっそく、サイエンス誌に掲載された論文を解説します。 (サイエンス誌は、ネイチャー誌と双璧をなす、世界最高峰の学術誌です) この論文からは、学習効率に関する重要ポイントをいくつも学べます。 本書は、基本的には中学生でも読めるように書いてあります。 実際、本書をある中学３年生の女の子に読んでいただいたところ、たいへん好評でした。 実際に期末試験の成績も上がり、志望校にも合格し、ご両親も喜んでおられました。 では、以下、論文の解説をどうぞ。 ■カーピキー2008実験 たとえば、英語
この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事 で使い方など詳しくご紹介していますので、ぜひご参照ください！ はじめに 言い切りタイトルすみません 僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています 極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います 帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です 動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかなと思います 結論から 僕が考える現時点でのWebアプリでの帳票印刷のベストプラクティスは、 Adobe XD や Figma で帳票のレイアウトをデザイン
社会人として数年間働いている方でも「分かりやすい資料作りには自信がない」と言う方は多くおられます。体系的に資料の作り方を学ぶ機会が少ない上、資料を使った提案力は何年もかけて少しずつ磨かれるため、実は自信が持てなくて当たり前なのです。 私も働き始めの頃、先輩が分かりやすく美しい資料を作り、お客さまの心を動かしてコンペに勝ったり、お客さまから大きな信頼・共感を得たりする姿を見て、とても羨ましく思った記憶があります。 そんな20年以上前の自分を思い起こすと、経験が少ないがゆえに、資料作りで「つい、やってしまう表現」が沢山あったと感じます。この無意識のうちに「つい、やってしまう表現」は、資料の分かりやすさや見た目の美しさを阻害します。 この記事ではまず、なぜ人は資料を分かりにくくする手法を「つい、やってしまう」のか？という理由を探ります。その上で、ありがちな「つい」の事例と共に、ビフォー・アフター
同じ☆数同士の順番は単純に読んで記事にした順なので他意はないです。 ★★★ 面白かった ★★★★ すごい好き ★★★★★ 愛してる ★★★★★★ 人生のお供 基本的に単行本単位（たまにまとめ読み）なので同じ作品が複数回登場することがあります。 読んで面白くなかったら、わざわざDISるのもなんなので記事にしてないです。 前回はこちら。 aqm.hatenablog.jp じゃあ、そういう感じで。 ★★★★★★ aqm.hatenablog.jp 単行本の帯のアオリは「美女！！トルネード！！巨大サメ！！爆散する恋心！！」。 ロックすぎんだろ。すごい頭わるそう。何かと話題の林士平ブランド。 痛快に頭の悪い主人公・テンポよく汚い言葉の応酬・ファンキーな能力バトルバイオレンスのドB級ノリの殺し合いの行間に、使命と貞操と下心と恋心の狭間で密かに揺れる男女の機微を忍ばせて、切なく美しいエンデ
先日、博士（情報学）になりました。学部と大学院をあわせた 9 年間で読んだ情報科学関連の教科書・専門書を思い出を振り返りつつここにまとめます。私は授業はあまり聞かずに独学するタイプだったので、ここに挙げた書籍を通読すれば、大学に通わなくてもおおよそ情報学博士ほどの知識は身につくものと思われます。ただし、特に大学院で重要となる論文を読み書きすることについては本稿には含めておりません。それらについては論文読みの日課についてや論文の書き方などを参考にしてください。 joisino.hatenablog.com 凡例：（半端）とは、数章だけ読んだ場合か、最後まで読んだものの理解が浅く、今となっては薄ぼんやりとしか覚えていないことを指します。☆は特におすすめなことを表します。 学部一年 寺田 文行『線形代数 増訂版』 黒田 成俊『微分積分』 河野 敬雄『確率概論』 東京大学教養学部統計学教室『統計学
キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 僕はフミコフミオ。「はてなダイアリー」と「はてなブログ」で長年くだらない文章を書き続けてきた会社員のオッサンだ。このたび「はてなブログ」をきっかけにKADOKAWAさんより『ぼくは会社員という生き方に絶望はしていない。ただ、今の職場にずっと……と考えると胃に穴があきそうになる』という長いタイトルのエッセイ本を出すことになった。それにあわせて株式会社はてな様のご厚意により、このような場所をいただいたので、僕なりのブログ・ライフの総括とブログを書くことの楽しさについてお話したい。皆さんのブログ・ライフの充実のお力になれたらうれしい。 なぜブログだったのか？ まず、僕がブログをはじめたきっかけについて。僕がはてなブログの前身であるはてなダイアリーをはじめたのは2003年の年末。はてな歴は実に16年。当時はyoshi_aqua
ウェブデザインにおけるline-heightについて
ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳
【詳細版】会議の進め方改善ガイドライン
1 会議の進め方 改善ガイドライン （詳細版） 柏崎市 令和６(2024)年３月 目次 「会議の進め方」のガイドラインを作成する理由 会議とはなにか？ 会議の進め方 アジェンダの作り方 議事録の取り方 会議室の使い方 資料の作り方と印刷 1 p.3 2 p.9 3 p.13 ４ p.32 5 p.37 ６ p.43 ７ p.45 2 1. 「会議の進め方」のガイドラインを作成する理由 3 なぜ「会議の進め方」のガイドラインを作成するのか？ ● 平均すると業務の1～2割程度を会議が占めている ● 会議前後の作業（日程調整、資料作成、議事録作 成等）を含めれば、膨大な時間に ● たとえばDX（デジタル・トランスフォーメーション）も、単にシステムやツールを導入するということで はなく、文化・考え方そのものを変革するということであり、それは会議にも現れる ● 多様な働き方を柔軟に選択できる職場づく
台風で倒れた"伝説のクソ物件"を再建したい！
このプロジェクトは、2020-09-18に募集を開始し、604人の支援により9,029,133円の資金を集め、2020-11-13に募集を終了しました 二年前…台風24号により倒壊してしまった薄いうどん屋を覚えてますでしょうか。まるでコントセットのように倒れる姿が「ドリフうどん屋」と愛でられてバズったあれです。クソ物件オブザイヤーにも入賞したあの土地を、全宅ツイが地上げすることに成功しました！！このスペースに、ふたたび薄い飲食店を建てたい！ 2021年3月26日オープンしました！ 詳しくはこちら → 高円寺 酒チャンス本日開店！！！ ◆はじめに・ご挨拶 こんにちは！ 全宅ツイ公式キャラクターのグリップ君だウホッ！ 全国宅地建物取引ツイッタラー協会（通称：全宅ツイ）は、ツイッターを通じて交流し合う不動産屋により結成された団体で、仕事をさぼってツイッターばかりしているうち、ついに法人化までして
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
元々読書好きを自称してはいたものの、なんだかんだいって結局読んでいるのは欧米や日本人作家の作品ばかり…。そんな折にこの、世界各国の代表的な小説を一年で196冊読んだ方の記事が目に飛び込んできて、早速自分もやってみようと決意したのが2016年初頭。それからちょこちょこ特定の国の本を探しては、読み進める事丸三年！ようやく100冊読み終える事ができました。まさかここまで時間がかかるとは思っていなかったものの、海外文学の造詣を深めるとびきり良い機会になりました。ひとところに居ながらにして、ここまで自分の世界が拡がるとは思わなかったなぁ。 読んだ世界の小説100冊 今回の試みでは、各国に所縁のある作家の作品を読み、あらすじと感想を地域順に並べています。そのため、舞台が必ずしもその国に設定されているとは限りません（例えば、ポーランド出身の記者が描いたアフリカのルポ作品は「ポーランド」に分類）。この方が
本稿では、gihyo.jp編集部で利用しているMarkdownファイルの記述方法を主に解説します。 注意：gihyo.jp編集部内でのみ採用しているMarkdownの書き方をまとめた文書を、記事の体裁を取って公開したものです。なお、記事公開後に記述方法を追加・変更する可能性もあります。 Markdownとは？ はじめに、筆者の把握している範囲でMarkdownについて概説しておきます。 近年は一般向けのウェブサービスやテキストエディタでも利用されてきているMarkdown。端的に言えば、テキストファイル上で文書を書くための構文です。文書の読みやすさに焦点を当てており、Markdown形式のテキストファイル（＝Markdownファイル）をそのまま見れば文書とその構造が理解できるように、Markdown特有の編集記号や字下げを用いて表現します。また、MarkdownファイルをHTMLファイルに
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン｜金 成奎
[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン ウェブデザイナーが作った成果物に対して、満足はしていないのだけどうまく言語化できなくてどうやって指示したらいいか分からない、あるいはクライアントからのフィードバックをどう咀嚼して伝えていいか分からない、結果的にデザイナーを上手くディレクションできていない.......。そんなお悩みをもったウェブディレクターいませんか？ ここでは実際のデザインを見た時に感じること・あるいはクライアントが指摘しがちなことについての「あるある」を、15の事例に集約してまとめてみました。デザイナーとコミュニケーションしてデザインをブラッシュアップする上での、ある種のアートディレクションの手引きとして活用してもらえればと思います。 1.「野暮ったい」と感じたら・言われたら。 「野暮ったい」とは
![[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる！アートディレクション15の定番パターン｜金 成奎](https://cdn-ak-scissors.b.st-hatena.com/image/square/0aa50796295af9d9e533b4f2f4683522dbc45cd4/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F13031716%2Frectangle_large_type_2_0cfda3162d1aa8bb9571cecf5ec1f1e0.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
主に2つの答えがあります。 A. WCAGの考えではユーザーが適切な支援技術を利用することも含めてアクセシビリティであり、支援技術の入手やアクセシビリティ機能の利用に必要なITリテラシーを持たない人はアクセシビリティの対象ではない。（WCAG偏重派） B. うるせえ！！ なるべく多様な人に情報を届ける、それがおもてなしの心ってヤツだろうが！！（アクセシビリティはみんなの心にあるよ派） 筆者には、Aのようにアクセシビリティの範疇からITリテラシーを外すのはやや極端な考え方であるように思えます。しかし、アクセシビリティに詳しい方でもAのような考え方をしているのを見かけます。 この記事では、WCAGやその関連文書を読みながら、この問いについて考察していきます。 今回WCAGとして参照するのはWeb Content Accessibility Guidelines (WCAG) 2.1です。この記
恐れずに「アウェイに飛び込め」ー ソフトウェアエンジニアが活躍できる場所づくりに私が挑む理由 - Findy Engineer Lab
コミュニティの代表を務めたりカンファレンスでキーノートを任されるソフトウェアエンジニアともなれば、代名詞ともなるプロダクトやサービスを何かしら持っているものです。そういった意味で、株式会社リクルートのデータエンジニアリング組織でマネージャーを務める竹迫良範さんは少し変わったキャリアを歩んできたのかもしれません。 Webアプリケーション開発の初期にプログラミング言語Perlのコミュニティで代表を務め、Webセキュリティの領域でも活動し、今でもブログで技術的な投稿をしながら、未踏事業やセキュリティ・キャンプといった若手エンジニアの育成にも積極的に取り組んでいます。むしろ自分が手を動かしてプロダクトを作り上げるより、誰かが自由に手を動かせる環境作りにこそ熱心であるようにも見えます。 経験したことのない仕事に誘われたら基本的に断らないと語る竹迫さんが、頼まれたアウェイな機会をどのように生かして活動
視覚的に美しいデザインとは、タイポグラフィが一貫していて、明確な階層があり、洗練されたカラーパレットが活用されていて、グリッドに沿って要素が配置されているものだ。 Why Does a Design Look Good? by Sarah Gibbons and Kelley Gordon on March 7, 2021 日本語版2021年8月23日公開 フォントや色、配置などの視覚的なディテールは、ユーザブルなエクスペリエンスを生み出し、ブランドの特徴（親しみやすさや信頼性など）を表現する。 デザインを見て、それが良いということはすぐにわかるものだ。しかし、多くの場合、そのデザインを「なぜ」良いと思うのかを特定することは非常に難しい。この記事では、3つのユーザーインタフェースデザインを分析し、これらのデザインを魅力的に見せているビジュアルデザインの原則について説明する。 例その1：タイ
2週間とちょっと前に「全財産を使って外車買ったら、えらいことになった」というnoteを書きました。タイトルで、話がほぼ終わっとる。 年の瀬のクッソ寒くて、クッソ忙しいなか、80万人が読んでくださいました。そして、サポートという応援のお金が1500人から届きました。 令和のクリスマスキャロルは、ここにあったんや……！ 「おもしろいやんけ」と思ってくださった気持ちが、天にも届いたのでしょうか、普段はここぞというタイミングでありえない爆運をダメな方向へ炸裂させてしまうわたしのもとに、何ごともなくボルボが納車されました。 去年のわたしだったら、ストリートファイター２のボーナスステージ並にボルボがボッコボコに破壊されるなにかを発生させていました。みなさんのおかげです。 さて。 みなさんからいただいたお金ですが、ボルボの購入代、改造代、車検代に充てるのは、ちょっと違うなと思いました。 なぜならボルボは
日本語組版の行間の話 in PowerPoint
anond:20210204012040 前書き組版の専門家だよ。ブックマークとかで行間のリクツが知りたいという旨があったので、簡単にまとめるよ。 なお、行間に限らず、日本語組版に関する専門的な知識は『W3.org 日本語組版処理の要件（日本語版）』に載っていてタダで読めるよ。 https://www.w3.org/TR/jlreq/ この文書は『JIS X 4051 日本語 組版規則』を下敷きに、超のつく専門家がwebの世界向けにまとめたやつだよ。 この知識で書籍の本文組版がきっちりできちゃうよ。印刷周りの知識と組版ソフトを扱う技術もいるけどね。 これから書くのは、組版の専門家としての意見で、PowerPointとかプレゼンとかの専門家の意見ではないよ。 簡単な結論結論を先に書くよ。 単位は%の行送り。例えば150%と書いたときは、文字サイズが10pointのとき、行送り150%は15p
Tailwind CSS実践入門 ～まず作ってから、あとで共通化する Tailwind CSS実践入門 第1章 ユーティリティファーストとは何か ──従来の課題を解決する大胆なアプローチ CSSフレームワークのTailwind CSSが注目を集めています。その特徴は、flex、pt-4、text-centerといったユーティリティクラスの組み合わせだけで、ほとんどすべてのスタイリングをしてしまおうという大胆なアプローチです。これまでのベストプラクティスと真っ向から対立するようなやり方ですが、だからこそ享受できるいくつもの強みがあります。本特集では、そうしたTailwind CSSの考え方や、具体的な使い方について紹介します。 お知らせ：本特集のサンプルコードは、GitHubの筆者リポジトリからダウンロードできます。https://github.com/yuheiy/wdpress133_
人狼系ADV『グノーシア』『レイジングループ』開発者座談会。人狼の「グロさ」から、魂のこもった傑作2本が生まれた（ネタバレなし） - AUTOMATON
ホーム インタビュー 人狼系ADV『グノーシア』『レイジングループ』開発者座談会。人狼の「グロさ」から、魂のこもった傑作2本が生まれた（ネタバレなし） 「汝は人狼なりや？」に端を発し、後にカジュアルな形にローカライズされて一世を風靡した「人狼ゲーム」。毎夜人狼が現れて1人を殺し、村人も対抗して1人を吊るす。血で血を洗う薄暗い内容と独特の緊張感、ゲームとしての面白さもあってか、創作物やゲームの題材にも大いに選ばれてきたが、閉鎖的な集落の因習として人狼を物語へ昇華したホラーADV『レイジングループ』と、人狼の面白さをそのまま1人用の人狼シミュレーターとして搭載した『グノーシア』は、そんな中でも頭抜けた存在である。 本稿は、共に人狼を題材に傑作を作り上げた、クリエイターたちによる座談会の記録である。参加していただいたのは、『レイジングループ』を手がけた気鋭のシナリオライターamphibian氏。
ウェブサイトなどのデザインを考える上で役に立つアドバイス25選
ウェブサイトやソフトウェアの作成において、機能の他にデザイン面も高い質が求められます。デザインにおいて良いもの・悪いものはいろいろありますが、「とりあえず守っておけば問題ナシ」なデザインのルールについて、プロダクトデザイナーのアンソニー・ホブデイ氏が解説しました。 Visual design rules you can safely follow every time https://anthonyhobday.com/sideprojects/saferules/ ◆01：真っ黒・真っ白は避ける ホブデイ氏いわく、真っ黒は画面上で不自然に見え、真っ白は明るすぎるとのこと。代わりに真っ黒・真っ白に近いグレーを用いることが推奨されています。 ◆02：ニュートラルカラー(無彩色)に手を加える ニュートラルカラーとは一般的に黒、白、グレーを指します。もしインターフェイスに何らかの色を使う場合、そ
行送り（line-height）の世界基準 アクセシビリティのスタンダードであるWCAG「達成基準 1.4.12: テキストの間隔を理解する」では、行送りの最低値を1.5と定めている行送りを1.5にした場合でもデザインが破綻しないように促している（@SaekiTominagaさんのご指摘で解釈を誤っていたことが発覚。修正いたします）。しかし世の中のホームページには、リセットCSSを変更していなかったり（あくまでブラウザ間の差異を無くすためのものであり、スタイルを後付けすることが推奨されているわけだが、そもそもどうしてアクセシビリティ基準を守らないんだろうか？1 ただ、sanitize.cssなど、line-heightがちゃんと1.5と設定されているリセットCSSもちゃんと存在する）、古いBootstrapをそのまま使っていたりして、line-heightが狭いのが割とある。そんな場合でも
国内翻訳者が「ゲームのLQAの重要さ」語り反響呼ぶ。ゲームの“届き方”を左右する言語的品質保証とは - AUTOMATON
国内翻訳者の武藤陽生氏は6月17日、Twitter上でゲームにおける「LQA」工程の重要さについてツイートした。このツイートには、ゲーム開発者や翻訳者などの識者より反響が寄せられているようだ。 武藤氏は『Gone Home』『Va-11 Hall-A』など多数ゲーム作品の日本語ローカライズに携わった翻訳者だ。同氏は6月17日、自身のTwitterアカウント上にて、ローカライズの工程のひとつである「LQA（Linguistic Quality Assurance/言語的品質保証）」についてコメント。武藤氏は、「LQAは我々（翻訳者）からすると最も重要な工程」として、自身の見解などを共有している。 あまり名前を出したくないと思ってしまいますね。手を抜くとかじゃなくて、LQAやらないことには何もわからないんです。 — 武藤陽生(Yosei Muto) (@Minstrel_Bird) June
「日本だけ変だよ！海外に合わせて！」お客様の要望通りに家を建てたら1年後にボロくそクレームを言われた話。→「気候も風習も違うからさ…」「どこの業界でも…」
お鯛 @otto_morgen 「海外の住宅みたいに玄関の段差を無くしたいんです！ドアも内開きで！日本だけヘンだよ！」って言われてそこまで言うならって作ったら「砂ぼこりが家の中まで入ってきて掃除メンドイ、狭い玄関でドアの回転半径に靴おけなくて不便」って1年目の訪問でボロクソに言われた事があります。 2022-06-03 09:00:58 お鯛 @otto_morgen 建築家/T+A architects主宰/全国宅地建物取引ツイッタラー協会/全宅ツイ会館/基準法の行間を拡張するお仕事をしています。 🏠建築よろず相談5000円/hで受け付けます。 #クソ物件オブザイヤー2022 優勝 #クソ物件オブザイヤー2023
はじめに デザイナー以外の方でも、サイトやアプリを作るためにUIを作成することはよくあると思います。 そんな時に最低限知っておくと良さそうな、アクセシビリティに関するTipsをまとめてみました。 この記事で紹介する以外にも色々とあるとは思うので、是非コメントなどで「これも追加した方がいいんじゃないか」など提案いただけると助かります！ この記事ではFigmaなどのデザインツールでUIをデザインする段階を想定しています。 そのため、「ボタンはdivでなくbuttonで実装する」「アイコンフォントにaria-labelをつける」「音声を勝手に再生しない」といった実装段階のポイントは扱いません。 読みやすい文字のサイズや色、フォントを使う 文字サイズ Webサイトやアプリで使われている本文のフォントサイズは14~18pxが多いです。 また、W3Cでは英文の場合18ポイント以上もしくは、14ポイント
ゲーム制作において重視するべき8つのこと
By seventyfourimages 学生時代に8つのFlashゲームを作成し、通算2500万回以上プレイされたゲームの広告収入から2万ドル(約210万円)超の収益を得たというテネシー大学の助教授オースティン・ヘンリー氏が、自身の経験を通して実際にゲームを作る上で重視するべきことを8つ紹介しています。 The 8 lessons I learned from releasing 8 video games - Austin Z. Henley http://web.eecs.utk.edu/~azh/blog/8lessons8games.html ◆1：プロトタイプを多く作る なるべく少ない設計工数で、多くのプロトタイプを作成することは良い練習となり、思いがけないアイデアを発見する糸口にもなるとヘンリー氏は述べています。ヘンリー氏は8つのFlashゲームを作成する中で、100種類以上
本記事は、当社オウンドメディア「Doors」に移転しました。 約5秒後に自動的にリダイレクトします。 ブレインパッドは、LLM/Generative AIに関する研究プロジェクトを立ち上げ、この「Platinum Data Blog」を通じてLLM/Generative AIに関するさまざまな情報を発信をしています。今回は、プロンプトエンジニアリングをテーマに、1カ月ほど前に発表されたレビュー論文と関連論文を紹介します。 目次 今回のテーマ なぜプロンプトエンジニアリングが必要か？ プロンプトエンジニアリング：基礎編 抑えておきたい考え方 明確に、正確に ハルシネーションスノーボール (Hallucination snowball) 1.1 ユーザーの要求を明確化するタイプ 1.2 LLMの知識を引き出すタイプ 2.1 直列型：推論ミスを減らすタイプ 2.2 並列型：出力の堅牢さを高めるタ
グリッドシステムのフレームワークを作ってみた
はじめに この記事では私が普段使っている、グリッドシステムを使ったレスポンシブなデザインカンプのフレームワークを紹介します。主にデザイナー初心者や1~2年程の経験者向けの内容です。 フレームワークを作成した経緯 私は仕事で主に所謂Web制作と言われるWebサイトのデザインと実装を両方やっており、業界的に納期が短い中でいかに高いクオリティのものを作るのかが課題だと感じています。深夜や休日も使ってなんとか仕上げることも業界全体の傾向では少なく無いと感じますが、どうしても限界があるので何かしら効率的なものが必要だと思いました。 そこでデザインカンプを作成するときにデザインの情報としての配置にデザイン4原則を取り入れて、ロジックに則ったレイアウトを設計できるフレームワークを作り、レイアウトに迷う時間を短縮しようと考えました。フレームワークを元にすることで、そのサイトならではのコンセプトを体現したレ
敗北という「盤上の小さな死」。戦後最年長41歳でのプロ入りはその先に｜プロ棋士今泉健司の履歴書 #ぼくらの履歴書 - ぼくらの履歴書｜トップランナーの履歴書から「仕事人生」を深掘り！
「三度目の正直」という言葉があります。勝負事において最初や二度目はあてにならなくても、三度目には確実な結果が得られる──。プロ棋士五段・今泉健司（いまいずみ・けんじ）さんは、この言葉を地で行く経歴の持ち主です。 少年時代からプロ棋士になることを目指して厳しい勝負の世界へ。二度の大きなチャンスを手にしながらも夢かなわず、一時はプロになることをあきらめて飲食業界や介護業界で勤務しました。人はその歩みを挫折ととらえるかもしれませんが、今泉さんは回り道のなかで「将棋の技術以外に足りなかったものを学んだ」と話します。 そして41歳で、実に少年時代から約30年の歳月を経て遅咲きのプロ棋士に。「人生に無駄なことなんてない」と振り返る今泉さんは、どのようにして苦境を乗り越えてきたのでしょうか。また、才能あふれるプロ棋士のなかで勝ち残っていくために、どんな戦略を描いているのでしょうか。 勝負師然とした、めま
汚れてしまった「絆」という日本語
東日本大震災から10年の節目を迎えて、テレビの画面や新聞の紙面には、震災回顧の企画が並んでいる。 似たようなトーンの番組に食傷する一方で、10年という時間的な尺度の有効さを、あらためて思い知らされている。 あわただしい日常に追われていると、どうしても視野が狭くなる。 日々の仕事に忙殺されている21世紀の人間は、だから、いつしか、過去を振り返ったり、未来に思いを馳せたりする作業を怠るようになる。 10年を区切りとしたタイムスケールは、そんな調子で近視眼的になっている私たちに好適な時間的視野を提供してくれる。 たとえば、自分の人生を10年刻みのブロックに分けて、そのひとつひとつに見出し（ヘッドライン、あるいは「章タイトル」）をつけてみるとわかりやすい。生まれてから現在までのひとかたまりの人生に、ひとつの決定的なタイトルをつけろと言われたら、誰であれ、途方に暮れるところだと思うのだが、自分の過去
（完成版） M-1グランプリ２０２２感想「タイタンの一滴、親殺しを成す」 - 石をつかんで潜め（Nip the Buds）
マイブームは、コロナ禍お礼参りだ。コロナによって抑圧された日々の中で、ささやかな、しかしそれでいて重要な、生きるための活力となっていたものを積極的に利用するというものである。簡単に言えば、名店を再現したインスタントカレーをよく食べていたのであれば、旅行の際に実店舗に足を運ぶみたいなことだ。折坂悠太の「トーチ」という曲が、とんでもなく名曲なのだが、ある日、地元でライブをするという情報を得た。しかも二日連続。折坂悠太は妻も好きなので、違う会場ではあるものの、そのような日程のライブは、子がいるために二人でライブを見にいくということが出来ない夫婦にとって、これ以上ない救済措置となる。 舘ひろし以来の免許が無い妻に自宅近くの会場を譲ることで互いに合意を得て、チケットを購入し、折坂悠太のホーミーに似た発声を真似しながら楽しみに待っていた。そんな折、折坂悠太だけに、そんな折、ふと、これM-1と日程かぶら
タイポグラフィ、すなわち活字版印刷術は、金属活字（鋳造活字、メタル・タイプ）であれ、写植活字（写真植字用活字、フォト・タイプ）であれ、また電子活字（デジタル・タイプ、フォント）であっても、活字版印刷術創始以来550年以上にわたって「活字」を用いて言語を組み、配置・印刷し、テキストを描写・再現させる技芸であり続けている。 金属活字は鉛・アンチモン・錫などによる合金を文字の「型」に流し込んで作られる。写植活字は被写体である文字のネガ画像に光学技術を用いて印画紙に露光・現像して刷版用の版下となる。電子活字は文字形状に関する電子情報がコンピューター支援によって呼び出され生成される。 いずれにせよ「活字」は、文字の複製原形、つまり規格化された文字の「型（タイプ）」をもとに、繰り返し同じ形象で再生されることを前提とする公的文字のことを指す。 活字と活字組版は規格化されていることによって制御され形成され
こんにちは！GMOペパボのデザイナー @shikakun です。 先日、ドメイン取得サービス「ムームードメイン byGMOペパボ」の新機能として「MuuMuu Sites（ムームーサイト）」をリリースしました！ APIからNotionに書いたコンテンツを取得し、静的サイトをビルドして、独自ドメインで公開できるサービスです。Web制作にかける時間や知識がない方でも、選択肢から選ぶだけで自分らしいWebサイトをかんたんに作成できるように開発しました。 APIから… と、さらりと書きましたが、APIで取得したコンテンツをWebページに表示するフロントエンドは、Notionを再現するように自分たちで実装しています。かなり骨が折れる開発で、正直なところ、Notionが提供する機能は膨大かつ複雑で、すべてに対応できていません。 そもそもNotionには、ドキュメントをそのままWebページとして公開でき
こんにちは。Webデザイナーのぱんちゃんです。 この記事ではデザインをする上で重要な要素である「余白」について解説します。 「デザインがごちゃごちゃしてしまってなんだか垢抜けない……」 「かといって余白を作るとスカスカしてしまいそうで怖い……」 そんな経験をしたことのある方向けに、余白の役割と効果的な使い方、意識するべきポイントを解説します。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 余白によって与える印象はこんなに変わる！ 余白はデザインをする上で非常に重要な要
漫画で大活躍！ アドビオリジナルのアンチック体「貂明朝アンチック」が遂に登場！ 漫画のセリフに使える、アドビオリジナルのアンチック体「貂明朝アンチック」がついに登場しました。漫画の世界観を読者に的確に伝え、文字の表現力を高めることを目的として、漫画のセリフに特化してデザインした書体です。 仮名が明朝体、漢字がゴシック体のアンチック体 （漫画：北村みなみ「ワーズアタック！」より抜粋） 漫画は子供から大人まで多くの人々が慣れ親しみ、近年はSNSにも多くの作品が投稿され目にしない日が無いのではないでしょうか？「アンチック体」とは、古くから漫画の吹き出しに使われていた書体で、アンチック体の最大の特徴は仮名が明朝体で、漢字がゴシック体の組み合わせになっています。 貂明朝アンチックは、仮名のコントラスト（水平・垂直方向の線の太さの差）を抑えた本格的なアンチック体として、漫画制作の現場での利用を想定して
文游明朝体開発ノートより
文游明朝体をよりくわしく知っていただくために、設計意図や制作方法などの記事を用意しました。 （制作担当C.I.） 漢字について 平仮名について 片仮名について 欧文について 最後に 文游明朝体の開発は二〇一七年の春頃字游工房の新しい本文用明朝体の企画として立ち上がり、漢字の試作が開始されました。当初の設計意図は主に游明朝体との比較による具体的で明確なものでした。それは游明朝体の漢字は横線の太さが細く、オフセット印刷上で黒みが担保されないためそれよりも太くすること、またエレメントが小級数で大人しい印象を受けるので若干強くすること、そして骨格が正方形の全角ボディーに綺麗に揃い過ぎており現代的かつ均一な印象であるので、より文字本来の固有の骨格を尊重し変化に富んだ伝統的な字形にすることでした。総じて言うと、日本の近代活字書体の源流である明治・大正期の古典的明朝体に遡り、本文用明朝体の立脚点やあるべ
0002底値さん垢版 | 大砲2015/09/02(水) 08:54:41.99 最近求人でよく見るな 0003底値さん垢版 | 大砲2015/09/03(木) 01:51:32.68 まだ帰れない 0004底値さん垢版 | 大砲2015/09/04(金) 08:09:03.93 離職率の高さがすごい やめたがいい 0005底値さん垢版 | 大砲2015/09/05(土) 02:42:50.68 ttp://blog.livedoor.jp/sequence777/archives/51059340.html ttp://www.mkmogura.com/blog/2009/08/15 ttp://www.p-world.co.jp/news2/article.cgi?No=2788 パソコン パチンコ リサイクル？なんか香ばしいなｗ 0006底値さん垢版 | 大砲2015/09/05(土
今更ですけど、フォントって何であんなに多いんですか？ モリサワに聞く「フォントのユニバーサルデザイン」（5）
より多くの人に使いやすいカタチを目指すユニバーサルデザイン。その考え方は文字の世界にも広まっており、国内のフォントメーカー各社は「ユニバーサルデザインフォント（UDフォント）」を手掛けています。 書体を変えても、言葉の意味は同じ。ですが、“見え方”が変わると、言葉の在り方はどれくらい変わるものなのでしょうのか。大手フォントメーカー・モリサワに取材し、日本初というユニバーサルデザインの教科書体「UDデジタル教科書体」の開発者・高田氏、営業・盛田氏、瀬良氏に話を伺いました。 Wordなどでフォント選びに困っているときなどに、こういう疑問湧いてきませんか？ 読みやすいとされるUDフォント“以外のフォント”が使われている理由 ―― UDフォントが読みやすいのなら、どうして現在もその他のフォントが使われているのでしょうか？ 高田氏：UDフォントは年齢の違いや障害の有無などにかかわらず、より多くの人の
現在は、わたしは中高生を対象に英語を教えています。読み書き障害(ディスレクシア、Dyslexia)の生徒を受け持っており、英語を一緒に勉強しています。彼は中学３年生で、ディスレクシアのほかに、精神年齢が実年齢に比べ、幼いだけでなく、幼少期の体験から極度の不安に襲われ、勉強に集中できないことも多々あります。彼がわたしの運営する英語塾に通うようになって、10ヶ月間でほぼ英語が読めない状態から、中学3年生レベルの英語をゆっくりとしたスピードではありますが、読めるようなるだけでなく、テストの点も大幅に改善されました。 本人に了承を得、これまで効果的だった英語の勉強方法について書いていきます。常識的・医学的には、間違っていることを書くことになるかもしれませんが、あくまでも、わたし、そして生徒自身が効果があると認めた勉強法となります。ディスレクシアをもつ子どもと関わる先生、親御さんに読んでいただけたら
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最新研究からわかる 学習効率の高め方 - 分裂勘違い君劇場 by ふろむだ
ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました
パワポ資料で「つい、やってしまう失敗」から学ぶ！ガチ改善テクニック14選
2020年上半期に読んで面白かった漫画 34選 - #AQM
大学で読んだ情報科学関連の教科書 - ｼﾞｮｲｼﾞｮｲｼﾞｮｲ
僕の12年にわたるブログライフを振り返って（寄稿：フミコフミオ） - 週刊はてなブログ
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
世界文学を100ヶ国分読んでみた【全100冊紹介】 - ゴミ本なんてない
gihyo.jp編集部におけるMarkdown記法 | gihyo.jp
ユーザーのITリテラシーに配慮するのはアクセシビリティなのか - Qiita
デザインが良いと思える理由
ボルボを買った話が、とんでもねえ翻訳で希望に変わるまで｜岸田奈美｜NamiKishida
Tailwind CSS実践入門 第1章 ユーティリティファーストとは何か ──従来の課題を解決する大胆なアプローチ | gihyo.jp
日本語の文章とline-heightに対する考察 - Qiita
サイトやアプリのUIデザインをする時に知っておくと良いアクセシビリティのこと - Qiita
プロンプトエンジニアリングの基本と応用 - Platinum Data Blog by BrainPad
白井敬尚「タイポグラフィ」 | ÉKRITS / エクリ
Notionを利用したノーコードWebサイト作成サービスをデザインしながら考えたこと｜shikakun
デザインは余白でこんなに変わる！Webデザイナーが解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
漫画で大活躍！アドビオリジナルのアンチック体「貂明朝アンチック」が登場！
株式会社ブロードリンク ってどうのな？？ [転載禁止]©2ch.net
読み書き障害(ディスレクシア)生徒に対する英語学習方法について - オニテンの読書会