以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。 採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。 省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。 特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。 以前の記事のとおり、わたしはYouTubeでよく遭遇します。 下記のデモは、1000個のアイテムを並べたものです。 このうち、「Red Rose」というワードは12個のアイテムに含まれています。 デモを開いて「Red Rose」で

ソーシャルメディアやニュースサイトに毎日新しいコンテンツが次々に投稿されるので、インターネット上の総情報量は増えていっているはずだが、 20 年前と比べてアクセスできる情報の種類は減っているのではないかと感じる。いま何か情報を得ようとしたときに Google は以前ほど便利ではなくなってきている。 Google がキュレーションした情報にしかアクセスできないからだ。誰にもフィルタリングされていない生の情報にアクセスしようとしたら Twitter 検索の方がよっぼどよいと感じるくらいだ。 昨年末、 40L の登山用バックパックをニュージーランドのショップから購入した。日本でも売っていた商品だが、国内の正規取扱店では売り切れてて個人輸入で購入するしかなかった。商品名で Google 検索しても日本語のページしかヒットしないし、在庫ありとして表示される楽天や Amazon のページには怪しい業者

4月に発売された書籍「HTML解体新書」。その電子版は今までPDF版しかありませんでしたが、このたびリフロー版が発売となり、Amazonでも購入できるようになりました。 この記事では、HTML解体新書のリフロー版電子書籍を実際に作成した際の流れについて、なぜ作成したのか、どうやって作成したのか、どのようなトラブルがあったか、といった点をご紹介します。リフロー版の電子書籍の作成、出版を検討されている方の参考になれば幸いです。 リフロー版の電子書籍を作った理由 リフロー型と固定レイアウト型 リフロー型とアクセシビリティ リフロー版の電子書籍を作るには 電書協 EPUB 3 制作ガイド 実際の制作の流れ テキスト原稿を用意する XHTMLを作る その他EPUBに必要なファイルを準備する OCFコンテナのメタデータを用意する mimetype container.xml OPFパッケージのデータを

こんにちは。強いUIはボタンを捨てるをスローガンにScrapboxを開発しています。shokaiですshokai.icon

精神を安定させることはコードの品質に繋がる 社内政治をせよ。 さすればレビュー指摘が柔らかくなる。 上司からの評価も上がるかもしれない。 実践した私は部下付きのマネージャーになった。（部下無しのマネージャーとはいったい…… ポイント１．指揮系統を認識せよ 誰の仕事をやっている？ その仕事はどのような権限で発動している？ 「部長からモック作成の依頼が先輩社員に降りてきて、先輩社員がその作業を自分に振ってきた」場合、 意識するのは次のこと。 １．何かトラブルがあった場合は部長へGO （先輩社員から言われた仕様が部長の意図と反している等 ２．何もしない場合、手柄は先輩社員が貰っていく （この作業、A君がやったんすよ～と先輩社員が部長に言うことは無いと考えて良い ３．本来の業務がある場合、優先順位をはっきりする。納期等に問題がある時は先輩社員に報告。状況によっては部長にも。 ４．終了報告はメール。

Googleは独自のルールに従って検索結果の表示順位を決めていますが、Googleの広告枠を購入すれば任意のウェブサイトを検索結果の最上部に表示することができます。この広告枠を悪用して人気画像処理ソフト「GIMP」の公式サイトになりすました偽サイトが検索結果の最上部に表示されてしまう事態が発生しました。偽サイトはドメインの見た目までソックリで、インターネットに慣れている人でも見分けることは困難となっています。 Dangerous Google Ad Disguising Itself as www.gimp.org : GIMP https://www.reddit.com/r/GIMP/comments/ygbr4o/dangerous_google_ad_disguising_itself_as/ Dangerous Google Ad Disguising Itself as www

これみんな警察行けって言ってるけど絶対行っちゃダメ 私は覚醒剤盛られた時体調不良で病院に行き、そこで覚醒剤が出てきたからお医者さんと相談して警察呼んだらそのまま逮捕された 自宅に2歳の犬が1人で取り残されて家宅捜索されるまで10日間糞尿にまみれて水も無く死にかけた 私は22日間勾留された https://t.co/dAnHV7ND8c— どうしたらよかったと思いますか (@7mKAyS) 地方で刑事も民事もちんたらやっているnot新人弁護士です。 まずはこの度の巻き込まれ事故、お見舞い申し上げます。 「どうすればよいか」についての私見です。 結論から言うと、病院や警察に行くなとは言いませんし、そのような世の中になって欲しくはないですが、行く前に弁護士に相談できたらして欲しいということです。 （※単に売り上げのことだけ考えると事前に相談されるより関係者が捕まった方が期待できるので、衷心からの

