勇気ある会見で判明した日大と内田前監督の4つの許せない“嘘”と矛盾点 | THE PAGE（ザ・ページ）
文部科学省は、もう日大への学校法人の認可を取り下げた方がいいのかもしれない。この日、日本記者クラブで開かれた悪質タックルを行った加害者である宮川泰介氏の勇気ある会見で、日大と日大アメリカンフットボール部が、これまでに少なくとも4つの許されない“嘘”をついていたことが明らかになった。 矛盾点、つまり、彼らがついてきた“嘘”を整理してみる。 一つ目は、これまで情報が錯綜していた「監督、コーチの反則指示」があったか、どうかという点。宮川氏は、この日の会見で、詳細な経緯と内田正人前監督と井上奨コーチから受けた具体的な言葉を明らかにした。 「アライン（守備ポジションと狙い）はどこでもいい」 「相手のQBがけがをして秋の試合に出られなかったらこっちの得だろう」 これらは疑いようのない反則の指示だ。にもかかわらず日大広報は「監督は反則を指示していない」と“発表”している。これが16日だ。また、この日の会
フロントエンド全然わからないマンが、ちょっとでも見た目のいいWebサービスを作ろうとしてやったこと - Qiita
はじめに サーバーサイドプログラミングを勉強していると、自分でWebサービスを作りたいという気持ちがわいてくるものです（私はそうでした）。しかし、ここで大きな問題が立ちはだかります。どんなにすごい機能をつけても、いい感じのデザインのWebサービスでないとそもそも使ってもらえないのです。 試しに、QiitaのトップページのCSSを無効にしてみました。使える機能は変わらないはずなのに、全く使う気が起きなくなりますね。 しかしそうは言っても、フロントエンドの経験がほとんどないとどうすれば見た目をいい感じにできるかがわかりません。今回は、ちょっとでも見た目のいいWebサービスを作るために、そんな状況の私がやってみたことをまとめました。 (この記事は、あくまで私が試行錯誤した結果をまとめたものであり、その結果出来上がったサービスの見た目の良さを保証するものではありません) 書いている人のプロフィール
【第２弾】デジタルネイチャー「計算機的多様性」の世界へ - クラウドファンディング READYFOR
コンピュータと、人・自然物が混ざり合った世界「デジタルネイチャー」到来に向けた挑戦 こんにちは、落合陽一です。僕自身は、アーティストだったり、研究者や起業家だったり、一児の父親でもありますが、メディアでは「現代の魔法使い」と呼ばれることもあります。僕が生涯をかけてやりたいことは、21世紀の人とコンピュータに関わる思想を工学として社会実装しながら作っていくことです。「思想」というと難しそうに聞こえますが、21世紀の時代を支えるような考え方とその技術、および人材の育成を目指しています。 （落合陽一 / 1987年生まれ．名前の由来は電気の+（プラス）と−（マイナス）） 前回のプロジェクトでは、たくさんの方々に支援をいただき、世界のトップレベルの成果を狙う優秀な「学部学生」の「研究教育」の為に、資金を充てることができました。皆様の期待に応えられるよう、学生は様々な場所で賞を受賞しました。本当にあ
想像を超えた「仕事論」の数々。倉持由香は間違いなく、売れるべくして売れた｜新R25 - シゴトも人生も、もっと楽しもう。
SNSを使って自らの可能性を広げる人にインタビューする連載『自分メディアのつくりかた』。 今回は、R25男子が大好きな（断言）「グラビアアイドル」に話を聞きました。グラドル界で自分をメディア化して活躍している人といえば、倉持由香さん。そう、あの「尻職人」です。 $尻職人がもうすぐ9時をお知らせします <a href="https://twitter.com/hashtag/%E5%B0%BB%E6%99%82%E8%A8%88?src=hash&ref_src=twsrc%5Etfw">#尻時計</a> <a href="https://t.co/vi2CgI30Hk">pic.twitter.com/vi2CgI30Hk</a> グラビアアイドル苦境といわれ、雑誌の表紙をグラドルが飾れない状況を「#グラドル自画撮り部」などのムーブメントで打開しようとしている彼女。 これってかなり
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
ブロックスキップを考える | Accessible & Usable
公開日 : 2018年3月2日 カテゴリー : アクセシビリティ ウェブアクセシビリティのガイドライン (W3C 勧告) である WCAG 2.0 に、「ブロックスキップ」という達成基準があります。 2.4.1 ブロックスキップ: 複数のウェブページ上で繰り返されているコンテンツのブロックをスキップするメカニズムが利用できる。 (レベル A) 出典 : WCAG 2.0 解説書「達成基準 2.4.1 を理解する」 グローバルナビゲーションなどサイト共通のブロック (塊) を任意で読み飛ばせるようにして、メインコンテンツにスムーズにアクセスできるようにしましょう、というものです。達成方法には大きく分けて、1) スキップリンクを設置する方法と、2) 見出し要素や WAI-ARIA ランドマークを適切にマークアップする方法、のふたつがあります (参考 : WCAG 2.0 解説書「達成基準 2.
2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
可及的速やかにReactが絶滅しますように。 以下はFront-End Developer Handbook 2018の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール 開発者向けドキュメント、APIリファレンス Dash 200以上のAPIリファレンス、100以上のチートシートを一括ダウンロードできる。有料、Mac用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。有料、Windows用。 Zeal Windows、Linux、MacOS用各種揃っている無料のオフラインドキュメント。 チートシート devhints.io JavaScript、CSS、Go、vim等のショートカット、書式などチートシート。字が薄くて見辛い。 SEOツール Key
プロのレコーディングエンジニアに有名バンドの音源は本当に”いい音”なのか聞いてもらった。 | BASEMENT-TIMES
良い音楽って何でしょう。物差しはいろいろあると思います。 その中でも最も普段注目されない部分、"音質"。今回はそこに迫ってみようと思います。 音質といってもハイレゾ音源だとかmp3だとかwavだとか、そういう話ではなく。今日はレコーディング及びその音をいかに上手く加工したか、つまりミックスと呼ばれる部分の話です。 バンドの音源というのは、バンドメンバーの自力のみで録られることはまずなくてですね、スタジオを抑え、レコーディングエンジニアと呼ばれる人に音を録ってもらい、それを各々加工し混ぜ合わせバランスを整えたものとなってます。インディーズバンドの音源で、だいたい5曲で40万円前後かけて録られるものなんです。 というわけで今回は「普段僕らが当たり前に聴いている有名バンドの音源は、レコーディングエンジニアの人から聴いて本当に良い音なのか」検証してきました。 当然の話なのですが、先に断っておくと、
ジェーン・スー悩み相談「収入目当てで結婚した夫が退職したいと言っている」
ジェーン・スーさんがTBSラジオ『生活は踊る』の悩み相談コーナーの中で、リスナーの「結婚相談所で安定した収入を重視して見つけた結婚相手が仕事を辞めたいと言っていて不安だ」という相談に対して回答をしていました。 （蓮見孝之）今日は通算1073軒目、31才自営業の方からの相談です。「スーさん、蓮見さん、初めまして。私は31才、自営業の女です。36才の会社員の夫と結婚して1年半になります。半年ほど前から夫が『仕事を辞めたい』と私に訴えています。彼の中でもう意志は固まっているようなのですが、私はどうしても夫に『仕事を辞めてもいいよ』と言えません。理由は経済的な面での不安です。私は、夫と結婚相談所を介して知り合いました。私が婚活する上で一番重視したのが、経済面でした。現在、私は子供の頃からやりたかった自営の仕事をしているのですが、収入はさほど多くはなく、同世代の女の子より少し低いです。 そして今後、
CSS Gridを使うならマスターしておきたいauto-fillとauto-fitの違い
CSS Gridって本当に便利だなぁと思う今日この頃ですが、そのなかでも特に注目しているのがrepeat()とminmax()です。この2つのCSS関数を使うとグリッドレイアウトの構築が楽になるだけでなく、CSS Gridだけでメディアクエリなしでもレスポンシブなレイアウトが実現できます。 今回はそのrepeat()で使えるauto-fillとauto-fitという値について。ちょっと違いが分かりづらいのでメモっておきたいと思います。 auto-fillとauto-fitの違い auto-fillとauto-fitの違いは実装例を見るのが一番わかりやすいので、まずはデモをご覧ください。repeat()とauto-fill、auto-fit、minmax()を使ったデモです。 デモはこちら デモページをブラウザで開いてウィンドウ幅を変えてみてください（CSS Gridがサポートされているブラ
jQuery無しでイージングアニメーションを伴う機能をつくろう！その4（スムーススクロール・後編） | フロントエンドBlog | ミツエーリンクス
2018年2月19日 jQuery無しでイージングアニメーションを伴う機能をつくろう！その4（スムーススクロール・後編） UI開発者 宇賀 jQueryを使わずにスムースなアニメーションを実装しようシリーズ第4弾です。 まずは前回のコードを振り返りましょう。 ※ この記事は、以前執筆したjQuery無しでイージングアニメーションを伴う機能をつくろう！その3（スムーススクロール・前編）の続きです。 前回のコード var smoothScroll = function (range) { var position = 0; // スクロールする位置 var progress = 0; // 現在の進捗 0 ～ 100 var easeOut = function (p) { // ease-out に当てはめた値を返す return p * (2 - p); }; var move = fun
ビルド設定編: UA に応じた最適な JS バンドルの配信と webpack との距離感（新規開発のメモ書きシリーズ2）
たくさんある道具をどのように組み合わせるか 今回はコード設計編のつもりでしたが、ビルド周りを先にまとめることにしました。主にパフォーマンス上の都合ですが、心がけたポイントは次の点です。 画一的なバンドルではなく、適切なバンドルを選択的に配信できるようにする 適当な粒度で Code Splitting できるようにする ひとつのツールに何でもかんでもやらせない（ webpack、お前のことだよ！） ビルドのパイプラインを短く、シンプルに済ませる（できることを全てやろうとしない） タスクランナーは前回述べた通り make を利用しています。同僚が使っているのを見てパクりましたが Self-Documented Makefile の手法が、タスク名忘れに優しくてよかったです。 npm run したら npm scripts が一覧で出てくるのと似たようなやつです。 このシリーズの他の記事はこちら
コード設計編: context による縦軸分類とレイヤードアーキテクチャ（新規開発のメモ書きシリーズ3）
流行りの monorepo 風味と DDD 風味？ 今回はコードの設計について書き残します。主に JavaScript 界の話です。Web アプリケーション全体の設計は次回で、今回はコード面の設計に限定して書き留めています。プロダクト全体のアーキテクチャは次の記事で述べる予定ですが大雑把には、メディアっぽいサービスでありつつも SPA + SSR が許容される程度には要件定義の時点でコードの行数がかさむことが約束されたプロダクトです。 今回は大きく分けて下記について述べています ディレクトリ構造 オブジェクトの種類と責務 Flux 的なデータフロー あくまで風味なので今回、専門用語の意味ズレなどは優しくお願いします... このシリーズの他の記事はこちら。 技術要素編: web アプリが新陳代謝を続けるための依存関係の厳選 ビルド設定編: UA に応じた最適な JS バンドルの配信と web
技術要素編: web アプリが新陳代謝を続けるための依存関係の厳選（新規開発のメモ書きシリーズ1）
新規開発したプロダクトについて ｢世の中に URL は出ているが、まだ正式公開していない｣という微妙な位置付けなのでプロダクト名と詳細は避けつつ述べます。短めの開発期間で急いでつくって、慌てて年末にβ版をリリースしたところです。 次の動きに向けてまったりしたり、Inside Frontend の開催に向けて四苦八苦しているところでメモ書きです。 このシリーズの他の記事はこちら。 ビルド設定編: UA に応じた最適な JS バンドルの配信と webpack との距離感 コード設計編: context による縦軸分類とレイヤードアーキテクチャ アーキテクチャ編: SSR と CDN ( Fastly ) とユーザー依存情報の分離 依存するパッケージの厳選 新しい技術、ライブラリを試すこと、それらを使って生産性の向上にチャレンジすることは必要です。とはいえ、程度が過ぎると逆に生産性を下げかねない
「お前らのフリーランスになるメリットは間違っている」というお話 - Qiita
どうも、かずきちです。 何やらエンジニア界隈ではいつの間にか有名人になっているようで。 ◾️Qiita記事 エンジニアで稼ぐために大切な２０のコト WEBサービスで起業したい人に読んで欲しい２０のコト ウェブカツ生を雇わない？転職できない？著作権無断使用の炎上から１年を経て思うところをぶっちゃける。 テックキャンプをウェブカツ!! 顧問が徹底レビューしてぶった切ってみた ■運営サービス一部 http://crazy-wp.com/ フリーランスエンジニアを育成するオンライン最大級のプログラミングスクール「ウェブカツ」 http://webukatu.com/ ■プログラミングスクール「ウェブカツ」の出版本 「小学生からでもプログラミングを楽しく学べる漫画作りたいなー」と思い立ち、外注してウェブカツで漫画本を作りました。KADOKAWAさんより出版しています。 はたらくプログラミング 完全版
第9回 社内マークアップ部
2018年2月9日 著 すっかり書きそびれているうちに、公式レポート記事が先に公開されてしまい、ますます書きにくくなってしまった感じだけれど一応。先月、1月17日に第9回となる社内マークアップ部に参加しました。今回のお題は業務を離れ、時期的に旬な「おみくじ」をマークアップするとしたら......というもの。一風変わったお題であるがゆえの新鮮さがありつつ、要素自体は多くないし、それほどブレないかなぁと思ったのですけど、蓋を開けてみれば結構チーム間に違いが出て面白かったです。 具体的にどう違ったか、は先述のレポート記事を見ていただければ分かるのですけど、ものすごく簡単にまとめると headerとかarticleといった要素を用いた構造化の有無 見出しの分け方（範囲、レベル） 運勢の詳細部分の扱い（ulかdlか） の3点に集約されるのかなと。画像について、どれをimg要素としてマークアップし、ど
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MTのファイルへのリンク機能を有効活用して作業時間を短縮。 | blog <戦意>
加速するフロントエンドとPWA
https://ift.tt/2F1MeJM
海外の演出家が「ダメ出し」をしない理由（井上芳雄） 第16回 - 日本経済新聞
