Hirooooo’s Labo

開発メモ、ガジェット、日記、趣味など、思った事を思ったまんま書くブログ

HTML5のinput入力エラー(バリデーション)の赤枠を消す方法

f:id:hirooooo-lab:20190205175310j:plain

HTML5から実装されたブラウザのバリデーション機能。

いろんなTypeを設定するだけで入力チェックをブラウザが行ってくれるので便利なんですが、エラー時の表示がイケてない。

特にFireFoxだとデカデカと、それはもうデカデカ赤枠が表示されるもんだから、デザインもクソもあったもんじゃないわけです。

そんなわけで、inputバリデーション機能を無効にする方法と、バリデーションは使うけど、エラー赤枠表示を消す方法を紹介します。

続きを読む

Macのデスクトップが反映されない時の簡単な直し方

f:id:hirooooo-lab:20190201134206j:plain

Macを使っていると、ふとした時に一時的なファイルを保存したり、インターネットから画像をダウンロードしたりするときに、デスクトップにファイルを置くときがあると思います。

そのときに、デスクトップにファイルが表示されなくなったりすることありませんか?

私は結構あります。

ときに、ブラウザからドラッグアンドドロップで画像をデスクトップにダウンロードしたりすると、なぜかダウンロードファイルが表示されない状態になったりします。

ファイルはちゃんとダウンロードされているのに、デスクトップに表示されない・・・。

こんなときに簡単にできる対処法をお知らせします。

続きを読む

【メモ】アニメ・テレビ・映画の視聴ログ 2019年版

2019年に見たアニメ・ドラマ・映画の情報をログしておきます。
映画館でもテレビでもネット配信でも、見たアニメ・ドラマ・映画は全て記録してみます。
このページは随時更新されていきます。

ざっくり評価基準 個人的な好き嫌いがすごく割合を占めるので、一般的に駄作でも好評化とかもあったりします

【★★★★★★】最高: 何度でも見たい
【★★★★★☆】良い: おもしろかった満足
【★★★★☆☆】中上: まぁまぁ楽しめたかな
【★★★☆☆☆】中下: お金までは払えないけど
【★★☆☆☆☆】微妙: 暇つぶしにはなるかな
【★☆☆☆☆☆】最悪: 見る時間もったいわ

記事にしたものはタイトルにリンクを付けていきます。

続きを読む

React × Redux 初心者入門(5日目:webpackでCSSを読み込ませて反映する)

f:id:hirooooo-lab:20160713002241j:plain

前回はMaterial-uiの実装を行い、デザインの変更を行いました。
今回もデザイン関連の設定になりますが、cssファイルを作成して、webpackで読み込んで反映させる方法を書きたいと思います。

複数のcssファイルが作成されたときのことを考慮して、bundle時に1つのcssにまとめて出力するようにしてみたいと思います。

続きを読む

React × Redux 初心者入門(4日目:Material-UI(v1)を実装する) ver.2018

f:id:hirooooo-lab:20160713002241j:plain

前回までで簡単なカウンターアプリがReact Reduxで出来上がっている状態なので、次はデザイン周りの実装をしていきたいと思います。
今回実装するのはMaterial-UIを追加してみたいと思います。

こちらは昔書いた記事のリライト版になりますので、記事の文言等々はご了承ください。

続きを読む

React × Redux 初心者入門(3日目:ESLintにAirbnbのJavaScriptスタイルガイドを導入する)

f:id:hirooooo-lab:20160713002241j:plain

今回も前回に引き続き開発環境のための設定説明です。  

ESLintを使用してJavascriptのコードスタイルガイドを導入している人は多いと思います。
その中でも、Airbnbのスタイルガイドが人気なので、できるだけ準拠するよう実装してみたいと思います。

続きを読む