サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
www.skyward-design.net
The key to creating a successful website is instrumental when it comes to showcasing your business under the right light. Continue on into this article for
Ever find yourself needing to wipe your iPhone 15 Pro Max clean? Maybe you’re planning to sell it, following an iPhone guide at i5apps.com, or perhaps it’s just time for a fresh start. Whatever your reason, performing a factory reset is a straightforward process. By the end of this quick overview, you’ll know exactly how to restore your iPhone 15 Pro Max to its original factory settings. After you
複数のYouTube動画をJavaScriptで切り替えて再生する方法 Posted by Hideki at 2011年8月27日 21:08 タグ: JavaScript ある案件の制作作業で、お客さまがアップしている多数のYouTube動画を1つのエリアで切り替えて再生する方法がないか探ったところ、YouTube JavaScript Player APIを利用すると簡単に実現することが分かったので紹介します。 YouTube JavaScript Player APIを利用すると、Object要素の属性を操作したり(Firefoxでしか動作しませんでした)、動画毎にObject要素用意してを切り替えたりする(動画が多数になると重いです...。)必要がなく、非常にシンプルに実現できました。また、動画を切り替えた時もプレーヤーそのものは表示されたままで、動画の再生エリアがダイレクトに切
Facebookページの縦スクロールバーを消すsetAutoResize()はsetAutoGrow()に Posted by Hideki at 2011年10月 8日 11:40 タグ: JavaScriptSNS (先月会社のFacebookウォールに書いた記事をより広めるために転載します。) Facebookページの独自タブ(HTMLでオリジナルのFacebookページ)を作られている方にお知らせです。先日9月24日、Facebook開発者ブログの記事「Platform Updates: Operation Developer Love」にて、iframeの高さ調整に関するJavaScriptの仕様変更がアナウンスされています。 記事によると、現在iframeの自動高さ調整機能として「FB.Canvas.setAutoResize」が提供されていますが、コンテンツの高さが伸びた際は
jQueryとjQuery Templates pluginで外部データ(XML等)の解析・表示 Posted by Hideki at 2011年9月29日 20:01 タグ: CSS NiteJavaScript CSS Nite LP, Disk 18の復習とjQuery Templates pluginの実験をかねて、スクリプトを書いてみました。はじめはレポート記事で紹介したサンプルコードの改造をしたのですが、徳田さんのセッションのスライドを見返すと同じコードが紹介されていたので、XMLで記述されたデータをjQueryで取得して表示するコードをお題にしてみました。 サンプルファイル 作成しての感想ですが、jQuery Templates pluginを利用すると、JavaScriptのコード内にHTMLが混ざらず、コードの見通し・メンテナンス性が非常に良くなりました。 解説 <?x
DreamweaverでSubversionのSVN+SSH接続設定 Posted by Hideki at 2011年5月22日 10:57 タグ: Dreamweaver Facebookでシェア Dreamweaver CS5.5の体験版が公開されたので、早速ダウンロード・インストールしました。現在CS4を利用しておりSubversionクライアントのバージョンが古いので、Dreamweaverのバージョンコントロール設定はしていなかったのですが、CS5.5ではSubversionクライアントが1.6.9にバージョンアップしているので、設定を行いDreamweaverでSubversionを利用してみることにしてみました。 僕はさくらのレンタルサーバーにSubversionをインストールしており、ホームディレクトリ内にリポジトリを置いているので、SVN+SSHで接続することになります
CKEditor for Movable Typeの出力ソースをカスタマイズする方法 Posted by Hideki at 2011年8月 3日 20:16 タグ: Movable Typeカスタマイズ Facebookでシェア ToI企画さまのWebサイトで公開されている「CKEditor for Movable Type 1.073」は、Movable Typeのリッチテキストエディタを拡張し、HTMLに不慣れな方でもWord感覚で編集が出来るようになる素晴らしいツールです。カスタムフィールドにもリッチテキストエディタを適用できるあたり、本当にすごいですよね。 ただ、マークアップになれている人は「開始タグの後ろになぜ改行が入るのか」「ソースコードのタブインデントを無しにしたい(or スペースにしたい)」など、出力されるソースコードの整形方法を変更したいという希望を持っていることと思い
User-Agent文字列を利用したAndroid搭載携帯端末(スマートフォン)とタブレットの区別について Posted by Hideki at 2011年5月10日 09:46 タグ: Androidスマートフォン Facebookでシェア 2011年5月6日の記事「.htaccess(mod_rewrite)でスマートフォン向けページへリダイレクトさせる方法」において、検討課題として「単純にUser-Agentの文字列にiPhone・Androidが含まれる場合のみリダイレクトでよいのか? iPhone・Android以外のデバイス、Androidを採用したタブレット端末の場合はどうするのか?」を挙げていました。 そこで引き続き、Android搭載のスマートフォンとタブレットを区別する方法がないか調査してみたところ、Official Google Webmaster Central
Understanding 해운대고구려 Facebook Marketing Works Having a really good해운대고구려 item may certainly not be actually a guarantee for excellent purchases. It’s achievable for you to possess wonderful service or products,… [더 보기] Just howCrucial 해운대룸싸롱 The Right Diabetes Mellitus Diet? There is actually해운대룸싸롱nothing more important than the best diabetes diet regimen. Diabetic issues is actually a major disea
Movable Type(MT)で生成しているXHTML文書にOGPを導入 Posted by Hideki at 2011年5月15日 14:00 タグ: Movable TypeXHTMLマークアップ研究ノート このサイトのコンテンツ、沖縄旅日記「Shimalog」の個別記事ページに、OGP(Open Graph Protocol)(及びmixiチェックボタン・ツイートボタン)を導入してみました。導入にあたっては、小粋空間さまの「HTML5+RDFaについて」の記事を参考にさせて頂きました(RDFaに関するリンクが大変参考になりました)。現在の文書型は「XHTML 1.0」で、導入後もValidなXHTML文書になるよう配慮することを目指してみました。 MTテンプレートにOGPの追加 このサイトはMovable Type 5で運用しておりますので、個別記事ページのMTテンプレートに下記
Zen Coding for Dreamweaverでdiv要素の終了タグにコメントを自動追加 Posted by Hideki at 2010年4月24日 13:20 タグ: Dreamweaver効率化 div要素の終了タグにコメントを付け、id名/class名を書くことはよくあるかと思います。ただこれが意外と手間のかかる作業なので、何とかならないか?と思い、「Zen Coding for Dreamweaver v0.6」をカスタマイズしてみたところ、上手く動作するようになりました。 デフォルトのZen Codingでもdiv#main|cを展開するとコメントが入りますが、それだと要素の前後にコメントと改行が入ってしまうので、このカスタマイズの方が自分には効率的かなと。Zen Coding歴約3ヶ月なので、あまり詳しくはありませんが...。 カスタマイズ方法 ZenCoding/fi
Dreamweaver CS3でZen Coding v0.6を使用する方法 Posted by Hideki at 2010年4月26日 22:39 タグ: Dreamweaver効率化 Dreamweaver CS3では、APIの関係からZen Coding v0.6をそのまま利用できませんが、対策が施されたファイルに置き換えることで利用可能になります。 Google Codeのzen-codingプロジェクトページから「Zen Coding for Dreamweaver v0.6」をダウンロードし、インストールする 同じzen-codingプロジェクトページの「Issues 121」のページから、Dreamweaver CS3用にカスタマイズされた「zen_editor.js」をダウンロードし、Commands/ZenCoding/zen_editor.js内のファイルを上書きしま
PSDからテキストデータをテキストファイルに書き出すスクリプト Posted by Hideki at 2010年2月14日 14:42 タグ: JavaScriptPhotoshop効率化 PSDファイル内のテキストレイヤーの中身を、テキストファイルに書き出すスクリプトを書いてみました。仕事で時々PSDからテキストを取らなければならない場合があり、なんとか効率出来ないものかということから、実験的に試してみました。 一応書き出すことは出来たのですが、速度面で難があり、ファイルによっては5分~10分かかってしまうこともあるようです。書き出したい物が出てくる度にfile.write()を呼び出す処理を変更しても、あまり変わらない感じがしました。今後の課題です。 参考までに、スクリプトを掲載します。拡張子「.jsx」で保存し、"C:\Program Files\Adobe\Adobe Photo
ソースを示していますが、まだまだ引き続き実験中です。 MovableType.orgに掲載された記事、「Pagination for Static Templates」を参考にし、スタティックパブリッシングのページ分割機能を試してみました。 この機能は、Movable Type 4.3から追加されたものです。1ページ目は生成されたHTMLファイルを表示し、2ページ目以降はmt-search.cgiを用いて適宜分割されたページを表示するようです。 今回はテストとして、MovableType.org記事内のテンプレートのソースを参考にし、インデックステンプレートのメインページの分割を行ってみました。記事概要と他のページへ遷移するためのナビゲーションは、次のようなテンプレートを用いて表示できました。 <mt:Ignore><!-- ページに表示するエントリー数 --></mt:Ignore> <
「Shimalog(島ログ)」は、沖縄の青い空と海を探して旅した日々の記録です。写真とともに、沖縄の島々の風景・観光スポットを紹介していきます。
先日行われたWeb Directions Eastで耳にした「プログレッシブエンハンスメント(progressive enhancement)」と呼ばれる概念ですが、A List Apartの記事「Progressive Enhancement with CSS」において、分かりやすい例が紹介されていました。 ページ中程でフォームのラベルと入力エリアの間に入れられることがよくある「コロン(:)」を題材に取り上げ、ラベルとしては不必要なコロンを取り除いたマークアップと、after疑似要素でCSSに記述して画面上に表示させる方法が示されています。 そして、上記のような方法を取ることによって、 簡単なCSSの編集でコロン(:)のような装飾を取り除くことができること コロンが表示されない場合でも、フォームが無益なものにならないこと から、プログレッシブエンハンスメントの好例と位置づけられています。
Movable Typeで記事ページにGoogle Mapを表示させる Posted by Hideki at 2009年10月11日 15:34 タグ: Movable Type 「詳しいことは分からないけど、とりあえずGoogleマップを表示させたい!」という方向けに、Movable Typeのブログ記事テンプレートをカスタマイズし、記事ページにGoogle Maps APIを用いて地図を表示する方法を紹介します。 なお、今回は記事ページ全てに表示させることを前提に紹介しています。緯度・経度を入力した場合のみ表示させる場合は、もう少し手を加えていく必要があります。 カスタマイズの手順 1. カスタムフィールドを作成する 緯度・経度を入力するためのカスタムフィールドを作成します。その際、テンプレートタグは緯度:EntryLatitude、経度:EntryLongitudeとします。 2.
『Skyward Design』は、日々の出来事などを綴った日記や、沖縄旅日記「Shimalog(島ログ)」を掲載した個人的なウェブサイトです。
Shimalogに写真を掲載する際、撮影場所をGoogleマップで示すために緯度・経度を入力しているのですが、毎回他のサイトで緯度・経度を調べてコピーしてくるのがとても手間でした。 そこで、「Web creators 2009年2月号」を参考にし、Movable Typeの記事投稿画面をカスタマイズ。Google Mapsを表示し、マーカーで指定した撮影場所の緯度・経度を、カスタムフィールドに自動入力するようにしました。 カスタマイズは、Web creatorsとGoogle Maps APIを読むことで、スムーズに完了しました(MDNのサイトにサンプルがあることは知りませんでした...)。工夫した点の一つは、Shimalogで示すポイントは全て沖縄県内なので、デフォルトで沖縄県全域がGoogle Mapsで表示されるように設定したこと。同じウインドウ内でスピーディーに地図を操作でき、なお
このページを最初にブックマークしてみませんか?
『How to Factory Reset iPhone 15 Pro Max - Skyward Design』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く