TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから

参議院議員・河井案里被告の第１５回公判が２日に行われ、証人として出廷した広島県議が、案里被告から現金を受け取ったと認めた上で、「二階幹事長から預かってきました」と、冗談交じりに笑いながら渡されたと証言しました。 ２日の河井案里被告の裁判には、岡崎哲夫広島県議が出廷し、去年３月初めに、案里被告から３０万円を受け取ったと証言しました。案里被告が現金を渡す際の当時の状況について、「『二階幹事長から預かってきました』と言って笑いながら渡されました。ジョークだと思いました」「私の県議選の当選祝いと、案里さんの参院選への支援が目的だと思いました」と証言しました。 また、去年５月にも案里被告から、再び、現金を渡されそうになったとも証言。「参院選の支援以外に理由がなく『こんなものいらない』と言って断ると、案里さんは現金を持ち帰った」と証言しました。

企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。 先日ローンチしたばかりで、アイコンの種類はなんと1,064種類！ SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソースです。 Emblemicons Emblemicons -GitHub Emblemiconsの特徴 Emblemiconsのダウンロード Emblemiconsの使い方 Emblemiconsの特徴 Emblemiconsは、デザイン・デベロッパー・プレゼン・学術プロジェクトなどで一般的かつ、頻繁に使用されるアイコンのオープンソースライブラリです。 MITライセンスで、個人および商用のプロジェクトで、アイコンは完全に自由に使用およびダウンロードできます。

初めてのソレドコ読者の方は初めまして。いつもTwitterでご覧いただいている方はこんにちは。サバ子（@sabasaba_mizuni）と申します。よろしくお願いいたします。 普段はTwitterにてサバ缶のレビューをさせていただいております。2020年5月からスタートして毎日レビューをしまして、8月で100回目を迎え、しばらく充電期間中です（この記事が掲載される頃にはレビューを再開していると思います）。 はじめまして。サバ水煮缶を好きになってもらえたらうれしいです pic.twitter.com/tsjROFBRPI — サバ子 (@sabasaba_mizuni) May 7, 2020 レビューを始めたきっかけはステイホーム期間に突入したこと。元々サバ水煮缶が好きで少しずつ買い集めていたところ、時間ができたのでレビューを始めました。 さて、今回の記事では、通販など一歩踏み込むだけでサ

ロンドン（ＣＮＮ） 英国の野生動物公園でこのほど、大型インコのヨウム５羽が来場者や職員に向かって悪態をつき、一般公開が中止になる出来事があった。 ５羽は数日前にイングランド東部のリンカンシャー野生動物公園に寄贈されたばかりだった。 同園の責任者スティーブ・ニコルズ氏は２９日、ＣＮＮの取材に対し、「ヨウムは激高して、全羽とも悪態をついていた」と説明。「子どもたちへの影響が少し心配になった」と語った。 ニコルズ氏自身、通り過ぎる時にＦワードを浴びせられたという。 ５羽はアフリカン・グレー・パロットという種で、別々の飼い主から同じ週に寄贈された。一般公開に先立ち一緒に隔離施設に入ったが、そこで職員はすぐに、５羽がかっとなりやすい性質であることに気付く。 「５羽はすぐさまお互いをののしり始めた」とニコルズ氏は振り返り、覚えやすいＦワード以外にも「考えられる全ての言葉」を口にしていたと語る。 一般公

7年8ヵ月という、憲政史上最長の通算・連続在任日数を記録した安倍晋三内閣が退陣した。世間の話題は、安倍内閣の路線を引き継ぐと公言し、成立した菅義偉内閣の働きぶりに移っている。 「史上最悪」だの、「アベノミクスで景気回復を達成した」だの、安倍内閣は毀誉褒貶の激しい政権ではあった。 しかし1億人を超える巨大国家における国民の生命と財産を守る仕事に専心された姿には、一国民としては、敬意と感謝と慰労の念しかない。 すでに安倍内閣に対する種々の論評は一段落した感もあるが、本稿では、改めて少子化対策という観点から、この政権の「レガシー」を評価してみたい。 少子化対策は効果がなかった 少子化が日本で社会問題化してから、今年でちょうど30年目となる。 1990年6月9日、旧厚生省が、前年の合計特殊出生率（=女性が一生に産む子ども数の推計平均値）が当時過去最低を下回る1.57であったことを公表したこの日から

