コーディングメモ– category –
-
コーダー技術MEMO
monaca×Vue.jsをローカルでトランスパイルする際、最初にインストールするもの(notエンジニア向け)
コーダーのオッコです。 弊社ではアプリ開発にmonacaとVue.jsを使用しています。 今回は、Vue.jsのプロジェクトを初めてトランスパイル(ビルド)する際に行う手順を紹介します。 やることは、node.jsのライブラリcross-envとwebpackを読み込むだけ。エン... -
コーダー技術MEMO
npmでNode.jsのmoduleをインストールできなかったときに見たエラー文たち
デザイナかとおもいきやVue.jsのビルドに手を出しているオッコです。 目的:monacaで作成したvue.jsのプロジェクトのビルドを成功させる 詰まったところ:トランスパイルができなかった。Node.jsがそもそもなかったり、webpackがなかったり、cross-envがな... -
コーダー技術MEMO
リンクが効かない原因
<a>タグでリンク設定しているのに、リンク先に飛ばないことありませんか? 今回のケースは、SP版のヘッダーで起こりました。 ハンバーガーメニューが下に下が理、下に記述したコンテンツによって隠れてしまったので、z-indexを使って重なりが最も上にな... -
コーダー技術MEMO
疑似要素のcontentにhtml特殊文字コードを使う【::before, ::after】
コーダーのオッコです。 beforeやafterのcontentに、四角や矢印などの記号を文字コードで入れる方法です。 文字コードを16進数に直す。 &# → ¥0 に直す。 xと;は省略する。 ■ → \025A0 hoge::before { content: "\025A0"; } 参考:htt... -
コーダー技術MEMO
外部ライブラリはCDNで読み込むべきか、ダウンロード版を使うべきか
最近急に寒くなってきてお風呂に入るのが億劫な、コーダーのオッコです。 外部ライブラリの使用時、いつもCDNにするかダウンロード版にするか迷います。 そこで、それぞれのメリットを書き出してみました。 CDNのメリット: CDN側で勝手にバージョンアップ... -
コーダー技術MEMO
jQuery:アコーディオンメニューを設置する
アピ子です。 コーダーのオッコ先輩より、ご指導いただいたメモになります。 【課題】 1段目のアコーディオンを開いた時、2段目のアコーディオンに設置したリンクが作動してしまう。 【解決】 クローズした時、ulを隠す オープンした時、ulを表示 ■jQuer... -
エンジニア技術MEMO
monaca Android リリースビルド失敗について
monacaにて、Android用リリースビルド時に上記のエラーが出たときは、 SDKのバージョンが低い為に起こります。 monaca のアプリの設定->AndroidのターゲットSDKバージョンを「31」と入力してください。 -
コーダー技術MEMO
クリックで開閉するヘッダのプルダウンコード(任意の場所をクリックして閉じられる処理あり)
コーダーのオッコです。 ヘッダのプルダウンの挙動ってタグ構造に左右されたりして地味に時間を取られるので、自分なりの書き方をまとめておきます。 ヘッダの右上にプルダウンのボタンがある前提の命名になっています。 HTML <div class="header_right... -
コーダー技術MEMO
Git SouceTreeの使い方について
Gitの考え方について gitの考え方について、こちらの動画がとても分かりやすかったので、少し長いですが見てみてください。(使用ツールはSoucetreeではなくGitHubですが、似たような使い方だと思います。) Soucetree準備 開発環境(Git)からローカル環... -
コーダー技術MEMO
iOSでリンク付きの画像をタップしたときにデフォルトで青くなってしまうのを解消
こんにちは、コーダーのオッコです。 直しちゃったので参考になる画像がないのですが、スマホ実機でリンクがついた画像をタップすると、タップした領域がデフォルトで青くなる現象に遭遇したので修正方法をメモがてら残します。 結論 こうする。 -webkit-t...



