コーディング– tag –
-
phpからjQueryへ配列データを引き渡す方法【smarty】【Laravel】【javascript】
こんにちは、コーダーのオッコです。 本日は、php側で用意したデータをjqueryで使いたいときの引き渡し方法を紹介します。 前提 使用フレームワーク ・バック：Laravel フロント：smarty、jQuery やりたいこと ・Controller側で用意した配列を、jquery... -
LINE内で使うアプリ開発のために、LIFFを試す（スターターキットを立ち上げてみる）
コーダーのオッコです。 新規プロジェクトとして、LIFFを使った開発が始まりました。 今回LIFFを初めて利用するので、メモがてらまずはスターターキットの立ち上げ方法を記載しておこうと思います。 gitを取ってきてローカルの環境構築をする まずは公式ド... -
git管理下でsourcetreeとmonacaを併用してハイブリッドアプリの開発をする【Vue.js】～環境構築とクラウド反映確認～
こんにちは、コーダーのオッコです。 今回は、notエンジニア向けに、vue.jsを使ったアプリ開発においての環境構築手順を紹介します。 かなり苦戦しまして、私の場合はこの順番でないとローカルで行った修正がビルド後の実機で反映されない等、トラブルが頻... -
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側で勝手にバージョンアップ... -
slideshow と lightbox を併用する【UIKit】
コーダーのオッコです。 弊社はUIKitをコーディングで積極的に取り入れていますが、その要素同士を併用する際に詰まったのでメモとして残します。 やりたかったこと ・商品詳細画面で、複数の画像をuk-slideshowを使って表示。（大きい一枚＋それ以外を小... -
クリックで開閉するヘッダのプルダウンコード（任意の場所をクリックして閉じられる処理あり）
コーダーのオッコです。 ヘッダのプルダウンの挙動ってタグ構造に左右されたりして地味に時間を取られるので、自分なりの書き方をまとめておきます。 ヘッダの右上にプルダウンのボタンがある前提の命名になっています。 HTML <div class="header_right...
12
