ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く？ imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する（たまに記述しないことがある）」が33.2%、「面倒なので普段は記述しない（たまに記述する）」が21%、「記述しない！」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid

Google will eventually kill every single service you care about, if they can't find a way to directly monetize it with ads at a scale of billions. They're institutionally incapable of being in the product or service business, because neither products nor services butter Google's bread. Advertisement does. You can see this emphasis in a myriad of ways, but my favorite lens is customer service. Goog

既知の作品、過去のアーカイブを読み漁ることに意味はあるだろうか。 「ある」という人もいれば、「ない」という人もいるだろう。今回紹介する『家畜人ヤプー』という奇妙なSF小説などは、「ない」と答える人の多い作品ではないだろうか。 『家畜人ヤプー』は昭和時代に作られたSF小説で、日本人が人間椅子や人間便器に改造され、白人らしき宇宙人に使役されている作品だ、三島由紀夫など同時代の文学者や知識人の間でよく知られていた……ぐらいはいまどきのネットユーザーなら即座に調べられるのではないかと思う。 だからといって、その『家畜人ヤプー』を実際に読んでみよう・読まなければならないと思い立って読む人は少ないのではないだろうか。 かく言う私も、同作品の名前はずっと前から知っていたけど、到底読む気にはなれなかった。 けれどもある人に「これは熊代さんが今読んでおくにふさわしい本なので是非とも読んでください」と推薦され

WebページのURLを入力し、1クリックするだけで、そのページの編集可能なFigmaファイルに変換できる無料プラグインを紹介します。 去年紹介しましたが、先日ver.2にアップデートされました！ 一括インポート、マルチビューポート、マルチテーマ、テキストとカラーのスタイル生成ができるようになり、さらに便利になりました。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma デスクトップとスマホも同時に！ 1クリックでWebページをFigmaに変換 html.to.designの利用方法 html.to.designの使い方 1クリックでWebページをFigmaに変換 html.to.designは、URLを入力して1ク

ラーメン赤猫 アンギャマン <毎週月曜更新！最新2話無料>TVアニメ化決定!!　人間のいない、猫だけが営むラーメン屋に面接に来た珠子。猫の店長に猫好きか聞かれ、珠子は正直に犬派と答えるとあっさり採用される。しかし仕事内容はラーメン屋ではなく、猫のお世話係で…!? [JC7巻発売中]

はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか？ borderを使って作っていませんか？ この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね！ この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と

多くのアクセスがあったので無料化しました 要求定義テンプレも記事内でDLできます。 はじめにはじめましてUX プランナーのShoty(@shoty_k2)です。 今回は「要求定義」をつかった、UX デザインについてご紹介します。 実践用テンプレートも記事内にて配布しておりますので、参考にしてください。 「要求定義」とは要求定義とは、「事業や施策によって実現したいこと」です。ユーザーにどのような状態になって欲しいのか・何をしてほしいのか、ビジネスで何が必要なのかなどを取り決めることです。 要求定義という言葉は、もともとはシステム開発の現場では頻繁に使われている単語で、非技術者の企画者がシステムに求める仕様を定義することです。 「要件定義」と「要求定義」の違い多くの方が「要件定義」という言葉を聞いたことがあるかと思いますが、「要件定義」と「要求定義」の違いについてご存知でしょうか？ ★要件定義

☆受注締め切り日公開！ご注文の受付は、2023年8月6日(日)23時まで！☆ ▼2023年11月14日追記：コメント更新をしました。 ▼2023年8月3日追記：画像とコメント更新しました。 ペーパージオラマデータ公開！！ 皆様のご要望にお応えして商品のご購入をいただいた方に ペーパージオラマ背景データの配布を致します。 詳細はこちら！ 『Jamiroquai』のフロントマン「Jay Kay」がS.H.Figuartsで登場！ 代表曲である「Virtual Insanity」のMV衣装で再現！ 交換用フェイスパーツの他、ペーパークラフトのソファが付属！

自分なりに問題と向き合ってみて何がいけなかったのかを整理してみた結果、気付きがあったよという話です。 我が家では妻が二人目の子どもを妊娠してからセックスに応じてくれなくなり、気がつくと8年近く経っていました。 子どもがいるとなかなかそういう空気にならないのは仕方ないことですが、まれにチャンスがあっても「眠い」「疲れている」「休ませてほしい」と言われるばかりで、そうなると強要することが加害ともなりかねないとそれ以上は話が進まないままにフラストレーションを溜め込み続けました。 セックスの話をするときに、どうしても「気持ちがいい」という言葉が頭の中に支配的になります。 実際、妻と話し合う上で、どうしてそんなにセックスがしたいのかを説得するときに大きな戸惑いとなりました。 そんなに難しい話ではないかもしれませんが、でも、どうしてしたいのかを考えた時、「気持ちよくなりたい」「気持ちよくしたい」以外の

テキストが複数行のときに、行ごとの文字数を同じにしてバランスを自動調整するCSSの新機能「text-wrap: balance;」が、Chromeでサポートされました。 日本語だと複数行の文字数を同じにしたいということは少ないと思いますが、見出しやコピーなどで文字数を揃えたいときに使えます。まぁ使ってもかなりピンポイントになるでしょう。 text-wrap: balance;の基礎知識と使い方、注意点を紹介します。 CSS text-wrap: balance by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 text-wrap: balance;とは テキストのバランスを見つける 制限事項 ブラウザが使用している技術の簡単な説明 text-wrap: bala

