株式会社ゼンリン🗾 @ZENRIN_official ゼンリンの公式アカウントです。商品サービスや、地的なネタをつぶやいています。商品に関するお問い合わせは、お手数ですがzenrin.co.jp/product/suppor…へお願いします。 zenrin.co.jp
CSSのこの機能を待っていた人も多いと思います! CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。 Introducing four new international features in CSS by Jack J 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに word-break: auto-phrase;によるフレーズで自動改行 text-autospaceによる文字間のスペーシング text-spacing-trimによる句読
1回表:早稲田「割りばし割り機」 最初は早稲田の佐口幸太郎さんの「割りばし割り機」からだ。 この真ん中の機械がそう 「割り箸というのは素手で割れるというのが長所であり特徴だと思うんですが・・」 と佐口さんが説明を始める。 「こういう形で割り箸をセットしまして・・」 「軽く握ると・・」 「バキャッ!」 と音がして割り箸が二つに弾け飛び、そのまま机に落ちる。 「おお〜」という歓声と拍手が鳴る。 「先生にいただいたお寿司を食べたいと思います」 と、いま割ったお箸を机から拾って使う。 鈴木先生による講評はこんなふうだった。 ・お箸を割ったら確実に下に落ちるところがいい ・落としたものは普通もう食べられない、なのに拾って使うというところが未知の領域 今回、じつはぼくも講評に参加したのだが、並べて書くのは恐れ多いので感想をふつうに地の文に書くことにする。この作品で好きなのは割れる時の音だ。箸を手で直接
宿泊開発チームでエンジニアをしている @kosuke1012 です。チームで ADR を書き始めて1年くらい経ったので、その感想を書いてみたいと思います。 この記事は 一休.comのカレンダー | Advent Calendar 2023 - Qiita の13日目の記事です。 ADRとは アーキテクチャ・ディシジョン・レコードの略で、アーキテクチャに関する意思決定を軽量なテキストドキュメントで記録していくものです。 出典はこちらで、 Documenting Architecture Decisions わかりやすい和訳は以下の記事が、 アーキテクチャ決定レコードの概要 | Cloud アーキテクチャ センター | Google Cloud アーキテクチャ・デシジョン・レコードの勧め | 豆蔵デベロッパーサイト アーキテクチャの「なぜ?」を記録する!ADRってなんぞや? #設計 -
アサヒ飲料が販売するホットドリンク「アサヒ おいしい水 天然水 白湯」。2022年に販売を開始すると、想定の3倍のヒットを記録し、23年9月のリニューアル後もさらに売り上げを伸ばしている。 ヒット商品「アサヒ おいしい水 天然水 白湯」を手がけたアサヒ飲料マーケティング本部の鈴木慈さん(編集部撮影) 実は商品が登場する8年前、中身が全く同じ商品を発売していたものの、売り上げが伸びず失敗に終わっていた。アサヒ飲料の開発担当者が語った、8年前との「決定的な違い」、そして「逆転ヒット」をもたらした要因とは。 8年前に販売も……売り上げ伸びず 東京都内にあるコンビニのホットドリンクコーナー。お茶やコーヒー、ココアといった定番商品に並んで置かれているのが、アサヒ飲料の「白湯」だ。 アサヒ おいしい水 天然水 白湯(アサヒ飲料ニュースリリースより) 消費者や店から「温かいお湯を売ってほしい」という要望
見出しなどのテキストを目立たせたいときに便利なフキダシ(吹き出し)。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before = 選択した要素の最初の子要素として疑似要素を生成 ::after = 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
「strongもbも太字になるのにどう違うんだ…?」 「emもiもイタリック体になるけど、そもそもイタリック体ってなんなんだよ…?」 「strongの重要と、emの強調って何が違うんだ…?」 などなど、使い方がよくわからなくなりがちな HTML 要素(主にテキストレベルセマンティックスに分類される要素)の違いを調べてみました。 長めの記事になっていますので、気になる要素だけつまみ食いしてもらうのもよいかと思います。 今回の調査対象はこちら span strong b em i dfn cite var mark u ins del s strike big small ブラウザのデフォルトの見た目確認用 CodePen 調査する内容 HTML Standard の仕様に書かれている説明 一部、HTML 4.01 から HTML 5 での変更が理解の助けになるものもあり、HTML 4.01
クーリエ・ジャポンのプレミアム会員になると、「ウォール・ストリート・ジャーナル」のサイトの記事(日・英・中 3言語)もご覧いただけます。詳しくはこちら。 近くのエルメス店舗でハンドバッグ「バーキン」を買い、それを転売すれば、5分で価格が倍になる。だが、世界で最も入手困難なハンドバッグを手に入れるプロセスは想像以上に複雑だ。 ベーシックなブラックレザーの「バーキン25」の価格は、エルメスの店舗で税抜き1万1400ドル(約180万円)。購入者はすぐに2万3000ドルでプリヴェ・ポーターのようなハンドバッグ転売業者に売り渡すことができる。その後、プリヴェ・ポーターはインスタグラムやラスベガスのポップアップストアで最高3万2000ドルで販売する。エルメスの製造原価は約1000ドルとアナリストは推定する。 常軌を逸した「バーキン経済学」は、客と店員の力関係をひっくり返した。エルメスの店舗では、こびへ
ニカイドウレンジ @R_Nikaido ゲーム、「ストレスを与える」は絶対必要なものだと思うんだけど、なぜだか「ストレスは徹底的に排除する」みたいな風潮が強くて、それによって面白みを失ってしまっているゲームがものすごく多い印象を受ける。 なんでもかんでもストレスを排除するの、どうなんだろ。アリな場合もあるのかな。 2024-03-10 11:16:19 ニカイドウレンジ @R_Nikaido 物語だったら大体悪いやつが出てくるじゃん。ストレスを与えて、そいつをやっつけたりすることで気持ちよくなるためのやつでしょ。 ラピュタからムスカ排除したらつまんなくなるって分かるでしょ。 2024-03-10 11:18:10
健康を意識している人もそうでない人も、たやすく減塩できる方法を提案する必要がある、と考えた熊本県立大学の杉本真依子氏らは、食事に用いる道具を工夫することにより減塩が可能かどうかを検討することにしました。 選んだ道具は穴あきレンゲです。穴あきスプーンとも呼ばれ、冬の鍋料理の季節には100円ショップでも販売されることがあり、比較的容易に入手できるようです。鍋料理の具をすくうためや、麺類の細かな具材を残さず食べるために用いられています。著者らは、「塩分含有量の多いラーメンを穴あきレンゲと箸を用いて食べると、普通のレンゲと箸を使って食べる場合に比べ、摂取するスープの量が減り、塩分摂取量も減る」と仮定しました。 研究の対象は、急性疾患または慢性疾患を持たない健康な男子大学生で、減量のためのダイエットや減塩食摂取を行っていない、非喫煙者を選びました。男子大学生は比較的、健康な生活習慣に対する関心が薄く
この記事で伝えたいこと(忙しい人向け) 新人ほど「保守していく」ことの感覚が腹落ちしにくいのではないか説 我々は保守しやすいコードを書くべきであり、保守しやすいコードを達成するための手段として原理原則やデザインパターンが存在している 保守ってなんで必要なんだっけ?という体系的な理解を持ったうえで、具体的なテクニックを学んでいくことが大事 // 追記(2023/12/9) なんとミノ駆動 さんにコメントいただけました。 もちろん良いコード/悪いコードで学ぶ設計入門 ―保守しやすい 成長し続けるコードの書き方は読んで影響を受けてます。 とってもうれしい。 想定読者 新卒 ~ 2年目くらいまでのプログラミング初心者 Webアプリの保守開発をしているエンジニア 3ヶ月前くらいの自分(未経験からエンジニアになって1年くらい) こんなことないでしょうか 先輩などから原理原則の観点を共有してもらったり、
ソニー広報部のKKです。 2024年7月で「ウォークマン®」は誕生45周年を迎えます。みなさんがウォークマンと聞いて思い浮かべるのは何でしょうか?最新機種、初代ウォークマン、学生時代に使った思い出の製品…人それぞれのウォークマンが思い浮かんでいると嬉しいです。今回はソニー社内にある「ウォークマンルーム」を巡りつつ、ウォークマン45年間の歴史をご紹介します! ウォークマンルームで振り返る45年の歴史ソニーの社内にはウォークマンルームという部屋があり、歴代ウォークマンや関連する資料などが集められています。残念ながら、普段は社外の方に自由に出入りいただくことはできないのですが…今回は特別にウォークマンルームに集められたウォークマンの一部をご紹介しつつ、45年間の歴史を振り返っていきます! 歴代のウォークマンがずらりと並ぶウォークマンルーム1979年発売 ウォークマン1号機の開発秘話『TPS-L2
このように、層ごとに関心事の分離を行うことで、保守性の高い(変更容易性や再利用性等)アプリケーションを実現できます。 しかし、「トランザクション」においてはどうでしょうか。 トランザクションはビジネス領域においても、技術領域においても関心事がある内容です。 そういう曖昧なものは「ひとまず usecase 層に入れてしまえ」という方針になりがちです。 ですが、DB 固有の知識を usecase 層の関心事にしてしまっては、関心事の分離をするメリットが得られません。 そのため、関心事の分離を実現しつつトランザクション実装をする方法を模索してみました。 前提 1. クリーンアーキテクチャを採用している(オニオンアーキテクチャやレイヤードアーキテクチャも含む) そもそもビジネス知識と技術知識を分離していないアーキテクチャを採用している場合、メリットは得られません。 そのため、オニオンアーキテクチャ
今までJavaScriptを使用しないと実装できなったことが、CSSだけで実装できるようになったものが増えてきました。たとえば、表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今回紹介するのは、height: 0;からheight: auto;へのトランジションです。高さが固定値であれば簡単にアニメーションできますが、コンテンツ量が不明で成り行きの場合はJavaScriptで高さを取得する必要がありました。 height: 0;からheight: auto;へのトランジションをCSSで実装する方法を紹介します。元記事を読んで、CSS Gridをここで使用するのか! と驚きました。 🧙♂️ CSS trick: transition from height 0 to auto! by Fra
Googleマップは2023年9月頃から新たな外観のテストを実施しており、すでに新たな外観のGoogleマップを使っている人も多いはず。そんなGoogleマップの新外観について、15年前にGoogleマップのデザインに携わったプロダクトデザイナーのエリザベス・ララキ氏が苦言を呈しています。 15 years ago, I helped design Google Maps. I still use it everyday. Last week, the team dramatically changed the map’s visual design. I don’t love it. It feels colder, less accurate and less human. But more importantly, they missed a key opportunity to…
神奈川県秦野市(はだのし)にお住まいのたなこさん。紅茶や英国文化好きが高じて、ついには憧れの英国住宅を建てることに。 庭を眺めながら優雅な時間を楽しめるコンサバトリー風ルーム、紅茶に合うお菓子をつくるための広いキッチン、ウェッジウッドの「ジャスパーウェア」カラーを再現した壁……など、ティータイムを楽しむための工夫がたくさん。 音楽やマンガなど、圧倒的な熱量を注ぐ「好きなもの」をおもちの方に、こだわりの住まいをご紹介いただく「趣味と家」第17回です。 🎦注文住宅で実現したこだわりの空間を動画で 初めまして。たなこと申します。神奈川県秦野市で夫と3歳の娘と共に元気に楽しく暮らしています。 私は社会人になってから紅茶にハマり、紅茶や英国文化が大好きになりました。好き過ぎるあまり、2022年の年末に憧れだった英国テイストの注文住宅を建てました。 今回はお気に入りのコンサバトリー風ルームや広いキッ
エジプトのルクソール近郊の町エスナにあるクヌム神殿から煤や泥を取り除いたところ、天井や円柱が2000年前の色鮮やかな姿を取り戻した。(ELIZABETH BEARD/GETTY IMGAGES) およそ2000年前につくられた古代エジプトの神殿の天井を研究者チームが復元したところ、驚くべき発見がもたらされた。黄道12星座やその他の星々を描いたフルカラーのレリーフのほか、ヒエログリフ(象形文字)の碑文も見つかり、これらの天体図に隠された意味を解くカギとなりそうだ。(参考記事:「ヒエログリフを解読した「エジプト学の父」シャンポリオンの生涯」) 天井が復元された神殿は、エジプト中南部の町エスナに残るクヌム神殿だ。プロジェクトには考古学者でエジプト学者のヒシャム・エライシー氏を中心とするエジプト観光・考古省と、ドイツのテュービンゲン大学から計30人の研究者が参加。5年余りに及ぶ作業で、当時の色彩を
個人開発者 catnose ソフトウェア開発者・デザイナー。 個人開発者として、Webデザイナー向けメディア「サルワカ」、ポートフォリオ作成サービス「RESUME」、技術情報共有サービス「Zenn」、簡単にAIサービスがつくれる「だれでもAIメーカー」など、数々のプロダクトを世に送り出す。家族は妻、娘、犬、猫。 個人開発者として、ポートフォリオ作成サービス「RESUME(レジュメ)」や技術情報共有サービス「Zenn(ゼン)」、入力欄や選択ボックスを組み合わせるだけで簡単にAIサービスがつくれる「だれでもAIメーカー」など、数々のプロダクトをヒットさせてきたcatnose(キャットノーズ)さん。現在も複数の開発案件に関わりながら、新たなプロダクトを開発中だといいます。 今回はそんなcatnoseさんのこれまでの作品を振り返りながら、個人開発者として培った開発哲学や、30代になるとともに起きた
BWTT @BoyWithTheThorn らんま1/2もそうなんだけど「ヒロインが料理下手」っていうの、昔の漫画では割と定番だったけど最近ではあまり通用しないかもな。「じゃあ男が作ればいいじゃん」と若者がナチュラルに考えるようになったので、男達が受け身で女の不味い料理を耐えたり避けたりするギャグが、普遍性を失ったように思う 2024-06-29 08:22:39 BWTT @BoyWithTheThorn ぼくの文章が下手くそだったね。「料理下手なヒロイン」という設定が普遍性を失ったのではなく、「料理下手なヒロインが炊事を担当しており、彼女が作ったひどい味のご飯を、主人公や家族らが我慢して食べたり、嫌がって外食に行く」みたいな描写が普遍性・妥当性を失ったという事です 2024-06-29 11:52:00 はんしち @han_shichi @BoyWithTheThorn むしろ当時とし
年間20万台以上を販売するなど、一時国内乗用車販売台数1位の常連だったトヨタ自動車の小型車「アクア」に、“異変”が起こっている。2代目発売以降、月間販売台数が4000台レベルにまで落ち込んでいるのだ。いったい何が起こっているのか、小沢なりに冷静に検証してみると、2つの理由が浮かび上がった。 2021年に登場したトヨタ自動車の小型車「アクア」2代目。その売れ行きは、グローバルで累計約187万台を販売した初代と比べると、大きく失速している 最近、ずっと不思議に感じていることがある。 2021年に登場した、2代目となるトヨタ自動車の小型車「アクア」が、販売台数で本格的に失速しつつある事実だ。発売から3年目の24年に入り、ますますその存在感が市場で薄くなってきている。 乗用車の月間販売台数ランキングを見ると、24年1月が17位、2月が18位、3月が19位、4月が13位。23年度に遡ってみても、年間
lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向(横書き時:上下)にそれぞれハーフ・レディングの大きさ(今回では4px)分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法
フランス・パリにあるピカソ美術館が、20世紀を代表する巨匠のひとりであるパブロ・ピカソの作品を閲覧できるオンラインアーカイブを公開しました。このアーカイブにはピカソの作品や写真、音声記録、彫刻、図画、書籍などピカソにまつわる資料約2万点が収録され、今後さらに20万点が追加される予定です。 Bienvenue au Centre d'Études Picasso | Centre d'Etudes Picasso https://cep.museepicassoparis.fr/ Picasso Museum in Paris opens artist's rare archives to the internet https://www.rfi.fr/en/culture/20240616-picasso-museum-in-paris-opens-portal-to-rare-archi
みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか? 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より
綾塚 祐二 @ayatsuka_yuji 念のため補足。「デザインの敗北」だと「『デザイン』は悪くない/良いのに、他の要素に負けた」と解釈する/される余地がありますが、これは「ここに(男性用)トイレがあることを示す」という本来果たすべき機能が弱く他の施策が必要になっているので、「デザイン(設計)がよくない」というべきなのです。 2023-09-27 00:03:11 綾塚 祐二 @ayatsuka_yuji さらに補足。例えば設計(デザイン)した蓋が(加工のミスなどでなく)きちんと締まらないものだったらそれは「設計ミス」と言われます。この(元の)トイレのサインも「機能として不十分」という点でそれに類するものです。それゆえ(婉曲的な表現でなく明確に)「デザインがよくない」と評価されるべきです 2023-09-27 10:46:45
ヤマハ「SEQTRAK」 今月26日に発売される「SEQTRAK」は、場所を選ばずに曲づくりが行える音楽制作デバイス。コンパクト・ボディに、シンセサイザー、サンプラー、ドラム・マシン、シーケンサー、エフェクターといった機能が網羅され、スピーカーやマイクなども備えたオール・イン・ワンの音楽制作デバイスです。 コンパクト・ボディに曲づくりに必要な機能を網羅 メインの音源は、おなじみのAWM2(最大同時発音数:128)と4オペレーターのFM(最大同時発音数:8)の2種類で、2,000種類以上のファクトリー・プリセットも収録。さらにはサンプラーも搭載し、7つのスロットに内蔵MEMSマイク/外部入力の音をサンプリングすることができます(24bit/44.1kHz)。これらの音源をコントロールするシーケンサーは、最大11トラック/最大128ステップという仕様で、直感的にパターンを作成することが可能。各
Unix 哲学的に考えれば、行を並び替える sort コマンドと重複行を取り除く uniq コマンドは別のコマンドであるべきなように思えます。しかし sort コマンドには -u オプションとして uniq コマンドに相当する機能が組み込まれています。なぜそうなっている(そうなってしまった)のかを「ソフトウェア作法(さくほう)」を参照しながらこの記事で明らかにしたいと思います。 関連記事 Unix哲学「一つのことをうまくやる」は単機能のコマンドを作ることではない 「誰」がuniq機能をsortコマンドに組み込んだ!? 熱烈的な Unix 哲学の信者は「どうせ Unix 哲学を理解しない GNU が便利だと思ってオプションを追加したのだろう」と考えるかもしれません。しかし uniq 機能が組み込まれたのは Version 7 Unix、つまり Unix の開発者が組み込んだのです。これは 1
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く