Reactを使っているとcreate-react-appが必須なのですが、そのドキュメントページであるcreate-react-app.devにアクセス出来ない問題が起きており、困っていました。 そもそも.devドメイン全てにアクセス出来ない状態だったのですが、.devドメイン自体がほぼ無いためそのことにも気付いていませんでした。 今回ようやく解決出来たため、記事にしておきます。 問題冒頭に述べた通りcreate-react-app.devにアクセス出来ないという問題が起こっていました。 私の場合Macbook Proでのみアクセスできず、同じネットワーク内のWindowsではアクセス出来たため、一体なぜなのかさっぱり分かりませんでした。 .devはめったにないため、私からすると「なぜか一つのサイトだけ表示出来ない」という謎の現象になっていました。 解決までの経緯Mac以外でならアクセス出
まちぇり(@macheri_me)です。2年ぶりの投稿…！1歳8ヶ月になった娘はイヤイヤ期突入し、毎日白目向きながらデザイナーやってます。 そんな感じでプライベートも世の中も大変な時期ですが、最近の大きな出来事といえば転職活動・入社をすべてオンラインで行いました。2020年8月よりクックパッド株式会社のクックパッドマートチームにジョイン。 テレワーク中心(週１出社)ですがたくさんの仲間に囲まれ、ハイスピードで大きなデザイン施策をどんどん任せてもらえています！お仕事楽しい！ 今回、この記事で私がお伝えしたいことは Figmaはこのオンラインが基本となったコミュニケーションにおいて、最高のデザインツールです。 初挑戦のFigmaですが簡単で覚えやすい&他者との共同制作が何よりもやりやすく、デザインに関与するコミュニケーションがノーストレスです。本当に便利...。 【この記事ではFigmaのメリ
マネーフォワード Pay for Businessのフロントエンド / Money Forward Pay for Business Frontend
この記事では 新しい技術を 「完全に理解した」 状態まで、最短でたどり着く最速学習法を紹介します。 普通の学習方法 一般的な 「ちゃんとした学習方法」 は 参考書を1, 2冊買う サンプルを写経しながら全部こなす 公式ドキュメント読み込んで詳細把握する いざ実践 だと思うのですが、僕の場合②が終わった時には、 時間が掛かり過ぎて、大体忘れていて、もう飽きちゃってるか 終わらなくて②で挫折 するんですね...。 最速の学習方法 新しい技術の「実践」までいつもたどり着かないので、Flutterを始める時は、次の作戦を実行してみたところ、大当たりでした。 一番簡単そうな参考書を1冊買う サンプルは「見るだけ」、分からない所はヨーワカランと流しながら一気に読み終える いざ実践 分からない事はひたすらググる これが、僕史上学習効率最強、でした。 新しい技術は全体像が分からないと厳しいので、②で 「だ
Figmaではファイル上で使う色をStylesとして登録ができます。 標準のFigmaの機能だとこれをひとつずつ、サイドのDesignパネルからやっていくことになるので、色数が多い場合は少し大変です。 そこで、プラグインを活用しながらもう少し効率的にやりましょう。 手順 1. Styleをまとめて登録するプラグインをインストールする Chroma Colors Chroma Colorsは、選択したオブジェクトのfillの色をStyle登録するというシンプルなプラグインです。このときに登録されるStyleの名前はオブジェクトのレイヤー名が使われます。 2. 登録したい色をfillにしたオブジェクトを並べる 登録する色を整理するのを兼ねて、登録したい色のオブジェクトを並べます。 3. ひとつずつレイヤー名をリネームする これが少し煩わしい作業ですが、あとでリネームするより楽なのでがんばりまし
TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