つい先日までの猛暑が嘘のように涼しさを増した9月最後の日曜日の朝に、メディアが一斉に速報したのは、女優の竹内結子の自殺だった。報道によると、27日未明に渋谷区の自宅マンションのクローゼット内でぐったりしているところを夫が見つけ、119番通報した。首つり自殺を図ったと見られている。40歳だった。 その2週間前の9月14日には、女優の芦名星が新宿区の自宅マンションで自殺。36歳だった。視聴率を稼ぎ、20年近く放送の続くテレビドラマ『相棒』シリーズに準レギュラーで出演もしていた。 さらにその2カ月前。7月18日には、俳優の三浦春馬が30歳の若さで自ら命を絶っている。やはり今月20日に都内の自宅で自殺した俳優の藤木孝（享年80歳）と芦名と過去にドラマで共演していたことや、竹内と映画での共演もあったことから、そこに奇妙な因果関係を見出したがる報道もある。 さらに遡れば、フジテレビの番組『テラスハウス

運動会でソーシャルディスタンスを意識した長さ2メートルのバトンを使うリレーに臨む児童たち＝相模原市中央区の市立田名北小で2020年9月27日午前11時11分、滝川大貴撮影 新型コロナウイルスの影響で、学校の運動会も中止が春以降相次ぐなか、秋からは感染拡大防止と競技の多様性を両立させながら開催する動きが出てきている。 相模原市中央区の市立田名北小では27日、ウレタン製の棒にビニールを巻いた長さ2メートルの「ロングバトン」でソーシャルディスタンスを保って行うリレーや、か…

中国で少数民族のモンゴル族が多く住む内モンゴル自治区では、学校教育でモンゴル語の授業が減り、中国語の教育が強化されたことへの反発が強まっていますが、当局は抗議活動に参加した生徒の保護者らを相次いで拘束するなど、締めつけを強めています。 これに対してモンゴル族の人たちの間では、自分たちの言語が失われかねないという危機感が高まり、各地で抗議活動が行われ、現地の複数の住民によりますと、デモの参加者や授業をボイコットした生徒の保護者らが相次いで逮捕されているということです。 このうち元教師の女性はNHKの電話取材に対し、「多くの人が違法な抗議活動を行ったとして逮捕され、政治犯のような扱いを受けている。新しい方針に反対した教師も免職や減給処分にすると脅されている」と話していました。 アメリカに拠点を置く人権団体「南モンゴル人権情報センター」は、現地からの情報として、先月下旬以降、4000人以上のモン

9月24日の和歌山市議会での答弁で判明しました。 充当品目一覧は後日公開予定なので詳細はそれを見ての判断になりますが、当初予定していた内容に使われていなかったことはショックですね…。

政府は2021年度から、テレワークで東京の仕事を続けつつ地方に移住した人に最大100万円を交付する。地方でIT（情報技術）関連の事業を立ち上げた場合は最大300万円とする。新型コロナウイルスの感染拡大で高まった働き方の変化を踏まえ、地方の活性化につなげる。21年度予算の概算要求に地方創生推進交付金として1000億円を計上する。これまでも首都圏から移住して地方で起業する場合の支援制度があったが、

９月24日、警察署でナオキに接見した　９月24日、前日に性犯罪で逮捕された元ヒステリックブルーのナオキに接見した。逮捕翌日に接見に行ったので本人は驚いていたが、そんなことより今回の逮捕には私の方が驚いた。割としっかりした男なので、もう更生は大丈夫と思っていたからだ。それを話すと、彼は「自分自身ももう大丈夫と思っていたんですけどねえ」と言った。 彼は前の性犯罪で懲役12年の実刑を受け、服役中に性犯罪の治療プログラムを受講。更生することにそれなりの自信を持っていた。自分の更生の意志を社会に示そうと思って出所前に『創』2016年８月号に手記も発表した。そうした経緯については下記の記事をご覧いただきたい。 https://news.yahoo.co.jp/byline/shinodahiroyuki/20160706-00059689/ 元ヒステリックブルーのナオキが出所を前に獄中12年の心情と事

無免許で信号無視…19歳運転のバイク　パトカー追跡直後に事故で大けが「適正な職務執行」 鹿児島市で7日朝早く、バイクが道路わきのガードパイプに衝突し、19歳の男性が大けがをしました。男性は…

