タグ

ブックマーク / blog.webcreativepark.net (3)

  • プロジェクトによりnodenvとndenvを切り替える

    プロジェクトによりnodenvとndenvを切り替える 最近、プロジェクトにより「nodenv」を利用しているプロジェクトと「ndenv」を利用しているプロジェクトがあり使い分けがうまくいかないという問題がよく発生するようになりました。 最初に説明しておくと記事は「nodenv」と「ndenv」を切り替えるのではなく、.node-versionファイルに記述されているバージョンのnodeを起動する方法です。タイトル詐欺ですね。 何が問題なのか 前提として「nodenv」と「ndenv」では.node-versionに記載されるバージョンの表記が違います。 ndenvを利用して ndenv local v8.5.0 のコマンドで生成される.node-versionには「v8.5.0」とバージョン情報が記載されます。 nodenvを利用した場合 nodenv local 8.5.0 のコマン

    プロジェクトによりnodenvとndenvを切り替える
    golden_eggg
    golden_eggg 2019/01/15
    メッチャこれでハマってた。。。
  • iOSシミュレータでWebインスペクタが利用できる「iWebInspector」

    iOSシミュレータでWebインスペクタが利用できる「iWebInspector」 「iWebInspector」はiOSシミュレータのiPhoneiPadでWebインスペクタを利用できるようになる画期的なアプリです。Macでスマホサイトを作っている人には必須なツールですね。 iWebInspectorを立ち上げるとこんな画面が表示されます。見た目はアレですがすごく使えるやつです。 まずは左上の「Open iOS Simulator」をクリックしてiOSシミュレータを立ち上げます。次は立ち上げたiOSシミュレータにサイトを表示します。 次にiWebInspectorにもどって「Load from Safari」をクリック。するとiOSシミュレータに表示したサイトのタイトルが表示されます。 最後にタイトルをクリックするとWebインスペクタが立ち上がります。 これでiOSシミュレータでデバッグ

    iOSシミュレータでWebインスペクタが利用できる「iWebInspector」
  • スマートフォンサイトをデザインする上で知っておくべき10のTIPS

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS
  • 1