【第26廻】SHAMAN KING THE SUPER STAR原作の感想をただのファンが書く - RabiRa情報発信部
参考漫画 ＳＨＡＭＡＮ ＫＩＮＧ ＴＨＥ ＳＵＰＥＲ ＳＴＡＲ（４） (少年マガジンエッジコミックス) 作者:武井宏之 講談社 Amazon アニメ該当話 あれば追記します。 初回 www.tokohya.work 前回 www.tokohya.work はじめの注意 第26廻「CONTINUED FROM FLOWERS」 登場人物（整理の為） はじめの注意 こちらは私個人の素人感想ブログです。 読み手様はいろんな意見をお持ちでしょうが、その気持ちを大切にしているように 私も自分の気持ちのままの感想を書きます。 合わない方はこのブログを見なかったことにしてください。 推敲せずとりあえず投稿しています。誤字脱字諸々は後日改めて更新するので広い心でご覧ください。 感想なのでネタバレも含まれますが「このブログを読んだからもう漫画読まなくても良いな！」となって欲しくないので主観のみを綴り、あらす
“テレワークが認められず” 派遣社員から相談相次ぐ 裁判にも | 新型コロナ 経済影響 | NHKニュース 学校の「体操服の下の肌着禁止」が一教師が個人的に始めた規則だった話…その意義を考える人も - Togetter ミーシア - 吉野マト | 少年ジャンプ＋ フェミの人たちもオタクのコンテンツなんか本当はどうでもいいでしょ なぜ日本では米食が中心となったか，なぜ欧州では肉食文化が発展したかという興味深い考察 - Togetter 鈴木敏夫プロデューサー、大塚康生が今朝逝去と明かす…TAAF2021授賞式で哀悼の意捧げる ｜最新の映画ニュースならMOVIE WALKER PRESS 東日本大震災の時における韓国の支援について - 電脳塵芥 書籍「ファミコン発売中止ゲーム図鑑」発売決定！ 150本以上の未発売タイトルを掲載 - GAME Watch 変異ウイルス、昼カラでクラスター ６０～
“感染者減らずに宣言解除 経済損失膨らむ” 学者グループ試算 | 新型コロナ 経済影響 | NHKニュース 資産家“紀州のドン・ファン”不審死で元妻を殺人容疑で逮捕 | 事件 | NHKニュース “撮り鉄”「逃げられない…出頭しようと」（日本テレビ系（NNN）） - Yahoo!ニュース 車を止めてはいけない駐車場を修理した話 “撮り鉄”トラブル 中学生に大けが 傷害容疑で19歳会社員逮捕 | 事件 | NHKニュース ＜独自＞「ハの字」型に傾斜、マンション２棟が接触 ８年放置で大阪市調査（産経新聞） - Yahoo!ニュース 女体化キャラ・競争社会のロマン・令和男性の生きづらさ - シロクマの屑籠 中国、浮世絵で処理水を皮肉る 報道官が北斎の模倣絵投稿 ｜ 共同通信 デマ情報を発信している書籍、Webサイト | 株式会社 アミューズ - AMUSE - ふかわりょうさんに賠償命令 イベン
世界一美味しいガムランキング10。 - ゲーム人生
そこらへんに販売しているガムでも、ソーダ味とシュワシュワさえあれば最強のガムだなと感じるし、梅の濃い味がするガムであれば世界一美味しいガムに違いないと感じるし、ブルーベリーの濃い味を堪能できればこれぞ俺が求めていた至高のガムだと思えるし、味がすぐにならないガムを食べるとこれほどコストパフォーマンスだと思えるし、オレンジのジューシーな味を楽しめれば、これほどオレンジの味を楽しめるガムに出会ったことがないという気持ちを持つことができるんだ。こういう経験をすると、毎日ガムを食べて、毎日ガムから元気を貰う日々を送ることができる。今回は世界一美味しいガムランキング１０選をテーマにしてきじを書いていきます。 ロッテブルーベリーガム。 ロッテ ブルーベリーガム 9枚×15個 メディア: 食品&飲料 ロッテブルーベリーガムは、１０分ほどで濃厚なブルーベリー味が消え去ってしまうというデメリットがあるが、10
コリス - Wikipedia
コリス株式会社（英語: Coris Co.,Ltd.）は、大阪府大阪市東淀川区に本社を置く主にチューインガム・ラムネ・キャンディを製造する日本の製菓会社である。1948年創業。「フエガム」などの製造元である。 概要[編集] 1948年の創業から、現在に至るまで駄菓子屋などで販売されている「フエガム」ほかラムネなどの製造元として知られる。1953年に現社名のコリスへ改称している。 社名のコリスは同じくチューインガム等の製造を手がけていたハリスと親会社・子会社の関係にあったことから命名されたもので、ハリスは1964年に鐘淵紡績（現クラシエホールディングス）に吸収合併されており、結果として子会社の名前のみが存続する形になっている。2010年4月にトップ製菓が発行済み株式67％を取得し子会社化している。 カネボウとは1990年代前半まで関連会社扱いされており、関係も多少はあった。 2016年10月
イラスト上達のためにフォローしたい、ツイッターアカウント6つ&リライトのお知らせ - つれづれ晴れ
こんにちは。 イラストの情報収集にツイッターも活用しているので フォローしておきたいアカウントを紹介します。 イラストサイトやブログ紹介と重なる部分もありますが、 ツイッターならではの情報もあるので情報収集に 役立ててみてください！ イラストレーター生存戦略 様 吉村拓也 様 いちあっぷ 様 pixivision 様 CLIP STUDIO 様 コリス 様 イラストレーター生存戦略 様 ブログサイトもよく閲覧しているので、 更新情報もチェックしたくフォローしています。 転職を成功させる無敵のポートフォリオの作り方 ①表紙や目次をつける ②写真集ではなく、ファンブックに！ ③デッサンは載せた方が良い？ ④余白部分のデザイン ⑤塗りスキルのアピール方法 ⑥効果的な作品掲載方法 ⑦オリキャラの魅せ方 など紹介▼ https://t.co/WluQ9fxuAi @ksd_illustさんから —
安倍前首相 菅氏後任候補に“茂木 加藤 下村 岸田”4氏挙げる | 菅内閣 | NHKニュース sogitani / baigie inc. on Twitter: "はてブはすっかり意地悪なコメントを吐き捨てるプラットフォームになってる感ある。TwitterのUGCがほぼ100%好意的なのにブコメの半分が貶し文句なことも珍しくない。ユーザーの問題なんだろうけど、同じソーシャル系サービスなのにネ… https://t.co/XBdJtmqQFe" 朝日新聞「五輪中止」社説で主張したけど「オフィシャルパートナーは続けます」（弁護士ドットコムニュース） - Yahoo!ニュース 新型コロナ: 立民・枝野氏「首相はワクチン頼み」 コロナ対策批判: 日本経済新聞 都立高入試、男女の合格ラインで最大243点差 8割で女子が高く | 毎日新聞 セリフが一切なくても元ネタと登場人物が全部わかってしまうマ
蒼い世界の中心で - Wikipedia
『蒼い世界の中心で』（あおいせかいのちゅうしんで）は、原作：アナスタシア・シェスタコワ、作画：クリムゾンによる日本の漫画作品。 概要[編集] 無料同人WEBマガジン『レッドロード』にて、2007年より連載開始。レッドロード・コミックスとして同人誌版が8巻まで発行されたが、その後は作者個人のサイトで公開されるようになる。また、大幅に加筆や修正を加えた「完全版」がマイクロマガジン・コミックスより刊行中。これまで下書きのような絵だったが、完全版では全ページでペン入れを行われている。ただし、回想シーンや一部のコマはそのままである。2012年3月にアニメ化が発表された。 徐々に長期間更新されないことが増え、2018年11月1月に第5部37話が掲載されてからは4年半以上更新されていない。公式サイト上でもリンク切れが多発している。 ストーリー[編集] 戦乱の絶えない大陸コンシュームでは、赤き瞳のニンテル
[SCSS/Mixin]テキストのline-heightでできてしまうの余白を先頭と最後の行だけ取り除く - Qiita
line-heightで先頭と最後も余白が入ってむかつく XDでこういった余白が設定されていたとします。 行間(line-height)は、デザインでは文字サイズが16pxに対して行間が48pxなので 行間48px÷文字16px=3と計算しline-height:3;を設定。 余白(margin-top)は50pxを設定。 それがこちら See the Pen line-heightの余白がムカつく by himeka223 (@himeka223) on CodePen. デザインにしっかり合わせたはずなのに、余白めっちゃ開いちゃってます。 むかつきますね。 これは、line-heightにより先頭と最後も余白が入っちゃっているからです。 最初のデザインがこんな感じでつくられちゃってます じゃあ、50pxからline-heightでできちゃった先頭と最後の余白分をひいてうまいことやれば、
![[SCSS/Mixin]テキストのline-heightでできてしまうの余白を先頭と最後の行だけ取り除く - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e8a951fbd259f498b61610ac4d5ec4a9017ff38/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCU0NTUyUyRk1peGluJTVEJUUzJTgzJTg2JUUzJTgyJUFEJUUzJTgyJUI5JUUzJTgzJTg4JUUzJTgxJUFFbGluZS1oZWlnaHQlRTMlODElQTclRTMlODElQTclRTMlODElOEQlRTMlODElQTYlRTMlODElOTclRTMlODElQkUlRTMlODElODYlRTMlODElQUUlRTQlQkQlOTklRTclOTklQkQlRTMlODIlOTIlRTUlODUlODglRTklQTAlQUQlRTMlODElQTglRTYlOUMlODAlRTUlQkUlOEMlRTMlODElQUUlRTglQTElOEMlRTMlODElQTAlRTMlODElOTElRTUlOEYlOTYlRTMlODIlOEElRTklOTklQTQlRTMlODElOEYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTQ2ZTExMzY2NTA1NzdkZDIzZDMwMjJmMjkzZmNmMzNi%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzdXBlci1tYW5hLWNoYW4mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFlNDlhODYxNzE0NTQ0ZjcxODg2MDI1NWZlMThlNzVl%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-U09SSUNI%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Ddeab204562c6cbcfb4dd2ae4c00042b3)
味わい深い余韻を残す印象的な書体。究極の流麗さを追求した、明朝風と行書風のハイブリッドフォルムフォントです。連綿にすることで、あでやかさは一層強調されますが、多用すると煩さの原因になります。「余韻」は距離の遠い部分、密集してしまう部分は、あえて繋がない選択肢を取りました。一文字ひともじ丹念に心を込めて曲線を描きあげています。その名のごとく心地よい余韻を残してくれる味わい深い書体です。 この書体は、当社タイプデザイナー金井和夫の普段使いの文字をベースとした、明朝・行書の複雑なフォルムイメージを持っています。「L（ライト）」、「R（レギュラー）」、「M（ミディアム）」、「DB（デミボールド）」、「B（ボールド）」の、合計5ウェイトで構成されています。 また、オールドなイメージを残しつつも、その概念にとらわれず大仮名に設計してあるので、近代的な組版にも対応するマルチな性格を備えています。 舞踊・
Chromeのシークレットモードを検知できる手法、研究者が指摘 (CNET) ホームページ作成サービスの「Wix.com」が日本法人を設立 (Web担当者Forum) 電子書籍：個人でも簡単！ 時間をかけない最低限のSEO、今すぐできる７つの基本 (アマゾン Kindle) グーグル検索のコアアップデートについてサイト管理者が知っておくべきこと (海外SEO情報ブログ) 円型での切り取りも可能な画像クロップライブラリ「Cropme」 (かちびと) Exthouse - Chrome機能拡張のパフォーマンスをチェック(MOONGIFT) Nullish CoalescingとOptional Chaining 'bl(g jxck io) node.jsでスクレイピングしてみる (バシャログ) クライアントによるマイクロマネジメントを回避するには？ (UX MILK) ウェブサイトやスマホア
ゲームエンジンはアートである - 8 年以上自作ゲームエンジンをメンテし続けている話｜Hajime Hoshi｜note 新規開発を止めないAngular→Reactリプレイスの進め方まとめ｜Yuito Sato｜note CSSで上下左右の中央に配置する時の「position: fixed;」での新しい記述方法 | コリス 八街児童死傷事故 「非線引き自治体」とは何か？ 虫食い開発で基盤整備に遅れ 通学路だけじゃない郊外特有の課題 【急上昇ニュースのウラ】 | 千葉日報オンライン 巧妙化する「排除アート」 誰にもやさしくない都市が牙をむく時 東京五輪「おもてなし」外国選手〝はとバスツアー〟計画 組織委・橋本会長も検討（サンケイスポーツ） - Yahoo!ニュース 東京五輪「おもてなし」外国選手〝はとバスツアー〟計画 組織委・橋本会長も検討 - サンスポ 第一三共 コロナワクチン 年内にも
Headless CMS について調べる用事があったのですが、関わりが深そうな JAMstack についても調べてみました。 JAMstack とは？ JAMstackはテクノロジーではなく、JAMstackはWebサイトやアプリを構築する新しい方法です。クライアントサイドに基づいた最新のWeb開発アーキテクチャで、Webサーバーには依存しません。 引用元： クライアントサイドに基づいたWeb開発アーキテクチャ「JAMstack」がなぜ人気になっているのか | コリス Netlify の創業者発の言葉で JavaScript / API / Markup の頭文字をとったものとのこと。 こういう名前のサービス名ではなく思想またはアーキテクチャのこと。 生成された静的HTMLのホスティングサービスとしては Netlify や Firebase を使うのが一般的のよう。 Headless CM
どうも、tableレイアウト全盛期の時代からweb制作を生業にしてきたヒツジです。 最近のCSSはすげー便利になってまして、イニシエから制作していた人間にはビックリするレベル。 今どきのCSSで個人的に知っておくと便利だと思うものや、驚いたものをまとめてみます。 レイアウトは『flexbox』が超便利！ webサイトのレイアウトといえば、今はもう『flexbox』が主流ですね。 floatやinline-blockを駆使して横並びしていた苦労はなんだったのか、というレベル。 使い方もめっちゃ簡単です。横並びさせたい要素の親に「display:flexbox」と指定するだけ。また、それまではJavaScirptでやっていた子要素の高さを揃えることも可能です。 「justify-content」で横の並びを指定でき、「align-items」で縦を揃えることができます。 See the Pen
五人囃子に女児３人が初採用 女性比率ほぼ５割に 東急東横線 運転見合わせ続く 線路近くの足場が崩れた影響で | NHKニュース Twitterの怖さをネットストーカーが教えるよ 株や投資をやってみようと思い知人に話したら「靴磨きの少年だ」と言われた「暴落のカウントダウン」 - Togetter 速報：「DJI FPV」発表、VRゴーグルで目視外操縦、140km/hで飛行 15万円〜 - Engadget 日本版 二番目の運命 - 幌山あき | 少年ジャンプ＋ Excelの数式をベースにしたプログラミング言語「Microsoft Power Fx」登場。オープンソースで公開予定。Microsoft Ignite 2021 Windows 10 さえあれば追加費用なくPower Automate Desktop を使ってタスクや業務の自動化が可能に - 吉田の備忘録 ［速報］マイクロソフト、無
まじか！VS Codeでできることがまた増えた、エディタで画像から背景を1クリックで切り抜けるようになったぞ | コリス アストラゼネカ社ワクチン 使用中止の会見中に担当者が倒れる（TBS系（JNN）） - Yahoo!ニュース 三大下の句 バイデン大統領 「国家緊急事態」 ロシア外交官10人を追放へ | 米 バイデン大統領 | NHKニュース 面接先で出されたお茶に口をつけたら｢へー飲むんだ？｣と難癖をつけられた就活生の鮮やかな切り返しに拍手喝采 - Togetter 【独自】事務局幹部「偽造に深く関与」認める 愛知県知事リコール不正署名 常滑市議を辞職 ：東京新聞 TOKYO Web 【独自】事務局幹部「偽造署名に関与」 リコール不正「事務局長が指示」 ：中日新聞Web 「ミスター こうやるんだ」 リコール事務局幹部の常滑市議証言：中日新聞Web ４分間の終わりに - 平浜矢陸 | 少
元祖タブレット - hm2192’s diary
「仁丹」を覚えておいでだろうか？ （今でもあるけどさ） 私が少年時代を過ごした昭和40年代から50年代頃は 「紳士の嗜み」 のような存在だった記憶がある 元々の「薬」という効能は忘れ去られ 今でいう「タブレット」のような存在だったかと あの匂いは好き嫌いが激しいかったと思いますが 私は好きでしたね 大人が持つ仁丹ケースもカッコよかった 今みたいな味気ないプラスチックではなく 銀ケースがオシャレだったのよね そこに登場した「梅仁丹」 これはもう完全に子供のおやつ化してたように思う 今も昔も「梅味」というのは日本人にとって 欠かせないフレーバーだったのでしょう 「子供の嗜み」としては 「ミンツ」がありましたよね 主に駄菓子屋に流通してたと思います チーリン・オリオン・コリス辺りが有名でしょう しかし、私の地元に限ってか駄菓子屋で梅ミンツが入手し辛い ネットでは買えるし 100均にもあるんだけど
Photoshop CC 2020のアップデートで「被写体を選択」が複雑な髪の毛の1本まで瞬殺で切り抜ける高精度に！「えぐい」「かなりの時短」
リンク helpx.adobe.com 新機能および機能の強化 | Photoshop の 2020 年 6 月リリース Photoshop の 2020 年 6 月リリースの新機能 1 user 49 リンク コリス 【速報】Photoshop 2020年6月のアップデートがすごい！髪の毛のような複雑な被写体を1クリックで選択できる 本日、Photoshop CC 2020がアップデートされ、機能が大幅に強化されました。 Adobe SenseiのAIにより、髪の毛のような複雑な被写体が1クリックで選択できるようになりました。 ま 15 users 549
【JavaScript】Swiper.jsを使ったスライダーデモ&カスタマイズ方法 - ABCウェブエンジニアblog
前回解説したJavaScript製のスライドショープラグイン「Swiper.js」について、カスタマイズ方法をもう少し詳しく見ていきたいと思います。 カスタマイズによっては上の画像のような昔のiTunesっぽいカーバフロースタイルにも出来ます。 導入については前回記事をご参照ください。 webabc.hatenablog.jp 公式デモを実際に試してみた Swiperには公式サイトで動きを確認できるサンプルデモが豊富に掲載されています。 公式デモページ Swiper Demos 公式デモの一覧を日本語訳すると以下のような感じ デフォルト ナビゲーション ページネーション ページネーション/動的弾丸 進行状況のページ付け 分数のページ付け カスタムページ付け スクロール・バー 垂直スライダー スライド間のスペース ビューごとに複数のスライド ビューごとの自動スライド/カルーセルモード 中央に
ハーバード大教授が「東京海上」のグローバル戦略を評価する理由
1970年兵庫県生まれ。1992年東京大学教養学部卒業後、NHK入局。ディレクターとして報道番組、音楽番組を制作。 2001年米コロンビア大学経営大学院修了（MBA）。ボストンコンサルティンググループ、外資系テレビ局などを経て、2012年、作家／コンサルタントとして独立。主な著者に『ハーバードでいちばん人気の国・日本』（PHP新書）、「スタンフォードでいちばん人気の授業」（幻冬舎）、『ハーバードはなぜ日本の「基本」を大事にするのか』（日経プレミアシリーズ）など。BIPROGY（旧・日本ユニシス）株式会社社外取締役。佐藤智恵オフィシャルサイトはこちら ハーバードの知性に学ぶ「日本論」 佐藤智恵 世界に数多くのスーパーエリートを輩出してきたハーバードビジネススクール。その授業では、「日本」が教材となることも少なくないという。この連載では、作家・コンサルタントとして活躍する佐藤智恵さんがハーバー
【独自】池袋暴走・飯塚被告控訴しない意向固める 禁錮５年確定へ（TBS系（JNN）） - Yahoo!ニュース サイバーエージェントとメルカリにみる組織強化システムの構造的分解│About Product by @kyosu_ke 【売買】秋葉原本店ビルを売却、肉の万世 | 日経不動産マーケット情報 Bluetooth®オーディオについて｜Nintendo Switch サポート情報｜Nintendo いじめ温床のタブレット端末、パスワードは「123456789」 町田の小６自殺：東京新聞 TOKYO Web mRNA技術で95%のマウスから「がん細胞を完全消滅」させることに成功！ - ナゾロジー ブックマークしておくと便利！Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools | コリス 九州の高校の「朝課外」に疑問の声 「実施要望が根強い」との指摘も
レスポンシブ対応に最適なフォントサイズの指定方法
実装方法HTMLHTMLは下記です。※フォントに関わる部分のみ載せています。 <h2 class="c-title c-title--h2">見出し</h2> <div class="c-news"> <div class="c-news__item"> <a class="c-news__link" href="#"> <article class="c-post"> <figure class="c-post__image"><img src="img/news_01.png" alt=""></figure> <div class="c-post__text"> <h3 class="c-title c-title--h3">ニュースタイトル</h3> <p class="c-text"> 本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文です。本文
近年ではAI技術の進歩によってさまざまな産業分野でAIの導入が進んでおり、その波は「スポーツ」にも押し寄せています。アメリカの大手経済紙であるウォール・ストリート・ジャーナルが、「AIがどのようにスポーツ分野へ導入・活用されているのか？」についてまとめています。 How AI Could Help Predict—and Avoid—Sports Injuries, Boost Performance - WSJ https://www.wsj.com/articles/how-ai-could-revolutionize-sports-trainers-tap-algorithms-to-boost-performance-prevent-injury-11654353916 アスリートにとって自身の体は大切な道具であり、パフォーマンスを上げるための練習やケガを防ぐケアはアスリートとして
2023年5月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 これはAI生成画像です。この記事からメルマガ登録 すると、このような画像素材をプレゼントします。 Webデザイン・UI 文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦 | Yahoo! JAPAN Tech Blog Yahoo! JAPANの調査によると、文字17pxと行間1.6 付近が読みやすいと感じる方が多いようです。 AdobeのジェネレーティブAI Photoshopの「ジェネレーティブ塗りつぶし」は、現時点ではPhotoshopベータ版のみの機能ですのでご注意ください。 写真の余計なものを削除したり、写真の周囲を描いたりといった用途にはとても向いているようです。 詳しくは記事
CSSで三角形を作る際、これまでは主に「border」プロパティを使って作成していましたが、モダンブラウザで活用できるようになった「clip-path」プロパティを使うと三角形や多角形などの図形がわりと簡単に作成することができます。 今後はCSSで三角形などの図形を作成する際に「border」ではなく「clip-path」プロパティを使う手法にした方が汎用性も高く活用していけるので自分用メモとして紹介してみます。 clip-pathで様々な三角形を作る 「clip-path」プロパティで三角形を作るには「polygon」の値を使用します。 div { clip-path: polygon(50% 0, 100% 100%, 0 100%); } 「clip-path」プロパティの「polygon」でクリッピング領域と座標を指定します。 三角形の場合は頂点が3つになるので、3つのクリッピング
css の scroll-behavior と scroll-margin-top について検証したのでメモ。 経緯 Bootstrap 5 で何気なく検証をしていたら、特に何をしたわけでもないのに同一ページ内のアンカーリンクにアニメーション付きでスクロールしたので気になりました。 自前の JavaScript では何も記述していないプレーンな状態だったので、 Bootstrap 5 の JavaScript かと思ったのですが、該当の CDN からの読み込みの scriptタグ を削除しても動作したので「すわ css 側か？」となり調べてみることにしました。 調査結果 結果、 scroll-behaviorプロパティ に依るものと分かりました。具体的には、 html { scroll-behavior: smooth; } この記述でページ全体にスクロールアニメーションが付与されていまし
GitHubの新しいリポジトリ一覧、Testcontainers紹介など：Productivity Weekly (2023-12-13号)
こんにちは。サイボウズ株式会社 生産性向上チームの平木場です。 僕たち生産性向上チームは毎週水曜日に Productivity Weekly という「1 週間の間に発見された開発者の生産性向上に関するネタを共有する会」を社内で開催しています。 本記事はその時のネタをまとめたものです。 2023-01-25 号から、基本的に隔週で連載することとしました。たまに単独でも投稿するかもしれません。 今週は 2023-12-13 単独号です。 今回が第 136 回目です。過去の記事はこちら。 news 📺 New Organization Repositories List Feature Preview - The GitHub Blog GitHub Organization において、新たなリポジトリ一覧を表示する機能がプレビューとしてリリースされました。 新たなリポジトリ一覧ページでは、フ
アンカーリンクのズレをscroll-snapを使って直せるか試してみた - arms inc. Engineers' Blog
こんにちは、中村です。 以前コリスさんの記事で紹介されていたscroll-snapのscroll-paddingを使った「ページ内リンクが固定ヘッダと重なって隠れる問題を解決するCSSのテクニック」が気になっていたので、今どうなっているのか確認してみました。 記事の時点ではまだChromeだけで、バグもあったようです。 2023/9/6追記：もっと簡単に解決できる方法は下記の記事をご覧ください。 tech.arms-soft.co.jp 解消したい現象について アンカーリンクで遷移した時に、遷移先の要素と表示を固定した要素の位置が重なる、というもの。 ヘッダを固定した時によく起こる現象です。 対策としてはjsでスクロール位置を調整するか、CSSのpadding-top、margin-topで遷移先の開始位置をヘッダーの高さ分調整するのが一般的な手法です。 紹介されている手法はCSSのscr
短歌スイング18 今日も正岡子規の短歌です。 - 素振り文武両道
本日は120本バットを振りました。 こんばんは。 いかがお過ごしでしょうか。 今日らフエラムネを食べながら 「美味しスイング」を行いました。 フエラムネは、ラムネです。 普通のラムネとは違い、息を吹くと 「ピーッ」と鳴ります。 ですので、上下の唇と歯の間で挟むようにセットします。 そしてバットを1回振るごとに、 「ピーッ」と鳴らします。 近所迷惑な素振りになります。 でも静かにフッと吹くと 「フィ」となります。 そうこうしている内に、10本スイングに到達し、10回目の「フィ」を鳴らして、食べるのでした。 5回繰り返したので5個と50本でした。 このお菓子は、非常に甘々で、真似するなら、それなりの覚悟が必要です。 しかし音が鳴るので、景気付けには良いかと思います。 次に短歌スイングです。 一昨日に続きまして、正岡子規の短歌2首を詠み、バットを振りました。 ウィキペディアより いちはつの
コリス株式会社が販売している人気の定番商品、フエラムネ。 古くから多くの人に親しまれている駄菓子の1つであり、 2023年で50周年を迎えました。 フエラムネといえば 口にあてて吹くとぴーぴーと笛のような音が鳴って とっても楽しく食べることができることが特徴です。 私も子供の頃によく音を鳴らして遊んでいた記憶があります♪ そしてフエラムネの楽しみといえばこれだけではありません。 もう1つ、お楽しみが残っていますね！ それは、おまけのおもちゃがついていることです。 おまけのおもちゃは人形、スタンプ、コマ、 動物などいろいろあり、全部で200種類を超えているだとか。 そして今回発売から50周年を記念して、 なんと、おまけのおもちゃに 歴代フエラムネのミニチュアおもちゃが登場しています！ これはなんとしても手に入れたいもの！ 今回は、 ・フエラムネ50周年おまけの見分け方はある？ ・フエラムネ5
『だがしかし』にハマったオタクによる「駄菓子」レビュー22連発！ うまい棒やポテトフライ、ブタメンにヨーグレットetc… - 同じ穴の貉 | たゆすとのゲーム・アニメブログ
どうも、駄菓子を愛し駄菓子に愛された男。そしてすべての駄菓子の生みの親、たゆすとです。後半は嘘です。 先日、僕が駄菓子を題材にした漫画『だがしかし』にハマっていて、駄菓子を大量買いしてしまったことをこの記事に書いた。 今回はその続編（？）として、大量買いした駄菓子のレビューをしたい。 改めて、今回購入した駄菓子がこちら。 ざっと1500円分の駄菓子を購入し、2～3日で全てを食べ尽くした。 TVアニメ『だがしかし』のレビュー記事でも書いたように、あらゆる駄菓子を味わい”駄菓子イーター”と呼ばれていた小学生の頃を思い出す．．． 【TVアニメ『だがしかし』のレビュー記事】 目次を表示 駄菓子レビュー22連発！！！ 駄菓子レビュー①：ポテトフライ（フライドチキン味） 駄菓子レビュー②：ヨーグル（サイダー味） 駄菓子レビュー③：きなこ棒 駄菓子レビュー④：ココアシガレット 駄菓子レビュー⑤：都こんぶ
REN FONT＝オリジナルフォントのダウンロードサイト
2024.1.16 │ 年末年始 としまたぎキャンペーン終了のお知らせ 昨年末より開催しておりました、2023→2024 CAMPAIGN（年末年始 としまたぎキャンペーン）は、好評のうちに1月15日終了しました。たくさんのかたにご来店、ご購入をいただきました。本当にありがとうございました。次回の機会をお楽しみに！ 2024.1.1 │ 新年のごあいさつ あけましておめでとうございます。ことしも、直営ストア STORES 店、BOOTH 店、委託サイト design pocket をよろしくお願いいたします。年末年始 としまたぎキャンペーンを上記で開催中です。詳細は各売り場で！ 2023.12.16 │ 年末年始 としまたぎキャンペーンのお知らせ 本日より、2023→2024 CAMPAIGN（年末年始 としまたぎキャンペーン）と銘打ち、STORES、BOOTHの各ショップでセールを開催し
ご挨拶 皆さん、こんにちは。 今回ですが、今まで、Vue.jsばっかり使って開発してきましたが、そろそろReactも本腰を上げてキャッチアップを進めようと思い、 「どうせならBlogにしておいたほうが振り返りしやすいかな？」 ということで、Reactのキャッチアップの概要を簡単にまとめていきたいと思います。 隣のフレームワークは青い そもそもなんでキャッチアップしたのん？ (2021/02/03 15:58追記) この質問に関しては、近日中にこちらのブログでご紹介しようと思います!! tech-blog.abeja.asia 乞うご期待！！！ キャッチアップ内容 「ご挨拶」で意気込んでみましたが、『VueエンジニアがReactのキャッチアップをする』的な記事は星の数ほどあるので、今回の記事では『「私が」どのようにキャッチアップしたのか』にフォーカスを当ててご紹介します。 1. Tutori
Announcing Perl 7 京アニ新作映画、9・18公開へ 待望の『ヴァイオレット・エヴァーガーデン』2度の延期経て | ORICON NEWS 魚卵は鳥に食べられても生きたまま糞から出てくると判明！ 魚は糞によって別の湖に移動していた | ナゾロジー 「河野さん、分かってるよね?」撤回直訴に驚いた首相：朝日新聞デジタル 「東京ミネルヴァ法律事務所」破産 過払い金返還請求CM展開 | NHKニュース 日テレNEWS / 日本テレビのニュース・速報 on Twitter: "【政府が文言削除求める】 政府の #新型コロナウイルス 対策の「#専門家会議」のメンバーが会見し、政府との意見の相違に苦慮してきた状況を振り返りました。 https://t.co/MMeL9sfIZJ" 給付金、博報堂は落札できず 電通が下請けに圧力の事業 [経産省の民間委託]：朝日新聞デジタル 金融系サービスで
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。5月6日（月）～5月12日（日）〔2024年5月第2週〕のトップ30です*1。 順位 タイトル 1位 仕事の進め方がグダグダの会社はどうすればいいのか、「プロジェクトマネジメントの基本が全部わかる本」の著者に聞いてみた | Agend(アジェンド) 2位 なぜ、最悪の業績なのに年商の20％にもあたる1億円の売上を手放してまで楽天市場から退店するのか｜鷲尾 岳 / ワシオ株式会社 3代目社長 3位 日本のイチゴが大ヒット、アメリカで脚光の200億円調達ベンチャー。｢世界で一人勝ち｣の理由 | Business Insider Japan 4位 【特集】電源の仕組みはこうだ！理解できれば良し悪しも分かる。これで目指せ電源マイスター - PC Watch 5位 横浜に来たら麻婆豆腐を食べろ 6位 「指に
映画「ザ・ターゲット」をテレビで観たので、レビューします！ 【ザ・ターゲット - Wikipedia】 ザ・ターゲット Shadow Conspiracy 監督 ジョージ・P・コスマトス 脚本 アディ・ハサック（英語版） リック・ギブス ジョン・ポーグ 製作 テリー・コリス 製作総指揮 アンドリュー・G・ヴァイナ バズ・フェイシャンズ（英語版） 出演者 チャーリー・シーン ドナルド・サザーランド リンダ・ハミルトン 音楽 ブルース・ブロートン 撮影 バズ・フェイトシャンズ4世 編集 ロバート・A・フェレッティ 製作会社 シナージ・ピクチャーズ ハリウッド・ピクチャーズ 配給 シナージ・ピクチャーズ ブエナ・ビスタ・ピクチャーズ 東宝東和 公開 1997年1月31日 1997年8月30日 上映時間 103分 製作国 アメリカ合衆国 言語 英語 製作費 $45,000,000 (概算)[1]
個人開発・ポートフォリオ作成をする方に贈る いくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。 でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか？ A. あります。 ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。 個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。 また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです（課金プランはある）。 書かないこと 細かい使い方 大体有名なので、使い方はggれば出てきます。 ライセンスなどの情報 特に素材系は規約などを確認の上で使ってください。 あくまでも、こ
はじめに コンパイラーを選ぶ PostCSS ファイルを postcss-cli でコンパイルする はじめに ASP.NET Core + TypeScript ってみる 1 ASP.NET Core + TypeScript ってみる 2 ASP.NET Core + TypeScript ってみる 3 相変わらず HTML や TypeScript と戯れているわけなんですが、動きだけでなく見た目の部分も重要です。 で、まず全体の配置を指定したいと思ったのですが、これには CSS Grid を使うのが良さそうな気がしました。 CSS グリッドレイアウト - CSS: カスケーディングスタイルシート - MDN CSS Grid Layout で、調べてみると IE11 でも使うことができるらしい、と。 IEでも大丈夫！CSS Gridを使用する時の注意点と実装方法 - コリス CSS
1: 47の素敵な 2022/05/27(金) 12:41:32.52 水島美結(18歳) 動画 https://www.tiktok.com/@akb48_official_tiktok/video/7097793368201219330 26: 47の素敵な 2022/05/27(金) 14:06:33.14 >>1 このサムネ好き AKB48・17期生11人お披露目 https://youtu.be/KuvoHfaL9Fs 4: 47の素敵な 2022/05/27(金) 12:45:05.97 大島要素が１ミリもないんだが 8: 47の素敵な 2022/05/27(金) 12:53:20.17 オカロじゃん 9: 47の素敵な 2022/05/27(金) 12:53:21.84 水島cの方がコリス感がある 10: 47の素敵な 2022/05/27(金) 12:57:31.59 17
メディアクエリの設定でブレイクポイントの単位を「px」で指定することが多いと思いますが、「px」で指定するとSafariで思わぬ不具合に遭遇します。 これは2016年頃に広がったネタですが、いまだにSafariでは同様の結果になります。 結論から言うと、ベストプラクティスは「em」単位で指定することです。 「em」単位の求め方はこの場合、指定したいpx数を16で割るだけです。 safariでの問題点 参考サンプル このサンプルではブレイクポイントを600pxに指定しています。 これを600px/16pxで 37.5em と 37.5rem にした場合の検証用です。 赤がpx指定したもの、緑がem指定したもの、青がrem指定したものになります。 600px以上でopacityがかかって色が薄くなります。 HTMLコード <div class="pixel"></div> <div class
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2021/03/16(火)の出来事 - My Bookmark
2021/04/28(水)の出来事 - My Bookmark
2021/05/26(水)の出来事 - My Bookmark
余韻かな-R-Free - REN FONT - BOOTH
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年8月19日) :: dotHTML5
2021/07/12(月)の出来事 - My Bookmark
JAMstack と Headless CMS - Chuck the Casual Web Surfer
知っておくと便利な最近のCSSテクニックをまとめてみた｜くろひつじのメモ帳
2021/03/03(水)の出来事 - My Bookmark
2021/04/16(金)の出来事 - My Bookmark
2021/09/15(水)の出来事 - My Bookmark
AIはアスリートの「ケガ防止」や「パフォーマンス向上」にどうやって役立てられているのか？
CSSで三角形などの図形をclip-pathで作る方法｜BLACKFLAG
(css) scroll-behavior と scroll-margin-top についてメモ
フエラムネ50周年おまけの見分け方は？当たりの確率や値段や内容｜えんむすび速報
Vueしか触ってこなかったエンジニアがReactを触ってみた - Hajimeの妄言とTechの部屋
2020/06/25(木)の出来事 - My Bookmark
はてなブックマーク開発ブログ
ザ・ターゲット：行こう キャンディを奢ってあげる【映画名言名セリフ】 - 上映中映画おすすめ必見TOP5
【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita
PostCSS 、 Autoprefixer の力を借りたかった話 - vaguely
【衝撃】AKB48大島優子の生まれ変わり美少女がこちら！！【17期研究生水島美結】
ブレイクポイントは「em」で指定〜スマホサイト作成 | IT工房｜AI入門とWeb開発