コーダー技術MEMO– category –
-
YouTubeのiframeのサイズ調整CSS
/* YouTube */ /*親*/ .youtube { position: relative; padding-bottom: 50%; height: 150px; overflow: hidden; margin-bottom: 20px; margin: 0 7px; border-radius: 10px; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; heig... -
LINE内で使うアプリ開発のために、LIFFを試す（スターターキットを立ち上げてみる）
コーダーのオッコです。 新規プロジェクトとして、LIFFを使った開発が始まりました。 今回LIFFを初めて利用するので、メモがてらまずはスターターキットの立ち上げ方法を記載しておこうと思います。 gitを取ってきてローカルの環境構築をする まずは公式ド... -
git管理下でsourcetreeとmonacaを併用してハイブリッドアプリの開発をする【Vue.js】～環境構築とクラウド反映確認～
こんにちは、コーダーのオッコです。 今回は、notエンジニア向けに、vue.jsを使ったアプリ開発においての環境構築手順を紹介します。 かなり苦戦しまして、私の場合はこの順番でないとローカルで行った修正がビルド後の実機で反映されない等、トラブルが頻... -
SEO検索に必要な「hタグ」のおさらい
簡単にchat GPTさんにおさらいしてもらい、Google、その他参考サイトの調査結果も追記しておきます。もっと極める方はご自身で調査してくださいね！ Hの意味は？？ hタグとは、ユーザーや検索エンジンに対して文章の中で重要な文章を伝えるために、HTMLで... -
monaca×Vue.jsをローカルでトランスパイルする際、最初にインストールするもの（notエンジニア向け）
コーダーのオッコです。 弊社ではアプリ開発にmonacaとVue.jsを使用しています。 今回は、Vue.jsのプロジェクトを初めてトランスパイル（ビルド）する際に行う手順を紹介します。 やることは、node.jsのライブラリcross-envとwebpackを読み込むだけ。エン... -
npmでNode.jsのmoduleをインストールできなかったときに見たエラー文たち
デザイナかとおもいきやVue.jsのビルドに手を出しているオッコです。 目的：monacaで作成したvue.jsのプロジェクトのビルドを成功させる 詰まったところ：トランスパイルができなかった。Node.jsがそもそもなかったり、webpackがなかったり、cross-envがな... -
リンクが効かない原因
<a>タグでリンク設定しているのに、リンク先に飛ばないことありませんか？ 今回のケースは、SP版のヘッダーで起こりました。 ハンバーガーメニューが下に下が理、下に記述したコンテンツによって隠れてしまったので、z-indexを使って重なりが最も上にな... -
疑似要素のcontentにhtml特殊文字コードを使う【::before, ::after】
コーダーのオッコです。 beforeやafterのcontentに、四角や矢印などの記号を文字コードで入れる方法です。 文字コードを16進数に直す。 &# → ¥0 に直す。 xと;は省略する。 ■ → \025A0 hoge::before { content: "\025A0"; } 参考：htt... -
外部ライブラリはCDNで読み込むべきか、ダウンロード版を使うべきか
最近急に寒くなってきてお風呂に入るのが億劫な、コーダーのオッコです。 外部ライブラリの使用時、いつもCDNにするかダウンロード版にするか迷います。 そこで、それぞれのメリットを書き出してみました。 CDNのメリット： CDN側で勝手にバージョンアップ... -
jQuery：アコーディオンメニューを設置する
アピ子です。 コーダーのオッコ先輩より、ご指導いただいたメモになります。 【課題】 １段目のアコーディオンを開いた時、２段目のアコーディオンに設置したリンクが作動してしまう。 【解決】 クローズした時、ulを隠す オープンした時、ulを表示 ■jQuer...
