motiontable© 2015 Kazuki Akamine. Musashino Art Univercity Graduation work
掛谷問題 ～線分を回せる面積最小の図形を求めて～ - Corollaryは必然に。
この記事は、日曜数学Advent Calender 2016の22日目の記事です。 21日目の記事はみずすまし（nosiika）さんの「正方形+正方形=正方形の話」です。 中学生のときに見つけたピタゴラス数(3,4,5)(5,12,13)(7,24,25)(9,40,41)…にあんな性質があったなんて…！ イントロダクション 今回、私が紹介するのは「掛谷（かけや）問題」についてです*1。 掛谷問題（1916）長さ1の線分を領域内で1回転させることのできる図形のうち、面積が最小の図形は何か？ この問題、知らない方はちょっと考えてみてください。 名前にあるとおり、日本の数学者、掛谷宗一（1886 - 1947）が1916年の11月にこの問題を考え（[2]より）、1917年に提出した問題です。そして、2016年12月にこの事実を知った私はこう思ったのです。 うおお！100周年だぁ！！ 書きたいな
5000兆円欲しい！.css
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
アニメ「正解するカド」に登場する球体折り紙 - みたにっき＠はてな
東映のアニメ「正解するカド」が話題となっているようです。 seikaisuru-kado.com 私もAmazon プライムで初回から見てきていて、そのストーリー展開の面白さから、毎回の放映を楽しみにしています。 フラクタル図形がメインに位置づけられていて、幾何学好きには嬉しい設定です。 これまでの話の展開として、無限の電力を生成できる謎の球体「ワム」が登場するのですが、つい先日に放映された第5話では、そのワムの製造を紙を折ることで実現するシーンが登場しました。 私は、以前から球体の折り紙を設計、制作してきていましたので、事前に制作サイドから連絡をいただき、「資料協力」という形で関わらせていただきました。 （と言っても、実際には何もしていません。。私がこれまでにインターネット上で公開してきた情報を参考にしていただいただけです。） 最初にお問い合わせをいただいたときには、「正解するカドってな
SweetModal: Examples
Replace alert(), confirm(), prompt() and many plugins with style and elegance.
『鉄血のオルフェンズ』は傑作になり損なった意欲作、と思いました - シロクマの屑籠
orangestar.hatenadiary.jp orangestar.hatenadiary.jp さすが。ぞくぞくする感想でした。 『機動戦士ガンダム 鉄血のオルフェンズ』を視聴した人の多くは、多かれ少なかれ、id:orangestarさんに近い感想も抱いたのではないかと思います。でも、ここまで言語化できる人はめったにいないんじゃないでしょうか。 「マクギリスは、秩序を知らないから、秩序と暴力の関係を読み損なった」とは、まったくそのとおりだと思います。なるほど、そういう風に言語化できるわけですか。 私は『鉄血のオルフェンズ』の感想をまとめようか迷っていましたが(今、いろいろ忙しい)、触発されて、自分の『鉄血のオルフェンズ』観を書き残したくなってしまいました。、時間が許す範囲で、orangestarさんへの私信として並べてみます。 素晴らしい骨格のストーリーと、肉付きが貧弱だった終盤の
共同体の再生産がないために文化が継承されない社会をどう生きるのか//鉄血のオルフェンズ（※ネタバレあり） - orangestarの雑記
前回の続き。というか書き足りないもの。 前回の記事：鉄血のオルフェンズやっと全部見た。 - orangestarの雑記 やっぱり、オルフェンズ面白かった。あれだけの人間の群像劇がきれいにまとまってるのも脚本の技術的にすごいし、新しいガンダム（というかガンダム以外のもの）を作ろうという気概を感じた。今までのガンダムものにある既存のガンダムのパロディやオマージュがなかった。（あったのかもしれないけれども気が付かなかった） あくまで視点は個々人の目線からのもので俯瞰をせず、それでいて、宇宙全体を含む世界がスライドしていく様子を描いているのはすごい技量だと思った。 いろいろと、個人的に興味深いところがたくさんあったので、それについていろいろとメモ。 広島ヤクザと県警の抗争、的な部分はあるけれども、まあ、それはみんな語ってると思う、というか、もうそのままなので、特に話すことがない。 長いので記事目次
なかなか気付かれにくいけれど、見つけたら「おおっ！」となるSVGアニメーションのテクニック
ヘッダに配置されたハンバーガーメニュー。 まぁ、ハンバーガーメニューでなくてもいいのですが、スクロールするとヘッダから流体のようにちゅるんと分離するアニメーションを紹介します。 実装しても気付かれにくいですが、見つけたら嬉しくなりますよね。
源ノ明朝
源ノ明朝は、アドビフォントとしては２番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている４つの言語（簡体中国語、繁体中国語、日本語、および韓国語）で必要な文字をサポートします。それぞれ、７つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
ウェブ制作者なら意識してほしいCSS設計の基礎知識 - ICS MEDIA
みなさんは、CSSを書くときに管理のしやすさを意識していますか？ CSSを書くときに命名や構造のルールをシンプルにすることで、他のCSS編集者が理解しやすくなります。 何も意識せずにCSSを書くと、 誰も読めない、理解できない 何に使っているかわからない謎のルールセットがあるが、必要かもしれないので消せない CSSを修正したら意図していないパーツも修正の影響が出てしまった スタイルが上書きされすぎていて、 !important せざるを得ない といった問題が起こりやすくなります。このような問題を解決するアプローチとして、CSSを設計するという考え方があります。ウェブサイトの規模が大きくなり複雑化していく現代では、CSS設計を意識することの重要性が高まってきています。今回は、CSS設計をしたことがなくても意識してほしいCSS設計の基礎になる考え方と、基本の手法についてご紹介します。 CSS設
amakan の React コンポーネント設計 - ✘╹◡╹✘
説明用の図 例として、amakan anime のトップページ https://anime.amakan.net/ の構造を挙げながら説明する。(ところで amakan anime は今月中に完成予定のサービスで実験的に公開している状態なので、まだまだ至らないところが多々あります…) 登場するコンポーネント一覧 React.Component クラスを継承したクラスをコンポーネントと呼ぶ。主に登場するコンポーネントは以下の通り。 Header Layout Router VideoPrograms Router コンポーネント 最上位のコンポーネントとして、Router コンポーネントが存在する。このコンポーネントを利用して、ページごとにどのコンポーネントを表示すべきかを分岐させる。amakan anime のトップページでは VideoPrograms コンポーネントを描画し、amaka
Jonathan New | "💩".length === 2
EDIT: Wow, much to my surprise this really blew up on Hacker News. There are some pretty interesting discussions happening. (Thanks Stan!) Yup, it’s true. In Javascript, "💩".length === 2. You can open up a Chrome debug console, or Node.JS REPL and see for yourself. But why?! And why does '⛳'.length only equal 1? It all comes down to codepoints and our friend, Unicode. If you’re a little rusty on
あなたにおすすめするWebSocketを用いた全く新しいOAuthのご紹介 - あざらし備忘録。
この記事は、 Advent Calendar 2016 - VOYAGE GROUP techlog の16日目のエントリです！ みなさんこんにちは！ VOYAGE MARKETINGにてエンジニアをしている なかにしごう (@gomachan46) | Twitter です。 2014年より社内非公式サークルとして 音ゲー部 を立ち上げ、お昼休みは会議室のプロジェクターで音ゲー鑑賞、定時後はゲームセンターで練習と、現在もなお元気に活動しています。 さて、今回はタイトルの通り WebSocketを用いた全く新しいOAuth をご紹介したいと思います。 ご存知の方も多いとは思いますが、さらっと簡単に用語の説明をしていこうと思います。 WebSocket WebSocket（ウェブソケット）は、コンピュータ・ネットワーク用の通信規格の1つである。インターネットの標準化団体であるW3CとIETF
ＤｅＮＡ三浦「ハマの番長」の哲学とは／独占手記 - 野球 : 日刊スポーツ
２０日、現役引退を表明したＤｅＮＡ三浦大輔投手（４２）が、日刊スポーツに手記を寄せた。横浜一筋２５年。培ってきた「ハマの番長」の哲学とは。 ＜独占手記＞ こんなところで涙を流しては、と思っていた。会見の最後「ファンへ」と聞かれた。どうして泣く？ 信じられなかった。 かわいいファンのおかげで、ハマの番長というニックネームが大好きになった。学生時代、番長と呼ばれる人は確かにいた。ビー・バップ・ハイスクールは好きだったし、リーゼントでもある。でも、当初は「えっ… ちょっと古いかな」と感じていた。ある時、小さな女の子が「番長～！ サインください！」って来てくれた。愛称で呼ばれ、みんなに覚えてもらえる選手は少ない。悪くないな、と思わせてくれた。 大差で負けていても、試合が終わるまでずっと応援してくれる方がいる。２軍にいてつらい時、１軍の試合をテレビで見ると、ファウルの打球を追ってスタンドが映る。する
開坑1200年、国の重要文化的景観である兵庫県生野銀山が面白い【前編】。 | ホームページ制作 大阪【インフォメーションメディアデザイン株式会社】
【Adobe XD】ホバーアニメーションの応用編～パララックス風の動きを再現してみよう～ 前回の記事では、Adobe XDの「ホバーステート機能」を使った画像のホバーアニメーションの作り方をご紹介しました。今回の記事では、･･･ View More
Passive Event Listeners によるスクロールの改善 | blog.jxck.io
Intro DOM のイベントリスナの仕様に Passive Event Listeners というオプションが追加された。 このオプションは、主にモバイルなどでのスクロールの詰まり(Scroll Junk) を解決するために導入されたものである。 今回は、この仕様が解決する問題と、本サイトへの適用を解説する。 Passive Event Listeners Spec Scroll Event の PreventDefault() 画面のスクロールに合わせたインタラクションを実装する場合、 Scroll Event にイベントリスナを登録する。 典型的な例では touchstart や touchend をフックし、その中で DOM の操作などを実施するなどがある。 場合によってはイベントリスナ内で preventDefault() を呼ぶことで、スクロールそのものを止めることもできる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AEで本気のタイポグラフィを！！フォント系After Effectsプラグイン「Font Manager」！！ | CG GEEKS
Decoracha by høly | A smart font with quirky looks.
react-burger-menu
ワールド・ヒストリカル・アトラス - HoneyComb