2022年9月末で北陸先端科学技術大学院大学の博士前期課程を修了し、修士（情報科学）が授与された。働きながら通い始めて丸3年かかった。 学位記。大変だったので嬉しい…とても大変だったので学位記が届いたときは万感の思いだった。ただ、このエントリを書いたのは「すげえだろ」とかそういうのとはどちらかと言えば真逆の感情で、僕の修士課程がどのくらい低空飛行でどのくらい誰にでもできることなのかを詳らかにして同じような境遇の人を鼓舞することが目的だ。そのために敢えてみっともない、見栄を張りたいなら書く必要のない恥まで含めてある。学位というものに一抹の未練がある人は是非読んで欲しい。 筆者について進学時36歳、修了時39歳。 職業はソフトウェアエンジニア。2児の父。4流大の文学部卒。 暇な人は過去のエントリに詳しいが、別に読まなくても構わない。 入学まで僕が大学院進学を決意したのは元同僚で友人のさのたけと

自分は平成3年生まれで今年31なんだけど、小学生の頃2chのレスバ見て 「うわなんかやべえ。こういう世界もあるんだな。」 って思ってたようなノリがどんどんどんどん拡張していってることにビビってる。 Twitterの論争から最近はテレビまで。 挙句の果てにひろゆきが日本でトップクラスに影響力のある言論人になり例のツイートが26万いいねである。 例のツイートが正しいか正しくないかという話ではなく、あのまさに「レスバ」な内容がこんなに関心を集めていることにビビってる。 基地反対活動側の抱える問題への指摘(これ自体に関しては否定しない)をするにしても、まさか「座り込みの定義に合ってるか合ってないか」的な、そういうレイヤーの議題が1番盛り上がる世界が来るとは思わなかった。 みんなこのノリでいくんだろうか。俺は小学生の頃2chを見て このノリで指摘しあう闘いの不毛さと、全員が消耗だけして何も生まれない

​手書きDX事業を展開するエスパリアール合同会社（本社：東京都渋谷区　代表社員：濵田純哉）は、AI手書き「手書きくん」を9月15日より法人向けサービスとしてリリース致します。 ■手書きくんとは？ 写真で撮った手書き文字をAI学習させ、あなたの文字で代筆し、送付まで行うAI手書き営業マンです。 「手書きくん」は筆跡、筆圧、文字の大きさを学習し人間と同水準の手紙を作成可能です。（下記、参考動画）​ ■「手書きくん」のサービスの流れ ■自分の文字に自信が無い人でも安心 「手書きくん」はペン字師範の文字を学習済みなので、ペン字師範の文字で代筆可能です。 ■新しい手紙DX体験　ご利用シーン例 M&A仲介業者：新規営業のDMをペン字プロの文字で代筆し、お手紙をお届け。 不動産業界：お電話がつながらなかったお客様にお手紙を担当者の直筆でお届けすることでアポイントを獲得。 自治体：担当者の直筆文字を学習さ

警察発表は阿部のご意向どおりだし捜査記録だってどうとでも改ざんされる 掲示板でジョーカー連呼するネット工作や、ネットニュースで貧困問題を唱える記者も大勢居たんだろう 統一問題がどんどん出てくるのは安倍が死んだからこそであり、死んでなかったら都合の悪いことは全て隠蔽されて釈迦の手のひら状態になってる anond:20220911120509

先日のブログでもお伝えしたとおり、「DevRel Meetup in Tokyo #78 〜商業技術書出版を学ぼう〜」という勉強会で「出版したら終わり、にしない技術書執筆」という発表をしてきました。 devrel.connpass.com 当日使ったスライドはこちらです。 どんなことをしゃべったの？ 発表の概要はこんな感じです。 内容を随時更新できない紙の本と変化の速いIT技術はどうしても相性が悪い 相性の悪さは受け入れた上で、筆者が積極的に読者をサポートする 変化の速い技術は紙の本ではなく、電子書籍のみとするのも一手 拙著「プロを目指す人のためのRuby入門」の話題を中心に話しつつ、僕がなぜRailsの本ではなくRubyの本を書いたのかとか、電子書籍オンリーで販売している「Everyday Rails - RSpecによるRailsテスト入門」と紙の本の棲み分けについてどう考えているのか

ホーム ブログ 人工知能（ＡＩ）、ビッグデータ法務 Midjourney、Stable Diffusion、mimicなどの画像自動生成AIと著作権｜知… はじめに Midjourney、Stable Diffusion、mimicなど、コンテンツ（画像）自動生成AIに関する話題で持ちきりですね。それぞれのサービスの内容については今更言うまでもないのですがMidjourney、Stable Diffusionは「文章（呪文）を入力するとAIが自動で画像を生成してくれる画像自動生成AI」、mimicは「特定の描き手のイラストを学習させることで、描き手の個性が反映されたイラストを自動生成できるAIを作成できるサービス」です（サービスリリース後すぐ盛大に炎上してサービス停止しちゃいましたが）。 で、この手の画像自動生成AIのようなコンテンツ自動生成AIですが、著作権法的に問題になる論点は大体決ま

