すべての 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 とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform Windows 365 開発者
「かまいたちの夜」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』という世界で「英語」が一番難しいゲームについて──。英テキストの波に煽られた私の体験記
この記事は、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の記事によると、
2021年3月4日 CSS CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 要素の上下左右中央配置 画面幅いっぱいに画像を配置 リストマーカーの色を変える 言語にあわせて引用符を変更 クリックで文字列を選択 背景画像を見切れないよう繰り返し表示 入力時の縦線の色を変更 ドラッグで要素のサイズを変更できるようにする floatは flow-root で解除 文章をカラム分けしてラインを入れる HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください！ 1. 要素の上下左右中央配置 ボックスを要
概要 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 気持ち悪いという言葉の特徴 気持ち悪いという単語は、他者を侮蔑する意味と
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か月間で得た「テキストコミュニケーシ
文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？ この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは
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
記事のテキストが多いサイトで見かけるレイアウト、記事は中央に固定幅、画像は幅いっぱいに表示するフルブリードレイアウトをシンプルな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向けのプラグインとして新たに開発し公開しました。 「テキスト校正くん」でできること
ChatGPTに対して、膨大なプロンプトを入力するのは大変だ。一方、テキストや表組みなど、データがまとまって記載されたファイルを読み込ませれば、そこに記載されたデータに対してChatGPTで分析や編集を行うことができる。本稿では、ChatGPTにファイルを読み込ませる手順について解説していこう。 ChatGPTでファイルを読み込ませるには有料プランの契約が必要 前回の記事でも解説したが、ChatGPTには、テキスト入力だけでなくファイルを読み込ませてデータを処理する機能や、ChatGPTで生成したコンテンツをファイルとして出力する機能が備わっている。 もともとは「Code interpreter（コードインタープリタ）」や「Advanced Data Analysis（アドバンストデータアナリシス）」という名称だったが、現在は、有料プランである「ChatGPT Plus」の基本機能になって
Code interpreter のキラーソリューションは表データの可視化っぽいけど、入力テキストとファイルソースによってテキスト生成とファイル出力ができるという点に着目すると色々活用の幅が広がる。 中でも、今までは入出力トークンに含まれる必要があったソースコードデータを外部ファイル化できるので、「リポジトリを丸ごと食わせる」などの従来トークン制限上実現できなかったことが外部システム連携なしで簡単に可能になったのが嬉しいポイントだった。 この特性を生かして最近OSSの静的コード解析というかコードリーディングをChatGPTにやってもらっている。 以下のサンプルでは脆弱性診実習用アプリ（通称「やられサイト」）のSQLインジェクションを発見してもらうという会話をした。 chat.openai.com 以下ではaws-load-balancer-controller や openai-pr-re
CSSで句読点括弧のカーニングができるようになるぞ！ 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ
CSSのこの機能を待っていた人も多いと思います！ CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。 Introducing four new international features in CSS by Jack J 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに word-break: auto-phrase;によるフレーズで自動改行 text-autospaceによる文字間のスペーシング text-spacing-trimによる句読
Pixel 4 シリーズの登場に併せてリリースされた Google 純正の録音アプリ「レコーダー」は音声を文字に起こす素晴らしい機能を搭載しており、今後、人々のライフスタイルを大きく変える可能性を秘めている思いますのでアプリを紹介します。 録音アプリやボイスレコーダーアプリは既に様々なものが Google Play ストアで配信されているので「レコーダー」は特段珍しいアプリではありませんが、録音データの活用の幅が広がるという意味において「レコーダー」は注目のアプリだと言えます。 注目のアプリと言っても基本的な機能や使い方は他の録音アプリ・ボイスレコーダーアプリと大体同じです。録音開始ボタンを押して録音を開始し、終了ボタンを押して停止します。「保存」を押せばデータとしてスマホに保存されます。 アプリの特徴が録音データの再生画面です。再生ボタンの上にあるタブでモードを選択できるようになっており
検索フォームなど、button要素とinput要素を並べて配置した際に、それらのテキスト（アイコンも）を垂直方向に美しく揃えて配置するスタイルシートのテクニックを紹介します。 ボタンと入力フォームの高さは自由に変更でき、デザインも普通に変更できるので、スニペットとして登録しておくと便利です。 button要素とinput要素のテキストを揃える インタラクティブな要素のコンテンツを垂直方向に揃えるのに苦労したことはありませんか？ あなたは仲間です、多くの人が経験していると思います。 この記事では、line-height, padding, flexboxを使用して、button要素とinput要素のコンテンツを中央に配置する方法について解説します。 まず、ゴールを明確にしておきましょう。 button要素とinput要素のコンテンツは完璧に揃えます。 button要素とinput要素の高さは
経歴や年表を一目でわかるように図示したタイムラインを、テキストを編集するだけで簡単に作成できるのが「Cascade Timeline Maker」です。静的なHTMLで出力されるので、出力したタイムラインは自分で自由に使うことができます。 Cascade Timeline Maker https://cascade.page/ Cascade Timeline Makerにアクセスするとこんな感じ。最初からサンプルのタイムラインが表示されています。 左下のテキストボックスに「開始月/開始日/開始年-終了月/開始日/終了年:内容」という形式で入力を行うと、即時にタイムラインが出力されます。月日は抜いてもOKです。 以下の画像は、年だけで指定した場合、年月で指定した場合、年月日で指定した場合、そしてわざと開始年と終了年を入れ替えてエラーになるように指定した場合を表示させたもの。年月指定にすると
お肉屋さんで肉を買うというライフハック｜田中 伶
「肉は肉屋で買うのが、いいよ」 …と、13文字で書けることを、長々と語りたいのが私です。 今年「財布を小さくしたら毎日が変わった」というnoteを更新してみたり、日々の暮らしの中での小さなライフハックをいろいろと研究している私。 そんな私が新たに見つけたライフハックが「肉を肉屋で買う」ということだ。お家の近くに贔屓の商店街や個人商店がある人からすれば「？」と思うことかもしれないけれど、何を隠そう、これまでの長い人生の中で、お肉屋さんでお肉を買うという経験が一度もなかった。私だけじゃないと信じたい。あと料理はそれなりにすることも言い訳しておきたい。 ただ、スーパーに行けばパックのお肉が売っていて便利だし、自分が何を作りたくて、そのためにはどれぐらいの分量のお肉が必要かというのはパックの大きさで目で見てざっくり判断するのが常識だった。それ以上のことは特に必要としていなかった。 「ハンバーグを家
前回: Qiita APIで記事からYoutube動画を集めてみた 🎬 、Qiita APIを使って、Qiita記事を取得してYoutube動画のURLを抽出することができました。 今回は、特定APIに関連したQiita記事を取得して、API毎に分類、タグを集計してドーナツグラフ化することでAPIの特徴を表してみました。 最新のAPI一覧はこちら API一覧 | DOGAKIITAA! ～ APIごとにQiita記事を分類 ～ Google系 Cloud Vision API https://cloud.google.com/vision/docs/quickstart 📝 機械学習を使用して画像を解析します。画像ラベリング、顔やランドマークの検出、光学式文字認識（OCR）、不適切なコンテンツへのタグ付けなどができます。 Cloud Vision APIの凄さを伝えるべくRasPi b
コツコツと開発を続けてきた、テキストエディター向けの色テーマ「Iceberg」。開発6年目にして、とうとうGitHubのスター数が1,000を越えました！めでたい🎉🎉🎉
アクセシビリティとはアクセシビリティは、サービスや情報をどんな利用者も円滑に利用できるかの度合いです。 アクセシビリティが高いほど、より多くのユーザーが円滑に利用でき、アクセシビリティが低いほど、より多くのユーザーが利用できないということです。 アクセシビリティ向上は、障害当事者だけでなく、さまざまな環境や状況にいる人、高齢者、日本語以外を得意な言語とする人など、すべての人のためのものです。人だけでなく、サービスや情報にアクセスする機械(ロボット)もアクセシビリティの影響を受けます。 SmartHRの開発方針SmartHRは「well-working 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会を作る。」というミッションを掲げ、働くすべての人を後押しするプラットフォームをつくっています。 誰もがその人らしく働ける社会を実現するため、SmartHRはアクセシビリティの向上に取
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
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
文章の折り返し指定のCSS最新版 - ICS MEDIA
privateメソッドのテストって書かない方がいいんだっけ？
シンプルなCSSで実装できる！記事は中央に固定幅、画像は幅いっぱいに、フルブリードレイアウトを実装するテクニック
「テキストの編集」にこだわりが凝縮！定番エディタ「EmEditor」はなぜ他のエディタと違うのか？ マルチコアCPUやAVX-512命令も活用、GB単位の超大容量ファイルもスムースに編集……
最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ
UIデザインの最近のトレンド、近未来的なかっこいいグラデーションを実装するCSSのテクニック
「Google Chrome」デスクトップ版で画像のテキストを認識・翻訳可能に ～「Google レンズ」を搭載／検索結果はサイドパネルに、ちょっとした調べもので気軽に使える
Google Fontsのファイルサイズを簡単に軽量化できる！日本語フォントにも対応
ChatGPTなどのチャットAIがどんな風に文章をトークンとして認識しているのかが一目で分かる「Tokenizer」
1つの HTML ファイルだけで完結する校正支援ツールの作り方
文章の品質向上に役立つ！ Figmaのプラグイン「テキスト校正くん」を公開 - ICS MEDIA
ChatGPTに.xlsxファイルの中身を読み込ませてデータを処理させる方法
ChatGPTのCode Interpreterのコードリーディング能力は結構優秀 - laiso
Google純正の「レコーダー」は録音した音声を文字に自動変換してくれる | juggly.cn
CSSで、button要素とinput要素のテキストを美しく揃えるスタイルシートのテクニック
タイムラインをテキスト編集だけで簡単に作りHTMLで出力できる「Cascade Timeline Maker」
WEB開発に役に立つAPI一覧+API毎に関連するQiita記事を分類 ！ - Qiita
自作カラースキームがGitHubで1,000スターを越えるまでの6年間の軌跡 - ここぽんのーと
アクセシビリティ | SmartHR Design System