こんにちは、大学 1 年生になったばかりの E869120 です。 私は競技プログラミングが趣味で、AtCoder や日本情報オリンピックなどに出場しています。ちなみに、2021 年 4 月 7 日現在、AtCoder では赤（レッドコーダー）です。 本記事では、アルゴリズムの学習や競技プログラミングで使える数学的な部分を総整理し、それらについて解説したいと思います。前編・中編では数学的知識、後編（2021/4/26 公開予定）では数学的考察の側面から書いていきます。 【シリーズ】 アルゴリズム・AtCoder のための数学【前編：数学的知識編①】　←　本記事 アルゴリズム・AtCoder のための数学【中編：数学的知識編②】 アルゴリズム・AtCoder のための数学【後編：数学的考察編】 1. はじめに 21 世紀も中盤に入り、情報化社会（いわゆる「IT 化」）が急激に進行していく中、

ところどころドットインストールにブチ切れながらも4ヶ月かけてAndroidアプリ作って結果11ダウンロードされたクロニクル。JavaAndroid はじめに 先日、Androidアプリをリリースしました。 テクノロジーが進化したこの現代（イマ）、世の中には割引計算が出来ない大人で溢れています。そんな世界を、Androidアプリの力で良くしたい、その一心で、せっせこせっせこ作ったアプリがこちらになります。 片手で簡単　割引計算アプリ をダウンロードしよう どうか、どうか、アプリをダウンロードしていただき、このネジ曲がった世の中を一緒に良くしていこうぜください！（お願いしますm(_ _)m） この記事の狙い さて、AndroidアプリはJavaというプログラミング言語で書くのですが、今回わたくしは、そのJavaを全く触ったことのない状態から合間合間で勉強を始め、約4ヶ月でリリースまでこぎつける

CSSアニメーションCSSアニメーション サンプル集の続編です。 1日1個30分、CSS3でアニメーションパーツをひたすら作り続けるというもの。 前回の記事からサンプルが増えてきたので、第二弾としてまとめました。 Rainbow Ring LoadingローディングアイコンはCSSアニメーションの練習テーマとしてベスト。 mix-blend-mode と fliter を駆使して、虹のような表現ができる。 See the Pen OnlyCSS: Rainbow Ring by Yusuke Nakaya (@YusukeNakaya) on CodePen. mix-blend-mode は、フロントエンドエンジニアとデザイナーの摩擦を改善する、超画期的なプロパティ。 もう乗算でもスクリーンでもなんでも来い！ Night Rider Loading往年のナイトライダー風CSSローディング

はじめに CSSアニメーションに関して説明する機会があったため、それらに関してまとめました。 「CSSは書けるがCSSアニメーションがよくわからん!」といった人達向けに書いた記事であり、 CSSアニメーションに関するプロパティを理解できるようになることを目的としています。 デモはCodePen上に置いてあります。編集して変化を見てみると理解が深まると思います。 デモのJavaScriptはjQueryを読み込んでいないと動かないため、ローカル環境でデモを実行する場合はご注意ください。 CSSアニメーションとは 要素をアニメーションさせるCSSの機能。 CSS TransitionとCSS Animationの2つの機能がある。 CSS Transitionとは プロパティに変更があった時に、一定時間でプロパティを変化させる機能。 単純な動きのアニメーションを実装する時に利用する。 CSS

テキスト、ボーダー、背景、アクセント、エラーなど、カラーをCSSでどのように定義すると効率的に管理できるのか、保守が簡単になるのか、そのテクニックを紹介します。 Create your design system, part 3: Colors by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに カラーをCSSで効率的に管理するために セマンティックにするか、宣言型にするか 基本的なカラーパレットの作成 セマンティックカラーの追加 このアプローチを採用する理由 テーマに使用するカラー はじめに 元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとして利用できるので、一足先に公開します。 Web Components|CodyHouse カラーをCS

前回の記事「CSSで画像の好きな位置を円形にトリミングする方法」では画像の任意の位置で円形に切り抜いてTwitterやLineのアイコンみたいなモノを作ってみました。 こんなの。 ■CSS例 img { width:100px; height:100px; border-radius:50%; object-fit:cover; object-position:-10px; } 元画像がどんなサイズだろうと、5行書くだけで任意の位置を円形でくり抜けるんだから便利ですよねー。 せっかくなので（？）今回はこの写真の横に吹き出しを付けて、より一層それっぽくしてみたいと思います。 角丸な吹き出しの作り方 表示例 ソース <div style="background-color:rgb(113,147,193);padding:1em;"> <p style="border-radius:10px;

業種を問わずデジタル化をどう進めるかが企業の共通課題となっている今、注目を集めているのが「プログラミング学習」だ。 『週刊東洋経済』（1月14日発売号）では「今年こそ始めるプログラミング」を特集。その基礎知識を徹底解説している。 プログラミングは無数の文字列（コード）やルールによって成り立ち、入門者にとって学習の道のりは平坦ではない。「素人がプログラミングに挑んでみて見えた境地」（2020年1月16日配信）では、初心者がぶつかりやすい“挫折の壁”をいかに避けるかについて、オンラインスクールの活用法などを紹介したが、本稿では実践者の事例を基に、別の道筋を紹介したい。 「同じ思いを抱ける人と一緒にサービスを作ることが、プログラミング上達の近道」。そう語るのは、新宿歌舞伎町にある大手コンビニエンスストアチェーンのオーナー兼店長である今宮大介さん（40歳）。記者が通うスクール「ジーズアカデミー」の

寺島みずひと@浜松:維新 衆議院静岡8区支部長 @simakaze01 windows10ユーザーでコピー＆ペーストを多用される人へ windowsキー+Vを今すぐ押すのです．それだけでクリップボードに格納されている複数のコピーからペースト内容を選択して貼付できます． もうコピー＆ペーストの為にページを往復する必要はないのです．めちゃくちゃ便利なので今すぐ試すべき pic.twitter.com/CMTdkkyDvz 2020-01-11 17:38:48

俺はおっさんだが、臭いおっさんではない。いい匂いのおっさんだと女の子たちが言う。まぁまぁモテる。 臭いおっさんは絶滅して欲しいから、俺のHackを共有する。 洗濯機が腐っていると何をやっても無駄洗たく槽クリーナーを使う。酸素系漂白剤を使う。お湯で。ドラム式洗濯乾燥機は、服がドブの臭いになる機種があるらしい。排水トラップの水を吹き飛ばしてしまうから。洗濯機のクズ取りを掃除する。雑巾臭がする服はすべて捨てる 腐ってしまうと、リカバリは困難。買ったほうが簡単。ユニクロで新品を買う。 寝具、タオル、ハンカチを清潔に保つバスタオルは腐りやすいから捨てる。風呂上がりは、フェイスタオルを数枚使うことでバスタオルの代替になる。 体を拭いたタオルは洗濯機にシュートして、その日のうちに洗って干す。臭いと感じたハンカチは捨てる。シーツと枕カバーは週イチ交換。酸素系漂白剤で湯洗い。洗濯物の干し方が悪いと腐る 早く