2023年6月16日 から改正電気通信事業法が施行なんですけど知ってました？ これ、収益目的なら企業運営でも個人運営でもほとんどのWebサービス・スマホアプリが対象という、めちゃめちゃ広範囲にみんなが対応が必要なやつなんですけど、ヤバくない? 何もしてなくない? やっべえなというWEBサイト担当者/アプリ開発者が結構いそうな雰囲気がいんたーねっつから漂ってまいりました。 企業のオウンドメディアや、個人運営のアフィリエイト目的サイトなんかも対象になる場合があって、メディア系サイトはもちろんアプリ開発者にも影響ある感じですので、やるべき内容をブログにしたためておきます。 ※ぼくは法律の専門家ではないので、ちゃんと総務省の公式ドキュメントなどにも当たってくださいね。 ググると「外部送信規律」とか「電気通信事業者又は第三号事業を営む者」とか専門用語の記事ばっかり出てきて自分が何をしたらいいのかの情

Markdown + AI（GithubCopiotX）の驚異のタッグ！💥 2023年新世代の爆速ライティング体験へようこそ！💻いま、✨GithubCopiotXでMarkdownを作らないで、いつ作りますか？MarkdownVSCodegithubcopilotChatGPTMarkdownViewer 新世代のライティング体験 VSCode Insider＋GitHub Copilot nightly(Chat機能)で快適なMarkdown執筆体験を実現！ Markdown Viewerでリアルタイムにプレビューを確認しながら執筆可能！ Typoraを使っていた頃のライティング体験とは比べ物にならないほど快適！ ChatGPTと比べても、MarkDownを理解して会話ができるので便利すぎる！ ※2023/06/09追記(Chat機能など）ベータプレビュー版の機能について一旦削除m(

新しくリリースされたChatGPTプラグインを使うことで、世界中の最新ニュースや研究論文を効率的に知ることができたり、高度なSEO分析、高クオリティな画像生成AIのプロンプトを自動で生成、動画の自動生成などなど、今までChatGPT単体ではできなかったことが簡単に実現可能になっている。 ここではそんな便利なChatGPTプラグインの中でも、特に業務効率化に役立つプラグインを3つ紹介する。 基礎）ChatGPTプラグインの導入方法Chat GPTプラグインを使用できるのは、現時点では有料版のChatGPT Plusを利用している方限定になっている。 実際にプラグインの導入方法と使用方法について解説する。 すでにこの方法はご存知という方はこのセクションはスキップして頂いて結構だ。 ChatGPT Plusに登録している状態で、画面左下にあるSettingsのBeta featuresからPlu

先日リリースされたChrome 114でPopover APIがサポートされ、HTMLのpopover属性が使用できるようになりました。 今まではポップオーバーを実装するのにはJavaScriptを使用し、ポップオーバーの開閉・フォーカス・アクセスフックなど面倒でしたが、popover属性で実装すると驚くほど簡単で、さまざまなUIコンポーネントに利用できます。 Introducing the popover API by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに HTMLのpopover属性とは ポップオーバーのデフォルト、オーバーライド 自動ポップオーバーと手動ポップオーバー popover属性とdialog要素の違い 近日公開予定の便利な2つの機

株を一度も買ったことのないやつ、そして株を買おうとしていないやつとは、とにかく投資の話が意思疎通不可能レベルでできないことが多い。 とりわけ知識に深い断絶があり、そのせいで会話できているようでいて完全に会話不能な状態になっていることがあるのだ。 これは相手が高学歴などでもある。 株を買ったことのない人の考え方 とにかく株は危ない投資というのは要はギャンブルであり、競馬や宝くじと同じ投資は、借金ができることがあるのでかなり危険投資は、まずお金がかなりの額(2000万円ほど)貯まらないと始められないし儲からない 金を持っている人は投資をしていることが多い 株は株式会社や上場と関係があるらしい株式とは何かがわかっていない投資の始め方がわからない経済には興味がないNISAやiDeCoという金持ち向けの制度があるらしいお金とは汚いものだが、生活のためには必要悪である 儲かりたいという欲求はある投資家

「住所の揺らぎ程度のことにAIを使いたいだとかデジタル音痴」だの「住所の正規化なんてExcelで2時間あれば作れそう」だの、たいへんフットワークの軽やかな言説の数々に、位置情報界隈のみならず住所の正規化や名寄せに少しでも関わったことのあるエンジニアが総立ちでマサカリを投げていたのも記憶に新しい今日この頃ですが（2023年6月6日）、この手の騒動は周期的に起こってる印象です。 ということはつまり いつまで経っても解消されない、解決が困難な課題である その困難さが界隈以外に共有されていない であるわけで、その都度Twitterにトリビアが投下されてはTLが賑わい華やかではありますが、そろそろ自分の整理としてもどれだけ日本の住所システムがカオスで、その計算機的な処理がいかに困難かをメモっておこうかと思いました。 なおこの件については既にQiitaにGeoloniaの宮内さんが鼻血の出そうな良エン

「イパネマの娘（The Girl from Ipanema）」のヒットで知られるブラジルの歌手アストラッド・ジルベルト（Astrud Gilberto）が死去。彼女の孫娘で同じく歌手のソフィア・ジルベルトがSNSで発表。また英The Independent紙はジルベルトの息子に彼女が亡くなったことを確認しています。死因は明らかにされていません。83歳でした。 以下、ソフィア・ジルベルトの声明より 「おばあちゃんのアストラッド・ジルベルトが私のために作ってくれた曲で“Linda Sofia”という曲です。実際、彼女は私の名前をリンダ・ソフィアにしたかったと言っていました。人生は美しい、この歌の通りですが、今日、おばあちゃんが星になって、おじいちゃんのジョアン・ジルベルトの隣にいるという悲しい知らせが届けられました。 アストラッドはイパネマからボサノヴァを世界に広めた真の少女でした。彼女はパイ