Category Archives : ホームページ作成

謎のUserAgent - 2017/01/27(Fri)
MobileSafari/602.1 CFNetwork/808.2.16 Darwin/16.3.0というUserAgent(UA)で結構なアクセスログがあるんですけど、これって何なんだろう・・・。おそらくクローラーかbotだとは思うのですが、正体不明。...
日本語ファイル名のHTMLファイルを使う。注意点など - 2015/01/15(Thu)
今更ながら、ではありますが、ファイル名が日本語のHTMLファイルを使ったときの注意点などをメモしておきます。自分用。「日本語のHTMLファイル」というのは、「http://ek-pro.com/テスト.html」みたいな話のことです。Wikipediaのように、URL欄に「http://ja.wikipedia.org/wiki/ウィキペディア」と表示させたい、と思ったのがきっかけです。挙動を理解するまで手間取ったので、備忘録代わりに残しておきます。...
さくらのブログのテンプレートを整形 - 2014/11/04(Tue)
別ブログ(ピリオドの彼方に)でさくらのブログを使用しています。テンプレートをカスタマイズしようとしたところ、デフォルトのHTMLテンプレートが極めて見づらい状態であったため、適切にインデントを入力・改行を追加することにより、整形を行いました。かなり見やすくなっている…はず。以下のリンクからダウンロードできます。http://blog-imgs-47.fc2.com/k/o/m/komitsudo/sakura_blog_template_html.txt→基本のHTMLテンプレ...
addthisでtwitterボタンをクリックしたときURLに文字列を追加させない方法 - 2014/06/22(Sun)
ソーシャルボタンを簡単に作成できる便利なサービス、addthis。以下のようなコード(2014/06/22時点)で簡単にソーシャルボタンをブログなどに追加できます。<!-- Go to www.addthis.com/dashboard to customize your tools --><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=XXXXXXXX"></script><!-- Go to www.addthis.com/dashboard to customize your tools --&g...
リンク(アンカー)に index.html は必要か否か - 2013/07/12(Fri)
「リンクに index.html は必要か」というのは、自分のホームページ内で、例えばトップページにもどるリンク、言い変えればアンカー(<a href=~)にindex.htmlまでつけるのか否か、という疑問です。つまり、サブディレクトリからトップページに戻るアンカータグは、<a href="../index.html">と、<a href="../">のどちらが良いのか、ということです。...
FC2ブログでのfavicon設定方法(含:favicon作成方法) - 2013/06/30(Sun)
このブログ(高密度商業地域)を開始してからかなりの年月が流れたのですが、faviconを設定せず、ずっとFC2ブログ標準のfaviconが表示されていました。さすがにこれはイカン、と思い、faviconを設定しました。【Favicon】Favicon(ファビコン)は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。Favorite icon(フェイバリット・アイコン:お気...
ウェブサイト作成にあたりよく使うサイトのまとめ - 2013/06/29(Sat)
LZ77 JavaScript CompressorJavaScriptの圧縮。結果として難読化される。/packer/JavaScriptの圧縮。コメント、改行、タブ・スペースの削除だけならこちら。HeartRails Capture | サムネイル画像/PDF ファイル作成サービス縦・横のサイズを1px単位で調整可能な、ウェブサイトのスクリーンショット自動作成サイト。YUI 3Yahoo!'s next-generation JavaScript and CSS library.「CSS Reset」と「CSS Fonts」は大変便利。Google Libr...
メニューの位置は、右か左か - 2013/06/26(Wed)
ブログに限らず、ウェブサイトにおいてメニューはどの位置に付けるのが最適なのでしょうか。...
画像と画像、文字を並べて表示する方法 - 2013/06/26(Wed)
FC2ブログで、記事中に画像を表示させようとした場合、標準機能を使って行うと、下記のようなHTMLコードが書かれます。<a href="http://blog-imgs-27.fc2.com/k/o/m/komitsudo/komitsudo_himawari_3col_pop.png" target="_blank"><img src="http://blog-imgs-27.fc2.com/k/o/m/komitsudo/komitsudo_himawari_3col_pop.png" alt="プレビュー画像" border="0"></a><br clear="all">※『href=""』と『src=""』...
ソースコードをハイライトする google-code-prettify の設置方法 - 2013/06/22(Sat)
この「高密度商業地域」のように、HTMLやCSS、JavaScriptのコードをブログに掲載する際、単純に<pre>タグで囲うだけでも良いのですが、ソースコードの可読性を上げたり見た目をカッコよくしたいと思うことが稀によくあると思います。世の中には同じようなことを思う方がたくさんいるわけで、いわゆるテキストエディタのようなかたちでソースコードをハイライトし、可読性を高めてくれるツールが存在します。その手のツールで...
ブラウザとの境界面に影(シャドウ)を付ける方法 - 2013/06/21(Fri)
以下の画像の通り、コンテンツとブラウザの境界面にに影(ドロップシャドウ)を付ける方法です。ちょっとしたところで、あまり目立ちはしませんが、こういうふうに影をつけるだけで、立体感がでてかなりいい感じになります。...
ウェブサイトをFTPを利用し自動でバックアップ - 2013/04/09(Tue)
データ消失の悪夢が発生したときに備え、ウェブサイトのバックアップは必要です。…とは思いながら、なかなかできていないのが現実。理由は単純で、面倒くさいから。何が面倒かというと、いちいち手で操作してあげる必要があるところです。ということで、無料で自動化かつ定例化し、そんな面倒とおさらばする方法の備忘録。なお、定例化する方法は割愛してます。タスクマネージャーへの登録だけのため。一番手間がかかった「バッチ...
IEでネガティブマージンをした際にボーダー等が消えてしまうときの対処方法 - 2012/07/26(Thu)
Internet Explorerでネガティブマージン(maring-top: -10px等)を指定した際に、その部分が消えてしまう場合の対象方法の備忘録です。例えば、「bordre: 1px solid #000; margin-top:-5px」の場合は、上側のボーダーが消えてしまう場合、などです。(1)単に重なりあいの問題なら、z-indexを追加する。(2)その要素に「position:relative;」を追加する。(3)それでもダメなら、「zoom: 1」を追加してhasLayoutをtrueにする。...
iPhone/iPod と iPadのscreen.width - 2010/12/13(Mon)
iPad向けWebアプリケーション開発テクニックに記載があったのでメモ。CSSの振り分けとかは、そのスタイルに画面サイズが適合しているか(例えば、横幅1024px前提でデザインしているのであれば、1024px以上か未満で振り分ける)のが単純で楽。SafariJavaScript内容備考...
はてブのブックマーク用ボタン - 2010/11/23(Tue)
はてなブックマークのブックマーク用ボタンが標準のもの()だと、高さが12pxしかないため、ちょっとブログの片隅に置く、といった場合は便利な半面、Twitterなどの大きめボタンと並べると見た目が不釣合になります。ということで、少し大きめ(高さ20px、Twitterの標準ボタンと同じ高さ)のボタンを作りましたので、おいておきます。需要があるかわかりませんが、ご自由にお使いください。...
Pikalinkをバージョンアップしました! - 2010/07/04(Sun)
ということで、Pikalinkをバージョンアップしました。こんなことができるようになりました。...
Amazonアフィリエイトのモバイル検索 - 2009/03/23(Mon)
Amazonアフィリエイトで、モバイル用検索を作成することができるのですが、作成した検索ボックスを使ってDocomoから検索すると、常に検索が失敗してしまいます。文字コードをいろいろ変えても失敗するので、生成されるコードそのものがおかしいのか、Docomoがおかしいのか…。...
YUI CompressorでjavascriptとCSSを圧縮 - 2009/01/11(Sun)
増え続けるJavascriptのコードやCSSのコードについて、少しでも容量を減らすことで、無駄なトラフィックを減らすと共に、ユーザがページを表示するまでの時間を短くなり、パフォーマンスの向上が可能です。Javascriptを圧縮するものでは、有名なところでpackerなどがありますが、CSSまで圧縮となるとなかなかありません。また、インターネット上ではなく、ローカルファイルでは圧縮できません。そこで、Yhaoo!製のツール、YUI Comp...
フリーチケットシアターとマルウェア - 2008/12/28(Sun)
昔々、無料ホームページサーバとして使っていた「フリーチケットシアター」がフリーのウィルス対策ソフト「Avast!」で、思いっきりマルウェアサイト扱いになって、全くアクセスできなくなっています。自分としても広告が酷くなって退散したのですが、まぁ、仕方ないんですかねぇ。...
FreeStyleWiki(FSwiki)の使い方 - 2008/10/24(Fri)
最近、というかここずっとですが、まとめサイトなどを作成する際にWiki(WikiWikiWeb)が人気です。多くの人の知識が集積できるということで、まとめサイト向きであることは確かです。日本ではPukiWikiが人気ですが、コードがスパゲッティ状態であり、かつ管理する機能に乏しく、使う側としては問題ないものの、管理する側としてはなかなか受け入れがたいWikiです。ということで、個人的にはFreeStyleWikiを使っています。「徹底さ...