Vue.jsとNuxt.jsを使用して、スマホアプリで見かけるようなアニメーションを伴った滑らかなページ遷移をWebページに実装するチュートリアルを紹介します。 Native-Like Animations for Page Transitions on the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 最近見かけたページ遷移のアニメーション 使用する理由 前提となる知識 始めてみよう フックの設定 最近見かけたページ遷移のアニメーション フロントエンドのUIで、最近私が最も刺激を受けたのは、スマホアプリで見かけるような滑らかなページ遷移（トランジション）です。こういったインタラクションを実装するのは難しそうに見えますが、一度実装方法をマスターしてしまえば、さまざまなUIに使用することができます。 ここで紹介する方

２０２０年東京オリンピック・パラリンピックに向けて、大会組織委員会が公表したボランティアの募集要項案の宿泊費などが自己負担となっていることに批判があったことなどを受けて、ボランティアの在り方などを有識者が検討する初会合が開かれ「やりがいをわかりやすくＰＲしていく必要がある」といった意見が出されました。 組織委員会は、ことし３月、８万人を募集する大会ボランティアについて、１日の活動時間が８時間程度で交通手段や宿泊場所は各自が手配し、費用も自己負担とするなどの募集要項の案を公表しましたが、ネット上では「こんな条件ならやりたくない」といった批判の声などが上がっていました。 こうしたことを受けて、ボランティアの在り方などを有識者が検討する初会合が都内で開かれ、会議では「募集にあたってはボランティアのやりがいをわかりやすくＰＲしていくことが必要だ」といった意見が出されたということです。 組織委員会は

最近よく聞くようになったけど「平成」を全否定されているようで無性に腹が立つ。 昭和を少しでも生きていたらこの言葉が出るんだろうか。 あいにく平成生まれ平成育ちの若造なもんで昭和が「古き良き」なのかわからない。 過去を美化することしか出来なくなったと考えるべきなのだろうか。

追記: 翔泳社さんからDjangoの書籍を出版するのでぜひ読んでみてください。 実践Django Pythonによる本格Webアプリケーション開発 作者:芝田 将翔泳社Amazon この資料は DjangoCongress JP 2018で話した「Djangoにおける認証処理実装パターン」 の解説記事になります。 2019/04/08 追記: GithubのコードはPython3.7 Django2.2にupdateしています) 何年か前に Djangoのユーザー認証まとめ という記事を書きました。今でもコンスタントに100PV/dayくらいアクセスのある記事なのですが内容が古く、実装時にハマりやすい注意点にもあまり触れることができておらず、おすすめできる資料ではありません。今回はDjangoCongress JPにて発表の機会をいただけたのですが、この機会に認証処理についてまとめ直すと同

人気漫画を無断でインターネット上に公開していた海賊版サイト「漫画村」（４月に閉鎖）について、福岡県警などが著作権法違反容疑で捜査に着手した。捜査関係者が明らかにした。同県警などは大手出版社から告訴状を受理して捜査を始めたという。漫画村による被害は数千億円に上るとされ、政府も対策に乗り出すなど社会問題化していた。 捜査関係者や出版関係者によると、著作権を持つ漫画家から委任を受けた形で講談社など４社は昨年、漫画村に著作権を侵害されたとして、容疑者不詳で福岡県警や大分県警などに刑事告訴した。この中には人気漫画「進撃の巨人」（講談社）の作者、諫山創（いさやまはじめ）さんや「ＯＮＥ　ＰＩＥＣＥ」（集英社）の作者、尾田栄一郎さんらが含まれているという。

今日からはじめるDocker - コンテナー仮想化の必要性を理解して、まず開発環境に導入してみよう！ Dockerは、コンテナー仮想化ツールです。本稿では、サーバーサイドのアーキテクチャの歴史からDockerが生まれた流れや背景を説明し、PCの開発環境で実際にインストールしてDockerの動作を体験します。 エンジニアの方であれば、「コンテナー」や「Docker」といったキーワードを耳にしたことがあるかと思います。自分が関わっているシステムの開発や運用に活用できるかどうか検討している方もいるでしょう。 この記事の前半では、コンテナーやDockerとはそもそもどういったものかを概観していきます。後半では、PC（WindowsやMac）を使ってローカルでDockerを試していきます。 コンテナーとDockerを歴史から知る 仮想化前はすべて手作業だった サーバー仮想化技術の採用 パブリッククラ

シェルスクリプトのテストフレームワーク Bats を試してみた． github.com たまにコントリビュートをしている Amazon ECS (Elastic Container Service) のデプロイツール ecs-deploy のテストコードで Bats が使われているので，少し書いたことがあり，もっと詳しく調べてみようと思った． github.com Bats は現在もメンテナンスされている もともとの Bats は sstephenson/bats にあり，現在は bats-core/bats-core に移っている．以下の Issue などを読むと，コミュニティの動きがわかる． github.com github.com インストール Bats は様々なインストール方法がある．まず，用意されている install.sh を試してみた． $ git clone git@gi

