iOS、Android、IT技術等のまとめブログ。小さくても大きな効果を発揮する知的ツールの調査、開発結果を報告しています。 Android端末を傾けても画面を一定の向きで固定しておく方法を調べました。その方法は2つあります。ひとつはAndroidManifest.xmlで静的に向きを設定する方法、もうひとつはActivityクラスのsetRequestOrientationメソッドで動的に向きを設定する方法です。 AndroidManifest.xmlで静的に設定する方法 activityタグのandroid:screenOrientationに向きを表す属性値を設定することで、端末の向きを固定できます。 設定例 <activity android:name=".ScreenTest" android:label="@string/app_name" android:screenOrie

きっかけはいつもTwitter。 YUKIさんからの、おたすけツイートを見かけたので、WordPressのカレンダーのthにclassを追加するコード（日本語限定）に続き、頑張ってみました。 後で知ったのですが、widthとheightを削る理由は、スマートフォン対応。なるほど画面サイズに合わせて縮小できるようにするには、サイズ指定が邪魔になるわけですね。納得。 編集画面に挿入される画像のHTMLソースは、wp-admin/includes/media.php の get_image_send_to_editor 関数で作成されています。ここの生成ロジックを追っていくと下記の通り。 get_image_send_to_editor 関数で、画像のリンクを含めたソースを生成。imgタグ部分の生成は、get_image_tag 関数を呼び出し get_image_tag 関数で、imgタグを生

カラーミーショップをカスタマイズすると、JSが外部から呼び出せないジレンマに陥ることがありますよね。 (新しく追加されたFTPオプションなるものを使えば、外部JSを呼び出せるようになるのかな？わかんないけど) でも、最近ECサイトで良く見かける、 詳細画面でトップ画像以外のサムネイルにマウスオーバーすると、トップ画像の場所にサムネイルのでかい画像に差し変わる。という効果を入れてみたくないですか？ 新規ページで画像だけが開くのも昔チックだし・・・ で、HTML内に埋め込める短いJSソースで、カラーミーの独自タグを生かした方法を見つけました。 入れ込むJavascript <script type='text/javascript'> <!-- function largeImg(sImg) { document.images['imgBox'].src=sImg; } --> </sc

Tweet TweetGoogleアナリティクスは、無料で使える高機能なアクセス解析ツールです。 サイト内のページであれば、[コンテンツ] – [サイトコンテンツ] -[すべてのページ] から、各ページがどれくらい閲覧されているか確認することができます。 しかしながら、外部リンクの閲覧数は通常のレポートでは見ることができません。 アフィリエイトなどをやっていて、バナーリンクなどのクリック数を調べたいこともあるかと思います。そういった外部リンクもちょこっとコードを加えてあげると、Googleアナリティクスでクリック数をカウントすることができるようになります。 外部リンクをカウントするための手順 1. まずはGoogleアナリティクスのトラッキングコードをソースに追記します。 2. クリック数をカウントしたいリンクを以下のように変更します。 <a href="http://example.c

jQueryで外部ファイル（XMLデータ）を解析し、HTMLに表示する jQuery2011年9月29日 MovableTypeやWordPressなどのCMSツールを使用せず、ニュースリリースなどが静的HTMLで構築されているサイトの場合、HTMLを直接修正して更新する必要があります。 そこで、ニュースリリースなどの情報をひとつのXMLファイルで管理し、HTMLを触らずともあたかもデータベースのようにXMLを扱うことで、XMLファイルの更新のみでサイトの管理が可能になり、メンテナンス性が向上します。 jQueryを使用すると実装が比較的容易なので、今回サンプルを作成してみました。 jQueryはこちらからダウンロード 実際のサンプル HTML <table cellpadding="0" cellspacing="0" border="0" class="tbl"> <col width

jQuery の animate の横方向の出現や隠す動作は、width に、show、hide、toggle などを指定することで可能。 指定方法 animate( properties, [duration], [easing], [complete] ) メソッド、もしくは、animate( properties, options ) メソッドの1つ目の引数である properties 内の width: *** に指定する。 toggle toggle を指定。 赤いブロック部分を、クリックすると、グレーのブロック部分が、左方向へ動きながら消える。もう一度、赤いブロック部分を、クリックすると、グレーのブロック部分が、右方向へ動きながら出現。速度( duration )は、slow を指定してある。

Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction. Usage is very simple; to block user activity for the page: $.bl

Add a respsonsive image slider to any website.

A bene placito. You have just dined, and however scrupulously the slaughterhouse is concealed in the graceful distance of miles, there is complicity. Ralph Waldo Emerson Regula aurea. Until he extends the circle of his compassion to all living things, man will not himself find peace. Albert Schweitzer Dum spiro, spero. Thousands of people who say they 'love' animals sit down once or twice a day to

Proficient in Python, Javascript/Typescript and NodeJs Working on state-of-the-art Backend- and Frontend Services Experience working with AI and LLMs Experience in modern development environments like AWS ,GCP and Azure Configuration of Continuous Integration and working in a TTD and DDD fashion Building, planning and managing Microservice Architectures in cloud environments Writing performant, re

posted on:August 4, 2009 Easy Slider 17 Numeric Navigation jQuery Slider I got a lot of emails and feedback about my easySlider plugin, thank you all for that. However, I have to apologize to all of you who sent emails asking for a little help with implementation or small bug fixes. I simply don’t have the time to answer all of your emails. I wish I do. What I am presenting you today is an easySli