はてブのコメントが大幅に仕様変更されて不評らしいけど、これって、かつて行われた「歌舞伎町浄化作戦」みたいなものだよね ぶっちゃけ今のはてブって「５ちゃんねる@はてブ板」ってくらい閉鎖的で偏った傾向の人達のたまり場になってしまっていて、それでも板の中に籠もってよろしくやってるのならともかく、外部サイトだろうが無差別に一言書き捨てていくのが当たり前の文化だから外部からはすこぶる評判が悪い しかも活発に書き込んで上位にランクされる人ほど、ブックマークされた側にとって不愉快なコメントが多い 一番の解決方法ははてなブックマークそのものをサービス停止する事なんだろうけど、さすがにそれはできないからコメント評価のアルゴリズムそのものを変えてしまう戦略をとったんだろう この件で文句たらたら言ってる人達、運営から「Not For You(あなたのために提供しているサービスではない)」と暗に言われてる事に気付
蚤の市で買った古ぼけたノート 開いてみたら中身が謎すぎて一同興奮「違う世界線からきた?」「とんでもなく貴重な資料では!?」
もんしゅ @yakedooo 先日蚤の市で入手した古ぼけたノート、なんとなく切り抜きが貼ってあるなぁ…くらいで買ったけど、先ほど落ち着いて見てみたら全部怪しげな発明品や発見についての記事だった… 違う世界線から来たノート…？ pic.twitter.com/q5B9862UPD 2019-08-21 23:46:39
テキストを画像の上に配置、タグを重ねたい、ヒーローセクションで画像の上にコンテンツを配置、画像のアスペクト比を維持させたい時など、CSSの絶対配置（position: absolute;）を使用することがあります。もちろん、それでうまくいく時はありますが、なんらかの制約があったり、テキストが長いと崩れたりします。 position: absolute;が必要だと思われていた実装で、使用しなくても実装できるモダンCSSのテクニックを紹介します。 Less Absolute Positioning With Modern CSS by Ahmad Shadeed はじめに ケース1: カードのオーバーレイ ケース2: カードのタグ ケース3: ヒーローセクション ケース4: display: contents; ケース5: カードアイテムの並べ替え ケース6: 中央寄せ ケース7: 画像のアス
無料でキャラクターボイスを自動で合成してくれるAIトークソフト「COEIROINK」は誰でも超簡単に創作物の「声」を作り出せる
シロワニさん氏が趣味で開発したというWindows向けのAIトークソフト「COEIROINK(コエイロインク)」が無料で公開されています。COEIROINKは連絡不要で商用利用もOKなフリー素材キャラクター・つくよみちゃんに好きなテキストを誰でも簡単に読み上げてもらうことが可能なので、自作アニメやボイスドラマのキャラクターボイス、実況動画や解説動画のナレーションなどの作成にお役立ちです。 COEIROINK https://coeiroink.com/ ✨COEIROINKリリース✨ 無料の音声合成エンジン「#COEIROINK」が登場！ 文章を読み上げます！ ■公式サイト⇒https://t.co/66YStrCYu0 ■COEIROINK開発：シロワニさん様 @shirowanisan ■VOICEVOX開発：ヒホ様 @hiho_karuta 第１弾は「#つくよみちゃん」！ 商用利用O
プロのライターは原稿を何で書いているのか？
安田理央@「アダルトメディア年鑑2024」発売中！ @rioysd プロのライターは、みんなエディターで原稿を書いてるのだと思ってたら、Word派が主流で、むしろテキストで送ると編集者に「チッ、老害が！」と舌打ちされながらWordにコピペされているのだと知ったのが昨夜のハイライト。 まぁ、でも、おれはTeraPad使い続けるけどな！ 2019-06-22 09:14:46
アメリカ人の愛国心を熱くする甘いリンゴのお菓子 1902年、ニューヨーク・タイムズ紙に以下のような文章が掲載されました。 （アップル）パイは我が国の強さと優れた産業創設、我が国の繁栄の秘訣である。英雄の食べ物である。食わないヤツは永久に負け犬である。 Pie is...the secret of our strength as a nation and the foundation of our industrial supremacy. Pie is the American synonym of prosperity. Pie is the food of the heroic. No pie-eating people can be permanently vanquished. かなり強烈な文章ですが、アメリカ人の愛国心と素朴な感情をよく言い表しています。 アップルパイを上手に焼け
WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介します。 FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子アイテムが増えすぎたり減りすぎたりで崩れたりなど、起こりがちな問題を解決する実践的なテクニックが満載です。 Defensive CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Flexboxでの折り返し スペースの確保 テキストが長いコンテンツ 画像の伸縮を防止する スクロールが連鎖するのを回避 CSS変数のフォールバック 固定の幅・固定の高さによるレイアウトの崩れ 忘れがちな背景の繰り返し 垂直のメディアクエリ justif
こんにちは、エムスリーデザイングループでチームリーダーをやりながらエンジニアリングGも兼務しているプロダクトデザイナーの大月です。 私が所属しているエムスリーのデザイン組織は以下２つの強みがあります。 多様性 スピード 特に日々の業務では"スピード"をとても大切にしており、 デザインを早くすることで、検証回数を増やし、PDCAを多く回し、価値創造を加速することを意識しています。 こうしたエムスリーのスピード文化から、日々の業務を効率化できるFigma活用法もデザイナーのみんなで学びあっています。 今回は、エムスリーのデザイナー間で話題になった、意外と知らなかった、知っているだけで日々の業務が一気に楽になった！というFigma活用術を紹介します。 少しでもFigmaでのデザイン作業をスピードアップさせたい方の参考になれば幸いです！ 爆速のための3種の神器 1. 秩序をつくる ファイル構成とコ
2020年2月12日の衆議院予算委員会、次のテーマで質疑を行いました。 １）棚橋予算委員長の委員会運営について（1分48秒） ２）憲法改正・コロナウィルス・自衛隊の不祥事などについて（35分57秒） ３）安倍総理の政治姿勢と官僚の不祥事について（8分52秒） ４）安倍総理が「罵詈雑言」ととった箇所（1分30秒） 安倍総理の言う通り「罵詈雑言」を「反論する機会を与えられず」「延々とそれを繰り返された」かどうか、ご一読ください。以下はこの日の辻元の質疑全テキストです。 —————- ○棚橋委員長 この際、辻元清美君から関連質疑の申出があります。黒岩君の持ち時間の範囲内でこれを許します。辻元清美君。 １）棚橋予算委員長の委員会運営について（1分48秒） ○辻元委員 辻元清美です。 まず最初に、委員長に申し上げたいと思います。北村大臣の答弁が不安定ということで、北村大臣の答弁のフォローをする政
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
「かまいたちの夜」30周年インタビュー（前編）。“特異な書き手”である我孫子武丸氏と，常識にとらわれないスタッフが傑作を生んだ
「かまいたちの夜」30周年インタビュー（前編）。“特異な書き手”である我孫子武丸氏と，常識にとらわれないスタッフが傑作を生んだ ライター：柳 雄大 カメラマン：永山 亘 今年（2024年）は，スーパーファミコン用ソフト「かまいたちの夜」の発売（1994年11月25日）から30周年にあたる。 チュンソフト（現在のスパイク・チュンソフト）が開発した同作は，テキストの面白さを中心に据えた「サウンドノベル」というゲームジャンルを確固たるものとし，現在に至るまで数々の後継作がリリースされた。 シリーズ累計販売本数は200万本を突破しており，今年3月には舞台「かまいたちの夜 〜THE LIVE〜」の上演が発表されるなど，今なお根強い人気を誇っている。 関連記事 舞台「かまいたちの夜 〜THE LIVE〜」，東京・大阪で6月に公演決定。我孫子武丸氏監修のオリジナルストーリーが描かれる キョードーメディア
Parrots in captivity seem to enjoy video-chatting with their friends on Messenger
『Disco Elysium』という世界で「英語」が一番難しいゲームについて──。英テキストの波に煽られた私の体験記
『Disco Elysium』という世界で「英語」が一番難しいゲームについて──。英テキストの波に煽られた私の体験記 この記事は、2019年10月に発売され高評価を得た『Disco Elysium』という英語のゲームが題材です。その難解で膨大な内容にも関わらず、編集部員が気軽に「やる？」とライターに投げたことにより起きた受難の旅、ライターの長大な思考の旅路を、本稿では記しています。 「酒を飲まない者を信用するな。やつらはたいてい、自分は正義を知っている、自分は正しいことと間違っていることをいつでも見分けられる、と思っている。ふだんは良いやつらだ、しかし正しさ優しさの名のもとに、この世のほとんどの苦しみをもたらしたのもやつらなんだ。やつらは判事で、野次馬だ。そして酒をたしなみはするが、芯から酔っぱらうことを厭う者を信用するな。やつらがそうするのは、いつも腹のうちで、自分が馬鹿か、臆病者か、卑
母の日に、母から「金を貸してくれ」と電話があった
「今から時間取れる？」というLINEが母から届いた。 前日、母からは遊んでいるソシャゲについての報告がLINEで届いており、それに返信しないまま5/9になった上に母の日にも何にもしていなかったため 「あーこれは怒ってんだろうな」と思いながら「時間あるよ」と返信したところすぐにLINE通話がかかってきた。 違和感を覚えながら出てみれば 「本当に申し訳ないのだが」「娘にこんなことを言うのは非常に情けない」と前置きがあり、「金を貸してくれないか」と。 私の父は仕事をしていない。 何年前から働いていなかったかも思い出せないので、それだけ長く無職なのだと思う。 つまり実家の生活は母の収入だけで成り立っている。 それでどうにも生活が苦しいらしく、母は自身の母（私から見て祖母）に食料や資金の支援を受けている状況なのだと言う。 そんな中、母の車が壊れ、父の車は車検が切れそうで、しかし費用は捻出できない。銀
「冷たい印象になるから」と、若い人はメッセージのやりとりで句読点をつけたがらない。そんな話を聞いて「俺、もしかして冷たい人間と思われているかも？」とショックを受けました…。 どうも✋おじさん構文マイスターことエディター✍のヒロです(^_^)💦💦🍺 10年以上の紙媒体編集者歴を経てWeb編集者に転身した自分ですが、いまだに戸惑うことがあります。それは、Web編集ならではのスピード感です。 なかでもスピード不足を自覚しているのが、原稿の校正校閲業務。紙媒体編集者の宿命ともいえるのですが、「ミスは絶対に許されない」の気迫で校正校閲に臨むため、どうしても時間がかかります。「ミスっても気づいたら後で直せばよくね？」なWebのチャラいノリに賛同できないわけですね。（句読点の抜け漏れもやっぱり許せません！） 「Webのスピード感で校正したい」「でも紙媒体クオリティは死守したい」、この狭間で葛藤し、
アイコンのサイズをテキストに揃えて配置する時、どのように実装していますか？ テキストのサイズぴったりにアイコンを簡単に配置できるCSSの新しい単位「lh」「rlh」が登場します。 'lh' and 'rlh' units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSS Values and Units Module Level 4に見たこともない新しい単位がありました！ lh それが使われている要素のline-heightプロパティの計算値に等しい rlh ルート要素（おそらく<html>要素）のline-heightプロパティの計算値に等しい これらの新しい単位が役立つシーンはどこだと思いますか？ Šime Vidasの記事によると、
概要 Twitter上で「気持ち悪い」、「キモイ」という言葉が、どのように使われてるかと調査した。 調査対象は、キモイ、気持ち悪いという言葉を含むtweet、約28万件 時系列の変化を見るため、2018年と2019年で調査を行った 気持ち悪いと言う言葉は、オタクへの言及とともに使われている オタクを含んだtweetは、28万件中、14431件あった 調査結果 2018年調査 2018年に投稿されたツイート調査 調査期間 2018/01/09 - 2018/12/31 tweetソース元 Sample realtime Tweets API 2019年調査 2019年に投稿されたツィート調査 調査期間 2019/01/01- 2019/10/20 tweetソース元 Sample realtime Tweets API 気持ち悪いという言葉の特徴 気持ち悪いという単語は、他者を侮蔑する意味と
2021年3月4日 CSS CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 要素の上下左右中央配置 画面幅いっぱいに画像を配置 リストマーカーの色を変える 言語にあわせて引用符を変更 クリックで文字列を選択 背景画像を見切れないよう繰り返し表示 入力時の縦線の色を変更 ドラッグで要素のサイズを変更できるようにする floatは flow-root で解除 文章をカラム分けしてラインを入れる HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください！ 1. 要素の上下左右中央配置 ボックスを要
22/5/10：元記事の方が取り下げたのでこっちも下げます。 事実関係がごちゃごちゃしたときのために元記事は返金可能設定付きの有料記事として隠しておきます。 22/10/14：またぞろエルデンリングは英語から日本語訳されたんだー！ みたいな話が出てきたので再公開します。なんでファンって自称してるのにローカライズしてる会社を調べないのか全くわかんない。 noteでエルデンリングについての感想をザッピングしているとこんな記事が出てきた。 最初に感じたのは強烈な違和感だ。まず、フロム・ソフトウェアは日本の企業である。 前提としてこのようにこの記事を執筆した方は述べている。 エルデンリングは恐らく英語が原文で、日本語は和訳であると推測される。根拠としては情報量の差がある。英語音声と日本語字幕を比較すると、音声の方が字幕より台詞が多い箇所があることがあり、またニュアンスの差によって英語の方が情報量が
画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。 CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見かけた素晴らしいテクニック、便利なツールなども紹介します。 Handling Text Over Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに テキストを読みやすくするためのさまざまなテクニック グラデーションのオーバーレイを使ったテクニック イージングのグラデーションを使ったテクニック 水平方向のグラデーションを使ったテクニック ソリッドカラーとグラデーションの混合 グラデーションのオーバーレイとtext-shadow グラデーションのオー
著： 安田理央 西武池袋線、都営地下鉄大江戸線を擁する練馬駅 埼玉県浦和市（現・さいたま市）育ちの筆者にとって、練馬区といえば、子どものころ、親に連れて行ってもらった豊島園遊園地（としまえん、2020年8月に閉館）だった。 としまえん以外のかかわりができたのは、高校時代。当時組んでいたバンドのメンバーが江古田周辺に住んでいたことから、江古田に足繁く通い始めた。ドラマーの実家の離れに毎週のように集まり、昼間っから音楽の話や女の子の話を延々と交わしていた。 その流れで高校卒業後、一人暮らしをする時も、迷うことなく江古田に住んだ。 江古田は「将来を考えていない若者」に優しい 最初に住んだのは家賃2万円、風呂なしトイレ共同、絵に描いたようなオンボロアパートだった。地震があったら窓が開かなくなり、もう一度地震があったら開くようになった、と言えば、そのボロさが分かるだろうか。それでも毎晩のように友達が
人生で初めて英雄になった
人生で初めて英雄になった 毎月25日に少ない給料の中でやる贅沢、王将で餃子と酢豚と唐揚げを買って帰り、家でお気に入りの皿に盛り付けてビールを飲む。 今月の25日もいつもの王将でネット予約をして受け取るためにレジに並んだ。 列が進んで、店員さんに俺が予約した増田ですと伝えようとしたその時、事件が起きた。 身長190近くあろう大男とほっそい腰巾着のようなチンピラが割り込んできた。 「これ持ち帰りの列やろ？俺ら会計」 「お会計のお客様もお並び頂いております」 「は？会計やぞ？」 関西弁の大男がイキり散らかしている 先に外に出た腰巾着チンピラに「会計も並ばなあかんらしいぞ？そんな店聞いたことある？」 腰巾着は「もう払わんでええんとちゃいます？」とイキり返す。 そこで俺は 「どこの組のやつか知らないが、お前のところの親分は社会のルールを教えてくれないのか？店には店のルールがあるんだよ。守れないなら来
ChatGPTを使って論文の英文校正をする
Chat GPT は、自然言語処理 (NLP) 技術を使用して、特定の入力に基づいてテキストを生成する言語モデルです。 今回はChat GPT を使用して英語の文章の修正をして、文章の質と明瞭さを向上させる方法を紹介します。 https://chat.openai.com/chat それでは、Chat GPT を使用して英語の編集と校正を行うための手順について説明しましょう。 まず下記のprompt（AIに出す指示のこと）をチャットボックスに入れ””内に校正したい文章を入れます。日本語を直接入れても英語が出てきますが、Google翻訳で英訳した文章を入れた方が洗練された英語になります。（ChatGPTは日本語の入力も受け付けますが英語での入力の方が圧倒的に正確な回答が得られるため） 下記のprompt（一部改変）の出典はこちらのAwesome ChatGPT Promptsです。他にも”a
喧嘩する業者さん
20年くらい前の話。 田舎から上京した貧乏学生で、 格安の木造アパートに住んでいて。 でっかいエアコンがあったんだけど、 電源をオフにする度に、「ブフゥ～！！」と、音を立ててた。 おじさんが息を吸い込むような音だった。ブフゥ～！！ ある時、そのエアコンが壊れてしまって、 大家さんに相談したら、 すぐに取り替えてくれることになった。 電気代も高かったから本当にありがたい。 そのエアコンの取り替え作業に立ち会ったのだけど、 チャキチャキした親方とまごまごした弟子がやってきた。 エアコンの取り外し、取り付けをしてくれたのだど、 まあ、終始喧嘩をする。 まるでコント。 親方が電話のケーブルを何のためらいもなく切った！切った！切ったのを見てしまって、「ああっ！！」と声が出た。 すぐさま、 「なんでこれ切ったんだー！」と弟子に怒鳴って、 弟子が「いや、切ったのは親方だろうが！！」と正論。 狭いワンルー
こんにちは！入社して11カ月目を迎えました。たなぱんだです。 前職ではTV制作ディレクターやアパレル販売員など、人と接する仕事をしていました。 そんな私が入社して1番最初のカルチャーショックは、社員同士のコミュニケーション手段がチャットだったことです。 わたしはテキストコミュニケーションはビジネスメールしか使ったことがありませんでした。 どのくらい砕けた話し方がOKなのか。絵文字は使ってよいのか。メンション（通知）は使ってよいのか。勤務時間外でもメンションしてもよいのか……などなど、今までのコミュニケーションの取り方の違いにとても戸惑った記憶があります。 実際は、クラスメソッドの皆さんはそんな非言語コミュニケーションの壁をもろともせず、年齢や性別、住んでいる場所の違いを乗り越えて活発にコミュニケーションをとっています！（ステキだね） 今回は、私が入社10か月間で得た「テキストコミュニケーシ
Web制作に役立つ超便利ツールが登場！ HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3
HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無料アプリで、今までオンラインであちこちの各ツールを利用していた人とかにかなり便利なツールだと思います。 He3: Modern Developer Toolbox He3の特徴 He3のダウンロードとインストール He3の使い方 He3の特徴 He3は、200種類以上のWeb制作に役立つ便利ツールが詰め込まれたデベロッパー向けのツールボックスです。 200種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに
PHPerKaigi 2024発表資料 https://fortee.jp/phperkaigi-2024/proposal/f23f927e-2ac8-498e-a047-6376831cbd07
文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？ この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは
記事のテキストが多いサイトで見かけるレイアウト、記事は中央に固定幅、画像は幅いっぱいに表示するフルブリードレイアウトをシンプルなHTMLとCSSで実装するテクニックを紹介します。 記事の固定幅は自由自在、画像の幅いっぱいも最大値を制限するなども簡単にでき、いろいろな応用も効く実装テクニックです。 Full-Bleed Layout Using CSS Grid by Josh Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのレイアウトにおける問題 解決策 CSS Grid 子カラムの割り当て方 子をフルブリードにする まとめ はじめに 以前、誰もが実装しようと努力したゴールドスタンダードのレイアウトがありましたが、そのレイアウトを正しく実装するのは非常に困難でした。 そのレイアウトとは、聖杯レイア
最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。 10 Useful CSS Tricks for Front-end Developers by Alex Ivanovs 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タイプライターのようなエフェクト 2. 透過画像用シャドウ 3. カーソルのカスタマイズ 4. attr()でシンプルなツールチップ 5. ピュアCSSによるチェックリスト 6. is()と:where()による要素のスタイル 7. キーフレームを使用したアコーディオン 8. ホバーエフェクトのサイドバー 9
近未来的なかっこいい印象を与えるグラデーションを使用した、テキスト・ボタン・背景のスタイルを実装するCSSのテクニックを紹介します。 白地のテキストをわずかに輝かせたり、ダークモードに映えるグラデーションでテキストやボタンを目立たせたり、カードに美しいグラデーションの背景を実装したり、少し色味を変えてライトモードに使用してもかっこいいグラデーションです。 CSS Tricks to Create that Dark Futuristic Web3 Look by Trisha Lim 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに かっこいいグラデーション使用したテキストのスタイル かっこいいグラデーション使用したボタンのスタイル かっこいいグラデーション使用した背景のスタイル はじめに ダークモードのWeb3の美しさ
デザイナーじゃなくても！見やすいスライド資料のための5つのコツ【Before／Afterあり】｜spicagraph
見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれません。 でも、デザイナーじゃなくても！デザインツールを使わなくても！いくつかのコツを押さえるだけで見やすいスライド資料は作れます。 この記事では、見やすいスライド資料をデザインするコツを5つの章に分けてご紹介していきます。 「レイアウト」「カラー」など、気になるところから読んでみていただいても大丈夫です。 スライド資料の作成だけでなく、バナーやチラシなど、いろんなデザインにも役立つコツをイラスト付きでわかりやすく説明しているので、今作っているデザインに悩んでいる、デザイン勉強中、という方もぜひ
Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。 フォントファイルのサイズを劇的に軽減できる機能があります。 パラメーターで使用する文字のみフォントファイルを読み込め、これによりフォントファイルのサイズを大幅に削減できます。 タイトルや見出しのみにGoogle Fontsを使いたい時にぴったりです。 Google Fonts -Optimizing your font requests Google Chromeのエンジニア マネージャーであるAddy Osmani氏によると、CSSファイルにパラメーターを付けるだけで簡単にできる、とのことです。 日本語フォントにも対応しています！ Tip: Shave up to 90% off the size
OpenAIが開発したChatGPTをはじめ、さまざまなAIが人間レベルの会話を行ってくれるようになりました。AIは文章を読み書きするとき「トークン」という単位で認識を行うのですが、普通の文章がトークン的にはどのように分解されるのかを一目で教えてくれるツール「Tokenizer」がOpenAIのページ上で公開されています。 OpenAI API https://platform.openai.com/tokenizer Tokenizerの画面はこんな感じ。テキストを入力する必要がありますが、いったん「Show example」をクリックして例を見てみます。 英語の場合、252文字の文章で64トークンとなる模様。下部にて文字がトークンのまとまりごとに色分けして表示されています。 「TOKEN IDS」をクリックするとそれぞれの数値も確認できます。人間が見てもなにがなんだか分かりませんが、G
こんにちは。LINEヤフー株式会社でテキストマイニングや自然言語処理などをやっている山下（ @yto ）です。 Yahoo!デベロッパーネットワークのテキスト解析 Web API が CORS（Cross-Origin Resource Sharing）対応したため、サーバがなくてもブラウザから直接 Web API にアクセスできるようになりました（参考）。 そのテキスト解析 Web API の機能の一つである「校正支援」は日本語文章の品質チェック（校正）を支援するもので、文字の入力ミス、言葉の誤用、わかりにくい表記、不適切な表現などが使われていないかをチェックして、指摘します（内部の辞書データをベースとしているため完全なものではないことをご承知おきください）。 この校正支援機能のサンプルプログラムとして「HTML ファイル1つだけで完結する校正支援ツール」を作ったので紹介します。入力され
ウェブ制作の現場で一般的に使われるようになってきたデザインツール「Figma」。そのFigma上で動作する文章校正支援プラグイン「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん for Figma 本プラグインを利用することで、画面内の文章を手軽に校正でき、テキストの品質を高めることができます。 「テキスト校正くん」はテキストエディターの「VS Code」（参考）や、デザインツールの「Adobe XD」向けの拡張機能（参考）として以前から公開しており、多くの方に利用いただいています。とくにVS Code版の「テキスト校正くん」は約4万インストールも利用されており、今も利用者が増えています。「テキスト校正くん」の校正機能をさまざまなツールで利用できるよう、今回はFigma向けのプラグインとして新たに開発し公開しました。 「テキスト校正くん」でできること
Code interpreter のキラーソリューションは表データの可視化っぽいけど、入力テキストとファイルソースによってテキスト生成とファイル出力ができるという点に着目すると色々活用の幅が広がる。 中でも、今までは入出力トークンに含まれる必要があったソースコードデータを外部ファイル化できるので、「リポジトリを丸ごと食わせる」などの従来トークン制限上実現できなかったことが外部システム連携なしで簡単に可能になったのが嬉しいポイントだった。 この特性を生かして最近OSSの静的コード解析というかコードリーディングをChatGPTにやってもらっている。 以下のサンプルでは脆弱性診実習用アプリ（通称「やられサイト」）のSQLインジェクションを発見してもらうという会話をした。 chat.openai.com 以下ではaws-load-balancer-controller や openai-pr-re
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてブのコメントが大幅に仕様変更されて不評らしいけど、これって、かつ..
モダンCSSによる絶対配置（position: absolute;）の削減
なぜアップルパイはアメリカを象徴するお菓子になったのか - 歴ログ -世界史専門ブログ-
CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ -Defensive CSS
明日からできる、爆速Figma活用術 - エムスリーテックブログ
「罵詈雑言」かどうかご一読くださいーー2/12 予算委員会、辻元清美 質疑全テキスト
Windows と日本語のテキストについて - Windows Blog for Japan
Engadget | Technology News & Reviews
【無料・有料】文章校正ツールおすすめ6選の機能比較！AIでのカスタマイズ校閲時代がやってきた
CSSでアイコンをテキストに揃えるのはこれで簡単になる！CSSの新しい単位「lh」「rlh」が登場
オタクと気持ち悪いという言葉 - データをいろいろ見てみる
【第4弾】少しのコードで実装可能な10のCSS小技集
エルデンリングは英語から日本語に翻訳されてなんかいない｜lizardfolk
CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ
「無料でも結構スゴい!! 文字起こしAIに録画したWeb会議のテキスト化をさせてみた！」――急遽テレワークを導入した中小企業の顛末記（118）【急遽テレワーク導入！の顛末記】
おれ、死ぬまで練馬がいいや。老若男女が「ちょうどよさ」に溺れる街 - SUUMOタウン
テキストコミュニケーションを円滑に進めるコツ | DevelopersIO
privateメソッドのテストって書かない方がいいんだっけ？
文章の折り返し指定のCSS最新版 - ICS MEDIA
シンプルなCSSで実装できる！記事は中央に固定幅、画像は幅いっぱいに、フルブリードレイアウトを実装するテクニック
「テキストの編集」にこだわりが凝縮！定番エディタ「EmEditor」はなぜ他のエディタと違うのか？ マルチコアCPUやAVX-512命令も活用、GB単位の超大容量ファイルもスムースに編集……
最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ
UIデザインの最近のトレンド、近未来的なかっこいいグラデーションを実装するCSSのテクニック
「Google Chrome」デスクトップ版で画像のテキストを認識・翻訳可能に ～「Google レンズ」を搭載／検索結果はサイドパネルに、ちょっとした調べもので気軽に使える
Google Fontsのファイルサイズを簡単に軽量化できる！日本語フォントにも対応
ChatGPTなどのチャットAIがどんな風に文章をトークンとして認識しているのかが一目で分かる「Tokenizer」
1つの HTML ファイルだけで完結する校正支援ツールの作り方
文章の品質向上に役立つ！ Figmaのプラグイン「テキスト校正くん」を公開 - ICS MEDIA
ChatGPTのCode Interpreterのコードリーディング能力は結構優秀 - laiso