HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA
見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝ 選択した要素の最初の子要素として疑似要素を生成 ::after ＝ 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
とにかく日本の住所のヤバさをもっと知るべきだと思います｜inuro
「住所の揺らぎ程度のことにAIを使いたいだとかデジタル音痴」だの「住所の正規化なんてExcelで2時間あれば作れそう」だの、たいへんフットワークの軽やかな言説の数々に、位置情報界隈のみならず住所の正規化や名寄せに少しでも関わったことのあるエンジニアが総立ちでマサカリを投げていたのも記憶に新しい今日この頃ですが（2023年6月6日）、この手の騒動は周期的に起こってる印象です。 ということはつまり いつまで経っても解消されない、解決が困難な課題である その困難さが界隈以外に共有されていない であるわけで、その都度Twitterにトリビアが投下されてはTLが賑わい華やかではありますが、そろそろ自分の整理としてもどれだけ日本の住所システムがカオスで、その計算機的な処理がいかに困難かをメモっておこうかと思いました。 なおこの件については既にQiitaにGeoloniaの宮内さんが鼻血の出そうな良エン
「試行錯誤が苦にならない」人は、それだけで大きなアドバンテージを持っている
この記事で書きたいことは、大筋以下のようなことです。 ・昔、新卒研修を受けていた頃、「試行錯誤」についての根本的な意識の違いを感じたことがあります ・「まず試して、失敗したら違う方法を考える」というやり方は非常に効率的な一方、精神的な必要コストがそこそこ高いです ・色んな人と仕事をする内に、世の中には「試行錯誤なんて可能な限りしたくない」「そもそも自分なりの試行錯誤のやり方を知らない」という人の方がだいぶ多いのでは？と思うようになりました ・ただ、試行錯誤が出来る出来ないでは大違いで、「試行錯誤のやり方」を身につけておくことは、仕事をする上でとても大事です ・ところで私は試行錯誤のやり方をジョイメカファイトで学びました ・「試行錯誤が苦にならない、むしろ好き」という人は、自分がとても大きなアドバンテージを持っているということを自覚していいと思います 以上です。よろしくお願いします。 さて、
GitHubに大量の悪質リポジトリ、その数“10万超” 感染するとパスワード流出の恐れ
GitHubでマルウェアを仕込んだリポジトリを本物に見せかけて拡散させる手口が横行し、10万を超す感染リポジトリが見つかっているとしてサイバーセキュリティ企業が注意を呼びかけている。攻撃は今も続いており、何も知らない開発者がこうしたリポジトリを使えば、マルウェアに感染してパスワードなどの情報が流出する恐れがある。 サプライチェーンのセキュリティ対策を手掛ける米Apiiroによると、GitHubのリポジトリを狙う「リポコンフュージョン（取り違え）攻撃」は2023年11月ごろから激化したという。 攻撃者は、開発者をだまして悪質なコードやファイルをダウンロードさせる目的で、正規のリポジトリのクローンを作成。そこにマルウェアを呼び出すコードを仕込み、同一の名称でGitHubにアップロードする。次に自動化の仕組みを使ってそれぞれを何千回もフォークさせ、Web上のフォーラムなどで宣伝しているという。
「いつでもパフォーマンスの高い人」になるための基本的習慣。大切なのは○○を疲れさせないこと - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
パソコンやスマートフォンが生活の一部となった現代では、“目が疲れていない人” を探すほうが難しいのではないでしょうか。そうした “目の疲れ” は、もしかしたら私たちの想像以上に、仕事や勉強のパフォーマンスを低下させているかもしれません。その理由と、疲れ目予防に役立つ情報を紹介します。 【ライタープロフィール】 STUDY HACKER 編集部 「STUDY HACKER」は、これからの学びを考える、勉強法のハッキングメディアです。「STUDY SMART」をコンセプトに、2014年のサイトオープン以後、効率的な勉強法 / 記憶に残るノート術 / 脳科学に基づく学習テクニック / 身になる読書術 / 文章術 / 思考法など、勉強・仕事に必要な知識やスキルをより合理的に身につけるためのヒントを、多数紹介しています。運営は、英語パーソナルジム「StudyHacker ENGLISH COMPAN
乾麺と野菜をスープで“同時煮”「キャベたまスープスパゲティ」フライパン1つでできる冬の1人メシ【ヤスナリオ】 - メシ通 | ホットペッパーグルメ
こんにちは、高円寺メタルめしのヤスナリオです。 いよいよ寒くなってましたね。今年もお店のまかないではフライパン1つの熱々スープスパが活躍する季節！ www.hotpepper.jp www.hotpepper.jp 今回は野菜も卵も入った1人メシ「キャベたまスープスパゲティ」をご紹介します。 フライパンでキャベツ、玉ねぎ、ツナ缶のスープを作り、そこにスパゲティを乾麺のまま入れて一緒に煮込んだら、溶き卵を加えて仕上げます。 調味料は塩だけでOK。手順もとってもシンプルなので、いつものパスタソースを切らしてしまった……なんて時にもオススメですよ。フライパン1つで炒めて、煮ればいいので、ひと口コンロのキッチンの方もぜひ。 ヤスナリオの「キャベたまスープスパゲティ」 【材料】1人分 スパゲティ（細めがオススメ。今回は1.5mm） 100g キャベツ 100g 玉ねぎ 1/4個 ツナ缶（オイル漬けタ
Slackの新UIを以前のUIに戻す方法 - 秋山界面帳
2023年に変わってしまったSlackのUIを元のUIに戻す方法 同僚から教えてもらって大興奮した 元は SlackRevert – Get this Extension for 🦊 Firefox (en-US) の説明欄に書いてあったらしい ① Slack アプリを閉じる ② ターミナルを開いて、次の 2 つのコマンドを個別に実行する code:sh export SLACK_DEVELOPER_MENU=true open /Applications/Slack.app Slack は新しいテーマで開くが、コンソールにアクセスできるようになる ③ command + option + i を押して Slack のコンソールを開く ④ Slack のコンソールで以下を実行 code:sh localStorage.setItem("localConfig_v2", localStor
レイジ・アゲインスト・ザ・マシーンのトム・モレロ、戦争犯罪の批判に反ユダヤ主義が入り込む余地はないと語る | NME Japan
レイジ・アゲインスト・ザ・マシーンのギタリストであるトム・モレロは「ガザでの恐ろしい戦争犯罪」を批判するにあたって「反ユダヤ主義が入り込む余地はない」と語っている。 トム・モレロはツイッターでイスラエルとハマスの戦争に言及して、次のように述べている。「ガザでの恐ろしい戦争犯罪がユダヤ人によって行われているわけではなく、特定の殺人的な右翼イスラエル政権によって行われているということを覚えておくのは重要なことだ」 トム・モレロは次のように続けている。「イスラエルでも国外でも多くの勇敢なユダヤ人が虐殺を非難している。我々の戦いは抑圧に対するものだ。反ユダヤ主義が入り込む余地はない」 Important to remember the horrific war crimes in Gaza aren’t being done by “the Jews” but rather by a partic
スタートアップが鍵：人口5000万人に減っても2倍豊かな「日本4.0」を作る | Coral Capital
月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください！ 日本の人口は、ざっくり1億2000万人ですが、約100年後の2120年には4973万人にまで減るとの予想があります（国立社会保障・人口問題研究所の2023年4月の将来推計人口）。以下のグラフにあるように江戸期に3000万人を超えた日本の人口は、明治維新以降のわずか100年で3倍の1億人超となり、再び100年で半分以下に減ろうとしています。われわれは今、ジェットコースターで言えば最初の坂を登りきってスーッと滑り出して急降下する坂に向かって走り始めたところです。 50年後や100年後については出生率や外国人比率など予想が難しい要
電通で学んだ、「誰に何をどう言う」ではなかなか成果が出ない ターゲットに無視されないコンテンツの作り方
99.6％のコンテンツは、たとえ目の前にあっても無視される 小川共和氏：いよいよコンテンツの企画についてです。「コンテンツ企画」であって「コンテンツ制作」じゃないんですよ。コンテンツを作ってブログやメールに載せれば見てもらえますか？ 期待どおりの成果を生みますか？ 実際にコンテンツマーケティングなり、Web広告なり、ナーチャリングメールなどコンテンツを作っている方であればわかりますよね。「そんなのでうまくいったら世話ないや」というやつです。簡単にうまくいかないですよね。 特に今はWeb広告やコンテンツマーケティング、マーチャリングメールをみんながやっていますから、コンテンツがありふれています。人間が消化するよりはるかに多くのコンテンツが出回っています。だから同じようなコンテンツを作ったからって達成感は出ないですよ。 コンテンツを作っている人はこんなことを言われたことはありませんか？ 「この
近況と雑感｜くるり official
怒涛の日々が終わりつつある。 アルバム『感覚は道標』の制作から発表、『くるりのえいが』の舞台挨拶やプロモーション、初の2日間開催となった京都音博、その後のイベント出演など。 もっくん含め、メンバーやスタッフも常にフル稼働で、数年分の仕事をここぞとばかりにやり込んだ感覚。 日々生きてるだけでなんやかんや色々あるから、ここに書く私たちの活動以外のところでも、なんだか色々あるから少し休みたいというか、いちど副交感神経優位にしてみたいところ。 映画を観てくれた方々、アルバムを聴いてくれた方々、音博やライブに来てくれた方々、日々応援いただいている方々、ほんとうにどうもありがとう。皆さんの励ましと期待、私たちにしっかり届いています。 BUCK-TICKというバンド、私が認識したのは30年少し前だったと記憶しています。 『JUPITER』という曲の演奏をTVの歌番組か何かで観て、サビのメロディがずっと頭
仕事で忙しくても「22時に寝る」を徹底するために、10年にわたって工夫してきたこと - lala a live(ララアライブ)│フォーネスライフ
多摩動物公園にて、筆者が撮影した動物の寝顔 人が生きていく上で不可欠な睡眠。しかし仕事や家事の忙しさから、短時間睡眠で成果を上げる人たちに憧れた経験を持っている人も少なくないのではないでしょうか。 ブロガーのココロ社さんもそんな一人。しかし、10年ほど前に短時間睡眠は向いていないと諦め、自分が満足いくまで「寝たいだけ寝る」ことにしてから、自分に合った健康的な生活を送れているといいます。 ココロ社さんはどのように日々の睡眠と向き合っているのか。睡眠時間を確保するための工夫から昼寝の取り入れ方まで、ご執筆いただきました。 目次 短時間睡眠への憧れはあったが、自分には向いてなかった 仕事終わりにダラダラする生活を改め、睡眠中心の暮らしへ 「22時に寝る」を守るための方法 「22時に寝る」ことでのメリット 睡眠の質を上げるために、あえて「測定しない」 昼寝OKの場所をリストアップしておく かっこよ
Slack、X（旧Twitter）上のステータスアカウントを終了
米Slack Technologiesは10月19日（現地時間）、プラットフォーム上の問題や機能停止に関する情報を発信していたX（旧Twitter）上のアカウント「Slack Status」を廃止すると発表した。 「今後は、Slack Statusサイトがすべてのインシデントニュースの真実の情報源となる」という。 Slackのメインの企業アカウントは存続する。 Slackは米The Vergeに対し、廃止の理由を「インシデントに関する情報提供のリソースを、顧客が最も広く使用している手段に集中させるため」と説明した。 インシデントが発生したらステータスサイトで確認できる他、AtomやRSSのフィード経由で通知を受けることもできる。 関連記事 Slackの“個人ミュート”機能が話題 「これが必要な職場はヤバい」「ハラスメント対策になる」など賛否両論 「Slack」の新機能「Hide Perso
いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）
免責事項 社内向けに展開するように雑にまとめました Next.jsの知見が深くない人がリードしてPoCを立ち上げなきゃいけなくなったが、社内的にはNext.jsを推奨しているみたいな場面を想定しています なので自信ないところも多いですが割と断言するように心がけて書いています PoCの立ち上げ想定なので、jest/Storybookなど内部品質面についてあまり深く書くことを避けています ほぼ自分の知識だけで書いており私見も多いですし、そもそも自分自身がトップクラスの知識や視座を有しているわけでもないので、まずは以下の話を理解はした上で、踏襲するかどうかは別途他記事やGitHub、公式ドキュメントなどを漁って判断することを推奨 App RouterかPages Routerか 2023年末現在まだApp Routerは技術記事が足りてきている印象ではないため、社内でノウハウを積極的に貯めていく
人気YouTube番組でまさかのトラブル ジャガー横田夫が出演者一喝、途中退席...「医師としてやめてほしい」
2023年10月16日にYouTubeで公開されたリアリティ番組「令和の虎」（Tiger Funding）で、志願者との面接中、ジャガー横田さんの夫で医師の木下博勝さんが途中退席をする騒動があった。 「糖質だけ制限するって言うのは、エビデンスは僕はないと思うんですけど」 令和の虎は「出資を受けて、事業を本格展開したい」志願者らを対象として、経営者が審査して出資の可否を判断する、YouTubeで配信されているリアリティ番組だ。 木下さんが途中退席する事態となったのは、「『医者としてここには居られない』虎が退室する理由とは。美味しいローカーボで心身共に健康な世界を実現したい」と題した動画でのひと幕だ。 480人目として出演したインフルエンサーの女性は「ローカーボ、いわゆる糖質制限の食の普及をしております」と自己紹介した。 女性は「『おいしいローカーボ』という新しい食生活を広めることで、心身とも
All Is One: ヘヴィ・メタルがつなぐイスラエルとパレスチナ｜夏目進平
イスラエルのヘヴィ・メタル・バンド ORPHANED LAND は、そのキャッチーな歌とエモーショナルな歌詞、強烈なビートにオリエンタル・プログレッシブな音楽性で忠実なファンを生み出してきました。しかし、このバンドはそれ以上に、リスナーに平和のメッセージを伝えるという使命を持っています。"中東で最も人気のあるイスラエル人" とまで謳われる彼らは、ノーベル平和賞に推す声まで上がるほどのバンドなのです。 2013年夏から "All Is One" ツアーを行った彼らは、そこにパレスチナのヘヴィ・メタル・バンド、KHALAS を招き、共演し、ツアー・バスの狭い空間で友情を培いました。ツアーにはヨルダンの BILOCATE も参加。これによってライブの多様性は増し、その結果、ヘヴィ・メタルは、人々は少しの違いがあっても調和して協力できることを世界に示すことができたのです。 それまで、パレスチナ人と
「オーディオ版レイトレーシング」と「物理シミュレーションによる音響空間表現」｜Prismaton
「レイトレーシング」は 3D グラフィックスの重要な技術となっていて、レイトレーシングを使ったリアリティの高いグラフィックス表現を見る機会が増えてきました。 また同時に、「レイトレーシングをオーディオに応用する」といった言及もちょいちょい見かけるようになりました。 しかし、グラフィックスのシミュレーションにレイトレーシングが有効なのは光の特性をレイトレーシングで近似できているからであり、音の特性に関してはレイトレーシングだけで近似するのは困難です。これはもう少し広く知られていて欲しい事実なのですが、何故かあまりきちんと知られていません……。 そもそも悲しいことに、「物理シミュレーションによる音響空間表現(方角、残響、遮蔽などの表現)」を網羅的に真面目に考察した資料は恐ろしく少ないです。この現状では、レイトレーシングだけで音響空間表現が簡単に出来るというような誤解が生まれてしまうのも仕方ない
最小限のコードで動く最も汚いコードから始める
最小限のコードで動く最も汚いコードから始める 2023.09.02 コードを書く際の重要な要点は、読みやすく他人に理解される「良いコード」を書くことです。しかし、完璧を目指して最初から書こうとすると行き詰まります。代わりに、荒削りながらも動くコードを作成し、徐々にリファクタリングして完成度を高めます。型エラーやリントエラーを無視しても構わないので、まずは動くものを作成しましょう。それからリファクタリングして「良いコード」を作成できます。 コードを書くときに最も大切なことってなんだろう？聡明な読者諸君ならご存知だろうが、コードは書く時間よりも読む時間のほうが長い。だから他人に読まれることを意識して、読みやすい「良いコード」を書かなくっちゃならない。コンポーネントは適切な粒度で分割されていて、適切な名前がつけられている。型システムに安全性だって守られてるし、最新のなんとかアーキテクチャにも準拠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIをもたらすコンテクストの考察
Followgraph for Mastodon