普段お世話になっているwebツール達の紹介です。 以下のサイトはすべて 無料 & 登録不要 です。 正規表現 regexper 正規表現を可視化してくれます。 複雑な正規表現を書くときやコードリーディングのお供に重宝します。 Rubular Rubyの正規表現をテストできます。 JSON JSON FORMATTER & VALIDATOR JSON系のツールが集まったサイト。 それぞれ、サイト名とドメインが違うのでリンクはそのうちの１つになっています。 (画像クリックでそれぞれのツールに飛べます。) ひとつずつ紹介します。 JSONをフォーマットしてくれます。 出力結果は折りたたむことができるので、長いJSONを読むときにも便利です。 JSONを含めた様々なデータ形式を変換できます。 Inputの以下に対応。 CSV INI JSON XML YAML Outputは以下に対応。 JSO

一日働いて、多少なりとも疲れた体と頭で車を運転するの？ あぶなくない？ [追記] 私は山手線で片道10分弱の通勤を週に1回ぐらいしています [追記] あとこれも単純な疑問なんだけど、「今日は飲んで帰りたいなあ」って時はどうしてるの？ [追記] 今現在山手線で10分通勤はいいとして、これまでの人生で電車通学とかしたことないのかしら。おれは学生時代の浅草橋～上野簡のJR通学5年でもう電車通勤はしたくなくなったよ 学生時代は百万遍まで自転車通学でした Pokopon 田舎では、公共交通は中高生の通学か高齢者の通院用。生徒証か診療券がないと乗せて貰えんから、しようがないんだよ。追記：あんたも外国のパスポートがなくバスに乗せてもらえず、百万遍まで自転車で通っただろ。 パスポート？バスに乗せてもらえない？ちょっと分からないですね… 思ったことを率直に書くとマウンティングだ何だって叩かれるのしんどいな…

ディープラーニング実践入門 ～ Kerasライブラリで画像認識をはじめよう！ ディープラーニング（深層学習）に興味あるけど「なかなか時間がなくて」という方のために、コードを動かしながら、さくっと試して感触をつかんでもらえるように、解説します。 はじめまして。宮本優一と申します。 最近なにかと話題の多いディープラーニング（深層学習、deep learning）。エンジニアHubの読者の方でも、興味ある人は多いのではないでしょうか。 しかし、ディープラーニングについて周りのエンジニアに聞いてみると、 「なんか難しそう」 「なかなか時間がなくて、どこから始めれば良いかも分からない」 「一回試してみたんだけど、初心者向けチュートリアル（MNISTなど）を動かして挫折しちゃったんだよね」 という声が聞こえてきます。 そこで！ この記事では、そうした方を対象に、ディープラーニングをさくっと試して感触を

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 開設して３週間ほどで収益１０万円を個人開発サイトから得たので、そこでやったことを全部ここに公開する。 世の中には＊＊億ドルのバリュエーションを獲得したスゲー起業家の話か、個人開発サイトを立ち上げたものの収益なんてゼロに近い話かの両極端しか無いように感じる。 パッと立ち上げてだいたい１ヶ月でiPhoneXが買えるぐらいのサイト規模というのは、どんなレベルのエンジニアでも手が届く範囲内にあるのが実感だ。「人生賭けて起業！」とかそんな熱い話ではない。普段の仕事が終わったら、ちょこちょこコードかいて個人的にアプリを公開して収益を得る、ぐらいの話

「熟成に時間がかかる」というのは、リリースしてから機能するまでに時間がかかるということで、PUKUBOOKではクロウラーによる情報収集のこと。一度リリースしたら自動的に動くので他のことに着手できます。一般的に仕事でも「他人に任せる仕事は真っ先に振る」と言われているあれです。ほかには、Googleにインデックスしてもらうためのもので、PUKUBOOKでは「詳細ページ」。人に見てもらうよりも検索エンジンに見てもらうことを優先に、ラフに作って公開しちゃいます。 トップページすら「無いと成り立たないもの」には入れませんでした。検索の巨人Googleと同じで、検索ボックスさえあればいいと思っていたから。 ３．期限を決める やることを絞り込むと、いつまでにできそうかも見えてきます（逆に期限を決めると、過ぎそうな時にそれに収まるボリュームにせざるを得なくなる）。そこでプロトタイプに1か月、作りこみに2か

