カラーミーショップで任意のカテゴリをTOPに表示する方法 ｜ 名古屋でホームページ制作なら花のや
お久しぶりです。 今回はある案件でカラーミーショップを触ったのですが、 自由に設定できそうでなかなかできなかったのでそのTIPsを紹介します。 TOPページに任意のカテゴリの商品一覧を表示するには？ 現在は普通にやろうとすると、「おすすめ」「売れ筋商品」あたりを流用する形になります。 しかし、運用レベルでは毎回登録しなければいけないため、運用の手間が増えたり それ以上の表示をさせたい場合には諦めなければいけなかったりと少々機能が足りません。 smartyの立ち位置 カラーミーショップではSmartyというテンプレートエンジンを使用しています。 Smartyは、サーバで用意した情報をあまりプログラムを触ったことがない人でも ある程度自分の思い通りに組み立てられるものです。（それでも多少の知識は必要ですが） つまり、上の文章から言うと通常はサーバ側で用意された情報以外はどう頑張っても表示するこ
slick sliderの使い方からカスタマイズまで【スライダープラグイン決定版】 | 東京のホームページ制作 / WEB制作会社 BRISK
「スライダーを実装したい！」「でも何を使えばいいの？」という方に朗報です。 この記事ではスライダーを作成するプラグイン「slick」の設定方法から使い方、カスタマイズまでをしっかりばっちり説明していきます。 slickを使えばデザイナーやディレクターの要望にばっちり応えられること間違いなし！（かもしれません。） slick（スリック）とは slickはjQueryベースの、スライダーを作成するためのプラグインです。レスポンシブにも対応し、IE8以上のブラウザであれば完全対応で、カスタマイズの幅も広いため、世界的に利用されています。 また、商用の利用もOK（※ちょっぴり条件があります）なので我々のような制作会社で導入するのにも安心です。 ※slickはMITライセンスというライセンスの中でトップクラスに緩い制限のライセンスを採用しています。MITライセンスはざっくりいうと「このソフトウェアは
ITかあさん
PHPの古い環境用意するのに、調べたこと、やったことをメモ。 参考 Docker を使って PHP 5.2 環境を用意してみる これだとurlがrewriteに対応していないので追加 docker pull image dockerイメージを取得します docker image list itkaasan@itkaasan-ThinkPad:~/work/$ docker image list REPOSITORY TAG IMAGE ID CREATED SIZE mysql 5.7 2f52e94d8acb 12 days ago 373MB tommylau/nginx latest 75d215ac1943 12 months ago 109MB tommylau/php-5.2 latest 7e7ee5c92d52 13 months ago 371MB my.cnfとngin
【（追記あります）jQueryの読み込みについて】｜今村だけがよくわかるブログ
追記：2014/07/04本番環境で最も新しいバージョンのjQuery「jquery-latest.js」を読み込むのはやめてほしいとjQueryの公式Blogでアナウンスされているとのことです。以下「jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」」からの引用です。 jQuery のバージョンアップの度に Web サイトが動作しなくなる危険をユーザーに与えてるんだよってこと、jQuery の開発チームはもちろん互換性を最大限保とうと努力はしてるけど、それも完全ではないですよということ。 「互換性が完全でないから→Webサイトが動作しなくなるかもよ」っていう順番で解釈するといいかも、と個人的に思いました。「jquery-latest.js」は使わないっていう方向がいいんでしょうね。なるほどです、わかりました。 というわけで、上記内容に伴って記事内容を
複数のバージョンの jQuery を共存させる方法
古いアプリをメンテしてて、元々の jQuery のバージョンが 1.0 だの 1.1 だのだとすごく残念な気持ちになりますね。やっぱり、最新の jQuery でサクサク書きたいものです。 バージョンを上げてしまえればいいんですが、動作確認の手間まで考えると、そこまでやる時間もない。いま、ちょっとこの画面だけ手直し出来ればいいんだけど…という場合は、複数のバージョンの jQuery を共存させてしまいましょう。 jQuery には $ の競合を避けるための jQuery.noConflict という function が用意されていますが、これに引数で true を渡すと、window.jQuery オブジェクトの競合も避けるように動作します。 ですので以下のように書けば、複数のバージョンの jQuery が共存出来ます。 現実的にやる事はないと思いますが、onload を追加する事で、3つ
jQueryと他のライブラリのコンフリクトを避ける方法 | HALAWATA.NET
jQueryはプラグインの種類も豊富なのでそれだけで事足りることがほとんどではありますが、prototype.js等のライブラリと併用したいというときもたまにあります。 そういう場合に起こるのがライブラリ同士のコンフリクト（衝突）で、$関数がそれぞれで異なる定義をしているために起きてしまうものです。よってこれを何とかしておかないとエラーになってしまいます。 回避方法その1 – $関数ではなくjQuery関数を使う 回避方法その1は$関数ではなくjQuery関数を使う方法です。jQuery関数と$関数は名前が違うだけで中身は同じです。 まず、1行目のjQuery.noConflict();$関数を他のライブラリに開放します。これで$関数が使えなくなるので、代わりとしてjQuery関数を使います。 そのため、jQueryスクリプト内の$はすべてjQueryとする必要があります。 jQuery.
IE8で「オブジェクトでサポートされていないプロパティまたはメソッドです」と表示される
ひねりも何もない代入だけの行でエラーが発生している。 調べてみるとタグのIDと変数名がぶつかっていると発生するエラーということが判明。 なので変数名を変更して解決。 必要ないところでグローバル領域を使用しているのもどうかと思うがIEがID名で変数を作ってしまうのはとても厄介。 はまらないように気を付けよう。 ※ネットで突込みを見つけたので追記 2012/06/06 http://b.hatena.ne.jp/entry/www.crossl.net/blogwww.crossl.net/blog/ie8_err_nothing_prop_method/ referer見てたら見馴れないリンク元があったので見てみたら記事に対する突込みがあった。 ※引用 違うと思う。var で変数宣言しろってのが本筋だと思う。まあID属性値がそのままグローバルオブジェクトのプロパティになるのもどうかと思うけど
jQueryで現在のページの所属しているサブメニューを開いた状態にする。
jQueryで現在のページの所属しているサブメニューを開いた状態にする。 タイトルすごくわかりにくいですね。 よく現在のページのaタグにクラスを適用させて、背景画像を変えたりすることがあると思いますが、似たような感じでサブメニューバージョンで開いた状態にしてしまおうというコーナーです。 かなり効率悪いことしている気がしますが、、、 投稿日2010年11月27日 更新日2011年04月03日 html+cssの準備 たとえばこんなファイル構成だったとします。 リストでマークアップするとこんな感じになるんじゃないかな。 html <ul id="side-nav"> <li><a href="01.html">メニュー1</a></li> <li><a href="02.html">メニュー2</a></li> <li> <a href="03.html">メニュー3</a> <ul id="
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
テキストエリアを入力内容に応じて自動でリサイズするjQueryプラグイン「autoResize」
twitter facebook hatena google pocket フォームに設置するテキストエリアはある程度大きくしておきたいところですが、スペースをとるのは避けたい。 そんなあなたに朗報です。 jQueryプラグインのautoResizeで入力内容に応じてリサイズ可能になります。 sponsors 使用方法 autoResizeからautoresize.jquery.jsをjQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="autoresize.jquery.js"></script> <script> $(function(){ $('#id名').autoResize({ o
jQueryによる表示、非表示切り替え|WEBプログラム覚書
HOME>WEBプログラム覚書>jQueryによる表示、非表示切り替え jQueryによる表示、非表示切り替え 今さらながらjQueryをお勉強。日本語のリファレンスも充分すぎるくらい充実してますんで、勉強しやすいですねよく使いそうなDivの表示、非表示切り替えをjQueryでやると・・・ jQueryによる表示、非表示サンプル
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」:phpspot開発日誌
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同
$.ajaxファイルアップロードでプログレスバーを表示する。 - それマグで！
速度制限が毎日続くTakuyaです。こんにちは！。 データセンターにmpeg動画を送信して、サーバー側でffmpeg 掛けてました。節電の為に自宅鯖を停止し、Linuxボックスだけ起動してました。重い処理はサーバーにやらせてました。ファイル送信が３TB超えてついに速度制限を喰らいました。怖いですね。１１／０１に無事解除されましたが。。。 <input type=file /> の通信状況を見たい。 UP速度制限が100kbpsでした、ブラウザのファイルアップロードに不自由を感じました。iphone4の写真UPに１枚あたり３０秒位かかってました。さくらVPSのWEBアプリに写真をアップするだけでも大変でした。ファイル送信状況が見えないと不安しかたありません。< input type=file/> でアップしたファイルの送信状況を見れるようにフォームを改造しました。 $.ajax でHTMLフ
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
neue cc - JavaScriptで要素追加するやり方
ド素人がjQueryとprototype.jsではどう書くのかな、と思っただけです。メジャーな両者ですが実はまともに使ったことがないのです。困ったことに。しょうがないので見よう見まねで書く。 <!-- このselectにoptionを一個追加する --> <select id="selectID"> <option value="1">hugahuga</option> </select> <script type="text/javascript"> // 素のJavaScriptその1(古臭いというか微妙な……) var option = new Option("要素", "属性"); var select = document.getElementById("selectID"); select.options[select.options.length] = option; //
jQueryとCSSで作るiPhone風ラジオボタン・チェックボックス
2014年8月20日 jQuery いつも使っているラジオボタンやチェックボックスにもっと彩りを！ここではCSSとjQueryを使ってiPhone風のデザインに変える方法を紹介します。使用する画像は一枚のみ。CSSスプライトで表示位置を変えます。サンプルも用意してみたので覗いてみてくださいね！ ↑私が10年以上利用している会計ソフト！ サンプルはこちら。IE7, IE8, FF, Chromeで正常動作 See the Pen Mobile like radio/check buttons by Mana (@manabox) on CodePen. ファイルを準備 必要なファイルを準備します jQuery こんな感じの画像を作る コーディング ファイルを読み込む ヘッダー内にjQueryを読み込ませます。 <script type='text/javascript' src='/samp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://mihune.shop-pro.jp/?mode=blog&slug=toppage-list/
jQuery・Ajax実践サンプル