HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA
見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝ 選択した要素の最初の子要素として疑似要素を生成 ::after ＝ 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
「試行錯誤が苦にならない」人は、それだけで大きなアドバンテージを持っている
この記事で書きたいことは、大筋以下のようなことです。 ・昔、新卒研修を受けていた頃、「試行錯誤」についての根本的な意識の違いを感じたことがあります ・「まず試して、失敗したら違う方法を考える」というやり方は非常に効率的な一方、精神的な必要コストがそこそこ高いです ・色んな人と仕事をする内に、世の中には「試行錯誤なんて可能な限りしたくない」「そもそも自分なりの試行錯誤のやり方を知らない」という人の方がだいぶ多いのでは？と思うようになりました ・ただ、試行錯誤が出来る出来ないでは大違いで、「試行錯誤のやり方」を身につけておくことは、仕事をする上でとても大事です ・ところで私は試行錯誤のやり方をジョイメカファイトで学びました ・「試行錯誤が苦にならない、むしろ好き」という人は、自分がとても大きなアドバンテージを持っているということを自覚していいと思います 以上です。よろしくお願いします。 さて、
「いつでもパフォーマンスの高い人」になるための基本的習慣。大切なのは○○を疲れさせないこと - 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
スタートアップが鍵：人口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の場所をリストアップしておく かっこよ
いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）
免責事項 社内向けに展開するように雑にまとめました Next.jsの知見が深くない人がリードしてPoCを立ち上げなきゃいけなくなったが、社内的にはNext.jsを推奨しているみたいな場面を想定しています なので自信ないところも多いですが割と断言するように心がけて書いています PoCの立ち上げ想定なので、jest/Storybookなど内部品質面についてあまり深く書くことを避けています ほぼ自分の知識だけで書いており私見も多いですし、そもそも自分自身がトップクラスの知識や視座を有しているわけでもないので、まずは以下の話を理解はした上で、踏襲するかどうかは別途他記事やGitHub、公式ドキュメントなどを漁って判断することを推奨 App RouterかPages Routerか 2023年末現在まだApp Routerは技術記事が足りてきている印象ではないため、社内でノウハウを積極的に貯めていく
All Is One: ヘヴィ・メタルがつなぐイスラエルとパレスチナ｜夏目進平
イスラエルのヘヴィ・メタル・バンド ORPHANED LAND は、そのキャッチーな歌とエモーショナルな歌詞、強烈なビートにオリエンタル・プログレッシブな音楽性で忠実なファンを生み出してきました。しかし、このバンドはそれ以上に、リスナーに平和のメッセージを伝えるという使命を持っています。"中東で最も人気のあるイスラエル人" とまで謳われる彼らは、ノーベル平和賞に推す声まで上がるほどのバンドなのです。 2013年夏から "All Is One" ツアーを行った彼らは、そこにパレスチナのヘヴィ・メタル・バンド、KHALAS を招き、共演し、ツアー・バスの狭い空間で友情を培いました。ツアーにはヨルダンの BILOCATE も参加。これによってライブの多様性は増し、その結果、ヘヴィ・メタルは、人々は少しの違いがあっても調和して協力できることを世界に示すことができたのです。 それまで、パレスチナ人と
「オーディオ版レイトレーシング」と「物理シミュレーションによる音響空間表現」｜Prismaton
「レイトレーシング」は 3D グラフィックスの重要な技術となっていて、レイトレーシングを使ったリアリティの高いグラフィックス表現を見る機会が増えてきました。 また同時に、「レイトレーシングをオーディオに応用する」といった言及もちょいちょい見かけるようになりました。 しかし、グラフィックスのシミュレーションにレイトレーシングが有効なのは光の特性をレイトレーシングで近似できているからであり、音の特性に関してはレイトレーシングだけで近似するのは困難です。これはもう少し広く知られていて欲しい事実なのですが、何故かあまりきちんと知られていません……。 そもそも悲しいことに、「物理シミュレーションによる音響空間表現(方角、残響、遮蔽などの表現)」を網羅的に真面目に考察した資料は恐ろしく少ないです。この現状では、レイトレーシングだけで音響空間表現が簡単に出来るというような誤解が生まれてしまうのも仕方ない
アドルフ・ヒトラーはそもそもなぜ「ユダヤ人」を憎んだのか？ | 諸説と歴史的な文脈をイスラエル紙がわかりやすく解説
アドルフ・ヒトラーがあれほどユダヤ人を憎悪し、虐殺したのには個人的な理由があったのではないかと、これまでさまざまな説が提示されてきた。だがヒトラーを歴史的な文脈で捉えると、異なる理由が見えてくる。イスラエル紙「ハアレツ」のユダヤ人記者が簡潔にまとめる。 アドルフ・ヒトラーがユダヤ人を憎んだ原因を問わずして、ホロコーストを考えることはできない。 彼の政治綱領である『わが闘争』ではその憎しみの説明に紙幅がかなり割かれており、その憎しみは熱狂的なドイツ国家によって明白に共有されたものだった。とはいえ、ヨーロッパのユダヤ人に対するその行為が、性質と規模の両面であまりに途方もないものだったために、研究者らがもっと個人的な原因を探そうとしたのも当然ではあった。 ヒトラーの行為を説明する何らかの深く個人的で心理的な傷があったという証しを探して、学者やその他の人々が入手できるあらゆる証拠を調べたのも無理は
巨大なタスクに圧倒されそうな時は“分割統治”で征服せよ ゴールまで走り続けるために有効な考え方
大きな問題も分割すればなんとかなる まつもとゆきひろ氏：次のことわざにいきましょうね。4番目は、これもことわざじゃないと言われちゃうんですが、「分割統治」という言葉です。英語だと「Divide and Conquer」。「分割して征服せよ」という感じです。大きな問題もね、分割すればなんとかなるというやつですね。 （スライドを示して）これは最近見た漫画です。巨大なタスクが存在して、圧倒されそうな気持ちになった時には、タスクを取り上げて細かく分解すると、細かく分解されたタスクは無視しやすいので、タスクは片づかなくても気分は楽になるという漫画なんですけども（笑）、実際、そういうところもあるんですよね。 非常に巨大なことをしろと言われると大変なんだけど、手に負える範囲に分割して1つ1つ話をしていくと問題を解決できるというのは、どこにおいても応用可能な原則だと思います。 クイックソートは一応現時点で
“空中浮遊”、“壺事件”…「ダマされたらアカンですよ！」オカルト嫌い・上岡龍太郎が戦った「時代の空気」 | 文春オンライン
元タレントの上岡龍太郎が5月19日に亡くなった。81歳だった。追悼記事や追悼番組が数多く企画される中で、流暢な話芸や舌鋒鋭い毒舌とともにクローズアップされたのが上岡の「オカルト嫌い」という一面だった。 上岡が自ら語っていた武勇伝的なエピソードとしては、占い師に「私は今からあなたを素手で殴るか灰皿で殴るか、どっちで殴ると思う？」と尋ねたところ、「あなたはそういうことをする人ではありません」と答えたので「そういうことをする人じゃ！」と殴ったというものがある（『いろもん』00年3月30日）。 また、占い師のスカートをめくって「今日ここへ来たらめくられるっちゅうのがわからんか？」と言ったところ「わかってました」と答えたので顔にペケを描いたというエピソードも語られている（『鶴瓶上岡パペポTV』94年6月10日）。ただし、このような話は芸人特有の誇張された話の可能性がある。上岡本人も引退前最後のテレビ
クミンとみそで約2分。リピ確定の夏メシ「ツナクミン冷や汁」の作り方【ヤスナリオのまかないレシピ】 - メシ通 | ホットペッパーグルメ
こんにちは、高円寺メタルめしのヤスナリオです。 冷や汁の基本の具材、焼き魚の代わりに魚の缶詰を使ったアレンジ冷や汁レシピシリーズ。 www.hotpepper.jp www.hotpepper.jp 今回ご紹介するのは、「ツナクミン冷や汁」です。 ツナとみそで作った冷や汁に旬のオクラとトマトもたっぷり加えて、仕上げのクミンパウダーと粗びき黒こしょうでスパイシーにいただきます。みそとクミンの風味が相性抜群で、一気に食べられちゃいますよ！ ヤスナリオの「ツナクミン冷や汁」 材料：1人分 ツナ缶（オイル漬け） 1缶（70g） みそ 大さじ1 水（冷やしておく） 150ml オクラ 3本 トマト 1/2個 クミンパウダー 適量（今回は5～6振り程度） 粗びき黒こしょう 適量 温かいご飯 適量 作り方 1. オクラはこすり合わせて水で洗い、耐熱の器にのせてラップをかけ、 電子レンジ600wで30秒加
ブルース・シュナイアー先生の新刊の邦訳『ハッキング思考』が出るぞ！ - YAMDAS現更新履歴
www.catapultsuplex.com 復活した（と言ってよいよね？）カタパルトスープレックスにおける、このブログでも何度か名前を挙げてきたブルース・シュナイアー『A Hacker's Mind』の書評である。 まだちゃんと読んでなかったのでありがたや。 ふと、気になって調べてみたら、10月にこれの邦訳が出るのに気づいた！ ハッキング思考 強者が歪める社会のルールを正す方法 作者:ブルース・シュナイアー日経BPAmazon まだ版元にもページができておらず（何度も書いているけど、そういうところが日本の出版社はダメよねぇ……）正確なところは分からないが、Amazon のページの記述を見る限り、これは『A Hacker's Mind』の邦訳だろう。 しかし……ということは、5年前に刊行された『Click Here to Kill Everybody』の邦訳は結局出ないままということになっ
新人の作ったWebアプリが穴だらけ!? ログイン画面に潜むセキュリティの”あるある”ワナ
ネット上で商売するのが当たり前な時代。自社でWebサイトやWebアプリを抱える企業も相当な数になっている。そこでインシデントが発生すれば信用、ブランド、収益……失うものは計り知れない。 本連載では情報セキュリティの専門家・徳丸浩さんが制作した脆弱性診断実習用のWebアプリ「BadTodo」を題材に、ストーリー形式でWebアプリ制作に潜む“ワナ”について学んでいく。 登場人物は全て架空の存在だが、ワナは全て現実にあり得るもの。せりふは徳丸さんの監修の下制作した。 特集：Webコンテンツの守り方 情報漏えい対策術 経営や企業イメージに大きな打撃を与える情報漏えい。近年ではWebサイトの改ざんやデータベースを狙った攻撃により情報を盗み出す事案が話題になっている。本特集では情報漏えいを引き起こすサイバー攻撃と、WAFによる対策について解説する。 カクーノ株式会社：Webアプリ開発を手掛ける企業。本
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIをもたらすコンテクストの考察
「サイトに何人来る？」「検索流入の一般的な割合は？」 ウェブの「標準値」を知ると改善点が見える | 【レポート】Web担当者Forumミーティング 2023 春
