JavaScript JavaScriptで簡単にBase64エンコード&デコードの完全ガイド 2024-06-10 dad-union
![DAD UNION – エンジニア同盟|世のエンジニアを手助けするテック系サイト](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed283dba3d5e981018ca1333058f70f7db03849e/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2023%2F06%2Flogo2.jpg)
JavaScript JavaScriptで簡単にBase64エンコード&デコードの完全ガイド 2024-06-10 dad-union
サムネイル付のスライダーを実装してほしいと頼まれ、いつも通り解決方法をGoogle先生に尋ねたのですが、最終的に「bxslider」というプラグインで実装することができたので、備忘録として残しておこうと思います。 必要なライブラリを読み込みます。 <head> <!-- 省略 --> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.bxslider.min.js"></script> <script src="js/jquery.bxslider.ini.js"></script> <!-- 省略 --> </head> 設定をjquery.bxslider.ini.jsに書いて外部ファイル化しています。 $(function(){ // assign the slider to a variab
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS/デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス/OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4+iOS 5」を想定して話を進めます。実際に「iPhone 4+iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
どうもこんばんは。今回のtipsは【Instagram APIを使用し、タグで絞った画像を一覧表示する方法】になります。方法に関してはとても便利なプラグインがありましたのでそちらを使用してみます。 実装方法 クライアントIDの取得 まずはクライアントIDが必要になります。コチラより開発者登録をしてください。 コード Potomakのダウンロード JS <script src="jquery.1.X.X.js"></script> <script src="jquery.instagram.js"></script> <script> $(function() { $(".instagram").instagram({ hash: ‘検索対象のタグ(ハッシュ)’, show: 12,//表示件数 clientId: ‘ここにクライアントID’ }); }); </script> HTML <
今回はWEBサイトのリンクからアプリケーションを起動する方法を紹介します。 詳細は続きから。 AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="org.jpn.techbooster.sample.UrlAccessSample" android:versionCode="1" android:versionName="1.0"> <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".UrlAccessSample" an
個体識別番号を扱わないリワード計測の場合、このURLスキームを使ってSDKを動かすのですが、ブラウザにURLスキームを記述するときそれぞれのOS・バージョンによってURLスキームの扱いが変わるので注意が必要です。ここのところ、ちらほら問い合わせの連絡があったりしていて、ネットで検索しても載っていなかったので備忘録含め投稿してみます。 iOSもAndroidもアプリ毎に設定することができて、設定すると他のアプリからそのURLスキーム経由で、アプリを起動することができます(*1)。わかりやすい例でいうとiPhoneのSafariから「instagram://」と入力して「開く」を選択するとInstagramが起動する感じです。 さらにパラメータみたいのが設定できて「instagram://camera」と入力して開くとInstagramのカメラが起動するといった具合にとても便利な機能なのです。
ホームページ制作には コンテンツ制作能力が不可欠です 人をよぶサイトとするため、またSEO対策の面からも、良質でクオリティの高いオリジナル・コンテンツの重要性は、ますます高まってきています。 そのコンテンツ制作を代行する、あるいはコンテンツ制作のアドバイスができるのは、長年の制作経験を持つプロ集団であるデイズの強みです。 コンテンツ制作についての詳細を見る 御社のホームページ 美しくリニューアルしませんか 見栄えの良くないホームページを一新して、美しいビジュアルデザインと機能性を備えたホームページにリニューアルしましょう。 取り扱う商品やサービスの特性を徹底的に考え抜いた上で、デザインの力で付加価値を高め、他との差別化を図っていきます。 Webデザインについての詳細を見る スマートフォン用ホームページを 持ちましょう スマホやタブレットで見られるケースがいよいよ増えています。専用ページを作
自分用のメモです。 このようなHTMLをAndroidのブラウザで表示するとします。 call from browserのリンクを踏むとAndroid.Manifestにintent受信の設定をしているアプリを起動できます。 <html> <body> <head><title>test</title></head> <center><a href="launchfrombrowzercall:/kokohananndemoii/">call from browser</a></center> </body> </html> 上記HTML中で定義されている「launchfrombrowzercall」(好きな文字で良い)というschemeを マニフェストファイルにも のように指定します。 Android.Manifest <?xml version="1.0" encoding="utf-
A beginner's guide to using the application cache Stay organized with collections Save and categorize content based on your preferences. Introduction It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers can cache pages and resources for long periods if told to do so, but the browser can kick individual items out of the cache at any point to ma
このアプリケーションキャッシュ機能を使用しないでください!これはウェブプラットフォームから削除する手続中のものです。 Firefox 84 以降、この機能は削除されました (バグ 1619673)。 Chomium 90 でも削除が予定されており、 Safari でも非推奨になっています。 Firefox 60 以降、および対応しているブラウザーの一部またはすべてにおいて、安全なコンテキスト (HTTPS) でしか利用できません。 Firefox 44 以降ではオフライン対応のためにアプリケーションキャッシュを使用すると、代わりにサービスワーカーを使用するよう開発者に案内する警告メッセージをコンソールに表示します (バグ 1204581)。 非推奨 この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中で
HTML5でiPhone用Webアプリをオフライン対応に:iPhoneで動かす業務用Webアプリ開発入門(5)(1/2 ページ) モバイルWebアプリはオフライン対応が必須! いよいよ最終回の今回は、「Application Cache(アプリケーションキャッシュ)」を使います。 HTML5で導入されたアプリケーションキャッシュを使うと、WebアプリをWebブラウザのキャッシュに載せてオフラインで利用できるようになります。特に、前回の「HTML5のlocalStorageでiPhone用Webアプリを高速化」で紹介したHTML5の「localStorage」と組み合わせると、一度ダウンロードしたデータについては完全にオフラインでアプリが動作するようになります。 オフラインでの利用に対応して、3G回線など接続が安定しない環境でも業務用Webアプリが快適に使えるようにしてみましょう。 「キャッ
ネイティブ(専用)アプリを開発すべきか。 HTML5 による Web アプリを選択すべきか。 あるいは、高いユーザー体験の提供をめざすのか。 それよりは、開発負荷低減が優先するのか——。 モバイル市場の急拡大を前に、メディア企業が直面する難題。 本稿では、アプリ開発の手法をめぐる課題を整理しながら“第三の道”も提唱します。 「現在(2011年)全世界で利用されている携帯端末の中でスマートフォンが占める割合はわずか 12% ですが、全世界の携帯端末のトラフィックの 82% 以上がスマートフォンで生成」されているとの調査があります。 いまだ「12%」程度でしかないモバイルトラフィックは、すでに「2000 年の全世界のインターネット全体の 8 倍」にも達しているのです。 また、すでに昨年、PCの出荷台数がモバイル機器全般に追いつかれ、2013年にはタブレット単独市場にも追いつかれる
スマホ用Webアプリとネイティブアプリの違いタグWeb制作 アプリ スマートフォンを利用するユーザーが増加する中、企業サイトやECサイトなど、Webサイトのスマートフォン対応が増えていますが、これと同様に、スマートフォン向けのアプリの開発依頼も徐々に増えています。しかし、App storeやGoogle Playなどで、アプリのランキングやダウンロード数が注目されるからか、ユーザーの課題を解決するためにアプリを開発するというよりも、なにかしらのアプリを開発できないか?といった、アプリを開発することが目的になってしまってしまうケースもあるようです。このような場合はApp storeやGoogle Playなどからダウンロードできるネイティブアプリの開発でよいのですが、目的によっては別の選択しも存在します。 アプリというと、上記のApp storeやGoogle Playなどからダウンロードで
ロケタッチ http://tou.ch/ ロケタッチ【1】 はライブドアが運営するサービスで、位置情報APIを使った代表的なWebアプリケーションといえる。このサービスでは自分が今いる場所を登録し、写真やコメントを共有することができる。このサービスではネイティブアプリや、いわゆる「ガラケー」と呼ばれる携帯電話(ガラパゴス・ケータイ)に対応しているが、スマートフォンのWebアプリケーションではHTML5 の位置情報APIが利用されている。 位置情報APIは【2】のように利用する。これをiPhone で実行すると【3】のような表示になる。 このように、navigator.geolocation.getCurrentPositionを使うことで、簡単に現在の位置情報を取得できることがわかる。 位置情報APIは現在の位置を取得するgetCurrentPosition の他に、現在地の取得を監視する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く