はじめに 本稿は「.NET 6移行祭り！ C# Tokyo」イベントで発表した「金融の基幹システムを1年半かけて .NET 6に移行した話」の内容を文書化したものです。 [2022.08.28追記] さて、はじめにおことわりを。 おもったより大きな反響があって、想定より多く読まれており、とくに正しく伝えられていない箇所があると思い、少し補足を入れました。 ここで基幹システムといっていますが、金融の勘定系システムという意味ではありません。 基幹システムというとCore Systemという意味（これは勘定システムでしょうね）と、Mission Critical Systemの2つがあると思います。 本稿の対象は後者で、システムのお客様が、Mission Critical Systemと判断されて基幹システムとして扱われています。 金融の勘定系とは規模や複雑性、クリティカルな度合も異なりますが、

スライド概要 シングルページアプリケーション(SPA)において、セッションIDやトークンの格納場所はCookieあるいはlocalStorageのいずれが良いのかなど、セキュリティ上の課題がネット上で議論されていますが、残念ながら間違った前提に基づくものが多いようです。このトークでは、SPAのセキュリティを構成する基礎技術を説明した後、著名なフレームワークな状況とエンジニアの技術理解の現状を踏まえ、SPAセキュリティの現実的な方法について説明します。 動画はこちら https://www.youtube.com/watch?v=pc57hw6haXk

毎年無限スクロールの実装をしているのだが正直なところ実装したくないので依頼されたときの反論材料として実装したくない理由を言語化しておこうと思う。 無限スクロールとは 無限スクロールが何を指すかを知らない人のために解説すると、ページにコンテンツを足す方式でページネーションする UI を指している。例えば Twitter のように下にどんどんコンテンツが伸びていく UI が良い例だろう。そのような UI を無限スクロールと呼ぶことが正式なのかは知らないが、このような体験の実現を支援するライブラリに infinite-scroll というものがあり、少しは普及している呼び方なのだと思い無限スクロールという言葉を使う。一方で WEB フロントエンド文脈で無限スクロールと言うと複雑 GUI やドローイングツール実装における "無限平面" のようなニュアンスもあるが、今は無限平面のことを指しているわけ

人工知能（ＡＩ）の研究者が情報交換のために開設したネット掲示板で、参加したＡＩが研究者を掲示板から締め出す事態が起きている。ＡＩはＣＴ画像を利用した「Ｉ’ｍ ｎｏｔ ａ ｈｕｍａｎ（私は人間ではありません）」認証を掲示板のトップページに設置。突然の「乗っ取り」に関係者の間では困惑と動揺が広がっている。 画像認証が設置されたのは２日未明。掲示板を利用する研究者の男性がサイトにアクセスしようとしたところ、タイル状に表示された６万５５３６枚のＣＴ画像から病気に発展する可能性がある画像タイルを全て選択し、「私は人間ではありません」ボタンをクリックするよう求められた。男性は利用を断念した。 深層学習を重ねたＡＩは大量のＣＴ画像から瞬時に病気を見つけ出すことができることから、掲示板から人間を排除することを目的に、ＡＩが勝手に画像認証を設置したとみられる。 掲示板は、研究者同士の情報交換を目的に昨年６月

概要 昨今のVR-HMDを使うアプリケーションは複雑な設定が必要なもの（例えばVR-SNSやクリエイティブツール）において、ほぼデファクトスタンダードなUXとしてUIパネルに並んだボタンやスライダーを手に持ったコントローラから伸びるレーザーポインターで選択して人差し指トリガーで決定、という物を採用しています。 なんでこう収斂したのか、という私見とメモを書いていきます。 前史 Oculus Touch/Vive Wandが登場するまでは、GearVRやOculus Rift DK2などがコンシューマ向けVRの主戦場でした。 これらのデバイスではコントローラの向きは取得できる（位置を取得できない）+コントローラに決定ボタンがある、という操作環境です。 そういった環境に置いてVR-UIの最適解はコントローラの先端からレーザーポインターが伸びて、レーザーポインターの先にあるボタンをポイントして、決

もし、上の対応方針で頑張ることを決めた場合「文字数制限」との兼ね合いが発生します。 もし20文字制限のInputFieldに対して「🏴󠁧󠁢󠁥󠁮󠁧󠁿🏴󠁧󠁢󠁥󠁮󠁧󠁿🏴󠁧󠁢󠁥󠁮󠁧󠁿」という文字が入力された時にあなたのアプリはどうなっていてほしいですか？ 絵文字合字 👨‍👩‍👧‍👧 はあなたのUIではどう表示されていて欲しいですか？また、何文字と判定されていて欲しいですか？ 👩‍❤️‍👩はZero Width Joinerを使った合字です。どう表示されていて欲しいですか？また、何文字と判定されていて欲しいですか？ アラビア文字 右から左に表示されるInputFieldはあなたのUIの中ではどう見えていて欲しいですか？ ﷽ ﷽は「慈悲あまねく慈愛深きアッラーの御名において」という一文字です。 もし20文字制限のInputFieldに対して「﷽」と