「メモ」の用途がさらに広がる新機能4つ - iOS 18の新機能 - iPhone基本の「き」(627)
多くの人が愛用するiOSの純正アプリ「メモ」。iOS 18でもさまざまなアップデートが追加されました。メモは単に書き込むだけでなく、後から活用しやすい形にしておくことで、情報の価値が高まります。今回追加された新機能は、その点でも大いに役立ってくれることが期待できます。 見出しで折りたたみ、長文もコンパクトに表示 「メモ」ではテキストを行単位で「見出し」や「小見出し」に設定することができます。iOS 18では、この見出し・小見出しに続く本文を折りたたんで隠すことができるようになりました。見出し・小見出しを複数設けた長文をコンパクトに表示したい場合に便利です。 見出し・小見出しで折りたたむには、行の先頭にある折りたたみアイコンをタップします。 「見出し（または小見出し）」の行にカーソルを置き、行頭に［ｖ］が表示されたらタップ。この見出しから次の見出しまでの本文が折りたたまれます このように見出
CSSで文節の折り返しを！ br・wbrとauto-phraseの活用術 - ICS MEDIA
ウェブでのテキストの折り返しは、HTMLコーダーにとって意外と難しい分野です。多様な画面サイズが存在する現代では、適切なテキストの折り返しについて悩むことが少なくありません。 この記事で紹介する折り返しとは、以下のようなテキストの区切りの良い場所で改行するかどうかです。 ▼固定幅で折り返し どこで生れたかとんと見当がつかぬ。何で も薄暗いじめじめした所でニャーニャー泣 いていた事だけは記憶している。 ▼文節での折り返し どこで生れたかとんと見当がつかぬ。 何でも薄暗いじめじめした所で ニャーニャー泣いていた事だけは記憶している。 本記事では、HTMLコーディングにおいて改行・折り返し方法の選択肢を整理し、最適な方法について考察します。 この記事で紹介すること <br />と<wbr />タグを使った改行指定 CSSのword-break: auto-phraseを使った自動折り返し JSラ
ChatGPTに.xlsxファイルの中身を読み込ませてデータを処理させる方法
ChatGPTに対して、膨大なプロンプトを入力するのは大変だ。一方、テキストや表組みなど、データがまとまって記載されたファイルを読み込ませれば、そこに記載されたデータに対してChatGPTで分析や編集を行うことができる。本稿では、ChatGPTにファイルを読み込ませる手順について解説していこう。 ChatGPTでファイルを読み込ませるには有料プランの契約が必要 前回の記事でも解説したが、ChatGPTには、テキスト入力だけでなくファイルを読み込ませてデータを処理する機能や、ChatGPTで生成したコンテンツをファイルとして出力する機能が備わっている。 もともとは「Code interpreter（コードインタープリタ）」や「Advanced Data Analysis（アドバンストデータアナリシス）」という名称だったが、現在は、有料プランである「ChatGPT Plus」の基本機能になって
HTMLとCSSでつくる！ リンクテキストのホバー時アニメーション11選 - ICS MEDIA
テキストをホバーしたときの変化やアニメーションをつくることは、どのようなサイトをつくっていてもほぼ必ず行う工程ではないでしょうか。 テキストがリンクであることをユーザーに伝えるという点では、ブラウザのデフォルトスタイルのような下線のみで十分な場合もあると思います。 しかしそれだけではなく、変化をつけてよりわかりやすくしたい場合や、サイト全体の雰囲気に合わせたい場合にちょっとしたアニメーションが効果的です。 今回はHTMLとCSSのみで作成できる、シンプルながら少し目を引くアニメーションをテーマに実装例を紹介します。 ▼今回紹介する実装例一覧 とくに、以下のようなデザイナー／エンジニアにとって参考になれば嬉しいです。 HTMLとCSSのみでどのようなホバー時のアニメーションができるのか知りたい 透明度の変化や、下線のつけ外し以外の実装例の引き出しを増やしたい ※今回の実装例では主にヘッダー／
自由記述のアンケートデータがあったときに実施すべき4つの分析手法 - Qiita
アンケートには、数値で回答をする設問があったり、自由記述の回答をする設問があったりすることが一般的です。 そして、数値の回答に関しては、集計して性別や年代など回答者の属性ごとにスコアを比べたり、質問間の相関を調べて、分析を進めることが可能です。 一方で、自由記述の回答の場合、膨大なテキストデータを眺めるだけで終わってしまったり、アンケートを見た人の主観的な気付きをまとめただけで分析が終わってしまい、「データに基づいた気付き」を得るまでには至らないことも少なくありません。 そこで、今回は自由記述のアンケートデータがあったときに、有用な情報や気付きを得るために実施すべき4つの分析手法を紹介いたします。 1. 頻出単語のカウント 自由記述のテキストデータがあったときに、データ（文章）は「単語」に分け、それぞれの単語の出現回数を集計（定量化）することで、データの中にあるパターンや特徴を掴めるように
UIデザインで中央配置がずれてしまう理由と解決方法
UIデザインには、至る所に中央揃えが使用されます。 しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか？ UIデザインで中央配置がずれてしまうときの理由、実装時にデベロッパーができること、デザイナーができること、数字的そして視覚的な調整方法などを紹介します。すぐに実装で試したくなることばかりです。 Hardest Problem in Computer Science: Centering Things by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントにおける中央揃え line-heightにおける中央揃え アイコンにおける中央揃え アイコンフォントにおける中央揃え 中央配置がずれているのは、スキルの問題 水平方向の中央揃え
iOS 17の新機能 - カメラで視覚をサポートする「テキストの検出」と「指差し読み上げ」機能 - iPhone基本の「き」(587)
iPhoneのアクセシビリティ機能のひとつ「拡大鏡」に新たに追加された「検出モード」機能では、画面に写した文字を認識して読み上げてくれる「テキストの検出」と「指差し読み上げ」が利用できます。視覚障害のある方だけでなく、老眼などで細かい文字が読みづらい場合にも活用できます。 「拡大鏡」機能を使うには iPhoneには、カメラを使って細かい文字を画面に大きく表示させる「拡大鏡」機能があります。通常はコントロールセンターから起動できます。 コントロールセンターを開き、［拡大鏡］アイコンをタップ。拡大鏡の画面が表示されます。ズームや明るさ、コントラスト等でより見やすく調整することができます コントロールセンターに「拡大鏡」のアイコンがない場合は、下記の手順で追加できます。 「設定」を開き［コントロールセンター］をタップ。下段から「拡大鏡」の［＋］をタップします これで、コントロールセンターに「拡大
1つの HTML ファイルだけで完結する校正支援ツールの作り方
こんにちは。LINEヤフー株式会社でテキストマイニングや自然言語処理などをやっている山下（ @yto ）です。 Yahoo!デベロッパーネットワークのテキスト解析 Web API が CORS（Cross-Origin Resource Sharing）対応したため、サーバがなくてもブラウザから直接 Web API にアクセスできるようになりました（参考）。 そのテキスト解析 Web API の機能の一つである「校正支援」は日本語文章の品質チェック（校正）を支援するもので、文字の入力ミス、言葉の誤用、わかりにくい表記、不適切な表現などが使われていないかをチェックして、指摘します（内部の辞書データをベースとしているため完全なものではないことをご承知おきください）。 この校正支援機能のサンプルプログラムとして「HTML ファイル1つだけで完結する校正支援ツール」を作ったので紹介します。入力され
【超便利】悲惨な「Ctrl+Cでコピペ」のうっかりミス、この裏技で解決するかも!? - 「知らなかった」「これはいい機能!」
【超便利】悲惨な「Ctrl+Cでコピペ」のうっかりミス、この裏技で解決するかも!? - 「知らなかった」「これはいい機能!」 パソコンの操作において、使う機会の多い”コピー＆ペースト”機能。少し面倒な定番機能を快適に使いこなすテクニックが、X上で注目を集めています。 役立つショートカットキーの知識を発信したのは、 Webディレクターのカワハラ(@kawara1012)さん。会話形式で語られた有益情報に、9月6日時点で6.3万件以上のいいねが寄せられています。 A「あ、すみません。今送ろうとしたテキストをCtrl+Cでコピペしてたのに別のテキストをCtrl+Cで上書きしてしまいました。もう一回探すのでお待ちください」 B「とりあえず『Windowsロゴ + V』押して！コピペした過去のテキストが25個まで保存される機能があるから！ピン止め固定も出来るから！」 (@kawara1012より引用
窓辺の小石(131) テキストの超弦理論
Windowsのコマンドのいくつかパイプ処理を想定しておらず、平気で1件のレコードを複数行で出力する。どちらかというと人が見て分かりやすい書式で出力されている。おそらく、cmd.exeでは満足なパイプ処理が行えなかったからだろう。これに対してUnix/Linux系のコマンドは1件1行とするものが多く、人間が見やすいようにするには別途オプション指定するなど、パイプ処理を基本にしている。 Windows XPで追加されたtasklist.exeのような一部のコマンドは少しまともである。1行1件の出力を行えるし、“/FO csv”オプションを付けることでCSV形式での出力ができる。しかし、同じXPから搭載されたサービス管理コマンドsc.exeなどは1件の情報を複数行に出力する。 PowerShellには、サービス関連のコマンドが用意されているのでsc.exeを使う必要はない。問題はPowerSh
Windows起動時に当日日付でファイル/フォルダを作成する方法（バッチファイルで自動化） - Qiita
目次 はじめに 設定手順 1.バッチファイルの作成 2.動作確認 3.ファイルを配置 おわりに はじめに その日やったこと、明日やることをログに残したい時ないですか？ タスクをメモ帳などのテキストエディタに書いてコメントして、日付ごとにファイル作ったり、 その日ダウンロードしたファイルを日付フォルダに保存したかったり。 私は日次報告書をテキストファイルに記載して日付ごとに整理してます。 前職ではその日の作業で行った作業ログやエラー出力をフォルダにまとめて見返せるようにしてました。 毎日ファイル作るのもフォルダ作るのも面倒なのでどうにか自動化できないか、と試したのでここに記載します。 本記事はIT初心者向け・事務作業者向けのものになります。 結構泥臭いというか極めて単純な構造なのでIT熟練者の方々から見ればもっと効率的な方法があると思われるかもしれませんが、あくまでこんなことできるんだな～程
CSSの新機能！ テキストの行のバランスを自動調整する「text-wrap: balance;」の基礎知識と使い方
テキストが複数行のときに、行ごとの文字数を同じにしてバランスを自動調整するCSSの新機能「text-wrap: balance;」が、Chromeでサポートされました。 日本語だと複数行の文字数を同じにしたいということは少ないと思いますが、見出しやコピーなどで文字数を揃えたいときに使えます。まぁ使ってもかなりピンポイントになるでしょう。 text-wrap: balance;の基礎知識と使い方、注意点を紹介します。 CSS text-wrap: balance by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 text-wrap: balance;とは テキストのバランスを見つける 制限事項 ブラウザが使用している技術の簡単な説明 text-wrap: bala
ChatGPTなどのチャットAIがどんな風に文章をトークンとして認識しているのかが一目で分かる「Tokenizer」
OpenAIが開発したChatGPTをはじめ、さまざまなAIが人間レベルの会話を行ってくれるようになりました。AIは文章を読み書きするとき「トークン」という単位で認識を行うのですが、普通の文章がトークン的にはどのように分解されるのかを一目で教えてくれるツール「Tokenizer」がOpenAIのページ上で公開されています。 OpenAI API https://platform.openai.com/tokenizer Tokenizerの画面はこんな感じ。テキストを入力する必要がありますが、いったん「Show example」をクリックして例を見てみます。 英語の場合、252文字の文章で64トークンとなる模様。下部にて文字がトークンのまとまりごとに色分けして表示されています。 「TOKEN IDS」をクリックするとそれぞれの数値も確認できます。人間が見てもなにがなんだか分かりませんが、G
iOS 16の新機能 - テキスト選択メニューが強化、検索やイベント作成が可能に - iPhone基本の「き」(531)
iPhoneの各種アプリ上で文字列を選択すると、「コピー」「調べる」などの操作メニューが表示されます。iOS 16では、このメニューが一部アップデートされました。非常に微妙な部分ではありますが、かゆいところに手が届く便利さで、使いこなし度アップにおすすめです。 メニューバーがスクロール可能に メモ、Safariなど、各種アプリで文字列を選択すると、下図のようにメニューバーが表示されます。メニューバーには、見えていない部分にも項目が隠れています。従来はメニューバーの端をタップして隠れている項目を表示させていましたが、iOS 16では左右にスクロールできるようになりました。 Safariほか、さまざまなアプリで文字列を選択すると、メニューバーが表示されます。スクロールすると隠れている項目が表示されます メニュー項目の機能と使い方 以下、メニューに並んでいる機能の使い方をご紹介します。iOS 1
Markdown（マークダウン）をVSCodeの拡張機能とスニペットで効率良く書く - Qiita
Markdownをはやく効率よく書くために 前提として、マークダウンを編集するエディタはVSCodeを使います。 Markdownファイルを使って記事を管理している場合、マークダウンを効率良く書けるかどうかは生産性に直結します。 VSCodeの拡張機能と基本設定（スニペット）を使ってマークダウンを速やかに編集する方法について書いていきます。 よく使う機能にフォーカスしてその操作をイメージできる一般的なショートカットキーを使う（覚える）のがポイントです。 拡張機能があるならそれを使う Markdown All in One ショートカットや便利なコマンドが有効になる拡張機能です。たくさんの機能がありますが、利用頻度が高いものだけ使います。 太字にするショートカット テキストを選択した状態で、Macなら ⌘ + B 、Windowsなら Ctrl + B で太字になります。多くのエディタで採用
【PowerShell】シンプルにテキストを出力する
ソースコード まずはソースコードです。 $text_path = "C:\work\ps1.txt" Write-Output あいうえお | Out-File $text_path -Encoding default -Append Write-Output かきくけこ | Out-File $text_path -Encoding default -Append Write-Output さしすせそ | Out-File $text_path -Encoding default -Append ソースコードの解説になります。 まず、1行目の「$text_path = “C:\work\ps1.txt”」は、「text_path」という変数に「C:\work\ps1.txt」を格納しています。 これは、出力するテキストファイルのフルパスを定義しています。 以降に3回記述されている「Wri
内容に応じてサイズが可変する <textarea> を素敵に実装する - Qiita
概要 内容に応じてサイズが可変する textarea を、できるだけ手間をかけず、スマートな実装を試みます。 しかも、ネイティブのフォームが持っている利点をそのまま活かして、堅牢でアクセシブルな設計を目指します。 標準 textarea の難点 HTML の textarea 要素は基本的に高さが固定されていて使い勝手が悪いです。３行分くらいしか領域がなくて、長い文章を打つのがとにかく苦痛なんていうこともザラです。 最近のブラウザ実装では、多少気を利かせてくれているのか、テキストエリアの領域をドラッグで拡大・縮小できます。 ただ私は思うのです。めんどくさいし、最初っから、入力するテキスト量に応じて自動的に伸び縮みしてくれればいいのに……と。スクロールバーなんて、１ページにひとつあればじゅうぶんなんですよ。 実装方法 難しいことはありませんが、HTML と CSS、JS が協調して動作します
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Keep」がアップデート！ 文字起こし、録音、リッチテキスト、新機能は何がすごい？【今日のワークハック】 | ライフハッカー・ジャパン
「Microsoft Excel」に書式なし貼り付け［Ctrl］＋［Shift］＋［V］キーが追加へ／「Office Insider」のベータチャネルでテスト
Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方／「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】