スポーツカーといえば、MT（マニュアルトランスミッション）車を想像する人が多いのではないでしょうか。しかし最新のスポーツカーではほとんどがAT（オートマチックトランスミッション）モデルとなっています。 ホンダ新型「NSX」とフェラーリのシフトボタンなど写真を見る 今でも根強い人気のある、漫画「頭文字D」や映画「ワイルド・スピード」シリーズでは、劇中に必ずといってよいほどマニュアルシフトのギアチェンジをするシーンが登場します。いかに、スムーズにギアチェンジをしながら加速していくか、急カーブを攻めるのかが見所でもあるからです。 そのイメージとは裏腹に、昨今のスポーツカーはAT車のみのモデルが増え、最近ではシフトレバーはおろか、レバーの代わりにボタン式やダイアル式に切り替わってきているモデルも多くなっています。 実際に、ホンダ新型「NSX」をはじめ、フェラーリなど多くのスポーツカーに「ボタン式」

川内商工高校（薩摩川内市）のバレーボール部の顧問の男性教諭から体罰を受け、元男子部員（１９）が鹿児島県に賠償請求を求めた訴訟が、今年３月に和解した。しかし、体罰をして処分を受けた顧問は昨春、元部員に知らされないうちに部活の指導に復帰していた。部の「成績」を求める保護者が強く要望したといい、「勝利至上主義」が体罰の再発につながらないか、和解後も不安が残っている。 同校のバレー部は、県大会で上位争い常連の強豪校。奄美市出身の元部員は、全国大会出場をめざして２０１４年に入学した。 和解条項によると、男性教諭は１５年４月に元部員のほおを平手打ちして口内出血などのけがを負わせた。同年１０月には運動中にけがを負った元部員に「痛い痛いと言ってあまちゃんが」と暴言を吐き、治療を受けさせなかった。 元部員は昨年１月に県を提訴。県庁で会見した元部員は、体罰が常態化し、食事がのどを通らずに体重が７キロ減ったこと

「罪を償ってから入籍したい」“ルフィグループ”熊井ひとみ（26）が産んだ子の父親・藤田海里（24）が法廷で明かした《フィリピン悪夢の3年半》「拳銃を突きつけられ、“脱退者”が耳を切り落とされる動画を…」《初公判》

「クラピア」という植物を最近はじめて耳にしたあなたは、こんなことをお調べではないでしょうか。 「クラピアってどんな植物なんだろう？」 「どんな風に役立つの？（どんなメリットがあるの？）」 「他のグランドカバープランツや芝生との違いは何かな？」 実は、クラピアは全国で300万㎡以上の導入実績（メーカー公表）がある近年人気の植物ですが、まだまだ知る人ぞ知る植物です。 私たちミドリスは、クラピアの家庭向け販売数日本一の販売店です。 【私たちのクラピアの経験・実績】 ・年間15万ポット以上の販売実績 ・累計10万平米以上の植栽工事経験 ・各種実験（肥料や被覆スピードなど） ・筆者の自宅での植栽・経過観察による経験 そこで、この記事ではたくさんの写真と共に、クラピアの用途、品種ごとの特徴、メリット、デメリット、他の植物との違いなどを網羅的にプロが解説していきます。 筆者も自宅と所有している太陽光発電

文化財の復元はいったい誰のためにするのでしょうか。原寸大レプリカはどれだけ「史実に忠実」を目指してもレプリカであって、本物にはなりません。「名古屋城：天守閣は「エレベーターなし」に 市が方針」『毎日新聞』 https://t.co/tSroKHkO1c

あるエンジニアが「Kibela」というサービスを考え、リリースするまでのフローを全部教える エンジニアがサービスのアイデアを思いつき、それをリリースするまでにはどのような過程があるのでしょうか。情報共有ツール「Kibela」が世に出るまでのフローを、起業した井原正博さんが詳細に振り返ります。 ヤフーやクックパッドでの開発を経て、ビットジャーニーで代表を務める井原正博（いはら・まさひろ／@ihara2525）です。プライベートで超長距離のランを楽しむかたわら、情報共有ツール「Kibela」の開発・運営を手がけています。 Kibela - 個人の発信を組織の力にする情報共有ツール 「Kibela」は僕自身が2015年に起業して立ち上げたサービスですが、この記事では、僕がサービスをいかに開発したか、その方法からリリースまでの過程を振り返りつつ、サービスの現在の状況までお伝えします。 「自分でもサ

まずは、ノンデザイナーズ・デザインブック 20周年、おめでとうございます！ 当ブログのビジターも多くの人が、お世話になっていると思います。 そんな20周年を記念して、日本人デザイナー陣が執筆した特別PDF「The Non-Designer's Design Book Missing Pages 2018（非売品）」のプレゼント企画が実施中です。 応募者全員がもらえる超太っ腹企画！ 【追記】2018年12月31日、プレゼント企画は終了しました。