中国の習近平国家主席は23日夜、国連のグテーレス事務総長とテレビ会議形式で会談し、国連の果たす役割を評価したうえで「単独主義と覇権は必ず人心を失う」と述べ、アメリカのトランプ政権の自国第一主義の姿勢を暗に批判しました。 そのうえで、習主席は「常任理事国は模範にならないといけない」と述べたうえで「単独主義と覇権は必ず人心を失う」と述べ、ともに常任理事国であるアメリカのトランプ政権の自国第一主義の姿勢を暗に批判しました。 これに対して、グテーレス事務総長は中国の国連への支持に謝意を示したうえで、引き続き中国との協力を強めていきたいという考えを示したということです。 習主席としては国連総会で一般討論演説が始まり各国の注目が集まる中、国連を重視する姿勢を強調することでトランプ政権との違いを印象づけるねらいがあるとみられます。

CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。 ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。 Building Website Headers with CSS Flexbox by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ヘッダの構造を確認 Flexboxの動作 ヘッダの実装バリエーション Flexboxでヘッダを構築するための便利なテクニック Flexboxで実装したヘッダのテンプレート 終わりに はじめに 私が初めてHTMLとCSSの基礎を学んだとき、Webサイトのヘッダを実装することは非常に難しい作業の1つでした。2014年頃のこ

平井卓也デジタル改革担当相は22日、5月の国会審議中に自身のタブレットでワニの動画を見た問題について「不用意だった。申し訳ない」と謝罪した。 平井氏は5月13日の衆院内閣委員会で、検察庁法改正案をめぐって他議員が質疑している時に、タブレットで巨大なワニが歩いたり、大蛇にかみつかれたりする動画を約5分間見続けた。その後、目をつむった状態の姿勢を長く続け、途中…

正月恒例の「箱根駅伝」について、主催する関東学生陸上競技連盟は、来年の大会を無観客で開催することを明らかにしました。 それによりますと、新型コロナウイルスの感染予防のため、例年1月2日と3日に開催している「箱根駅伝」を含む連盟主催の大会は、すべて無観客で実施するとし、箱根駅伝を念頭に沿道での応援について自粛を呼びかけました。 大会では、 ▽出場校の応援団など集団による応援を行わないほか、 ▽周辺での小旗や大学新聞などの配布物は禁止するとしていて、 ▽開会式や閉会式、それに表彰式なども極力縮小するか行わない方針です。 関東学連は「これまで駅伝競走は沿道で応援していただく皆様に育てられてきました。これからも末永く愛される駅伝競走でありたいと思っておりますので、是非ともご理解ご協力をお願いします」とコメントしています。 「箱根駅伝」は来月、都内で予選会が行われますが、こちらも一般の観客が観戦でき

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

CSSを書いている時に、ふとFlexboxのプロパティがどんな挙動だったか確認したくなることはありませんか？ CSSをVisual Studio Codeで書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。 Flexboxの各プロパティや値がどのような挙動か、一目で分かります。 CSS Flexbox Cheatsheet -VS Code 1年ほど前にも紹介しましたが、先日v3にバージョンアップしました！ ほとんどのプロパティにインタラクティブなデモが追加され、各値がどのように機能するかより分かりやすくなっています。 Flexboxの挙動がアニメーションに CSS Flexboxのチートシートは、当ブログで翻訳したチートシートなどを参考にしているとのことで、Flexboxの各プロパティや値の挙動が簡単に分かります。 参考: CSS Flexbox の基礎知

オウンドメディアの運用では、目的設定と同時にそれが達成できたかを評価することが重要です。評価するための重要なツールの一つがアクセス解析です。ここでは、Google が無料で提供するアクセス解析ツールである、Google アナリティクス（Google Analytics、GA）を中心に、アクセス解析のやり方を説明します。 オウンドメディアの数字を計測する意味 オウンドメディアの運用は、ユーザーに価値のある情報を提供して、ユーザーの関心を高め、自社やブランドを認知してもらう、あるいは正しい知識の普及を行う施策です。施策を評価するためには、発信した情報が届けたい相手にどれくらい届いているのかをアクセス解析ツールを使って検証します。 さらに検証結果を元に次の施策を検討します。このままのやり方で進めるべきなのか、それとも切り口を変えていくべきなのか、必ずしもアクセス解析ツールだけでは決められない場合