SyntaxHighlighterでソースを読みやすく掲載する方法HTML、CSS、JavaScript、PHPなど様々な言語のソースをウェブ上に掲載する際、綺麗に読みやすく表示してくれる「SyntaxHighlighter」の設置方法・使い方をご紹介。ソース部分だけを一括コピーしやすくする機能もあり、便利です。
![SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About
SyntaxHighlighterでソースを読みやすく掲載する方法HTML、CSS、JavaScript、PHPなど様々な言語のソースをウェブ上に掲載する際、綺麗に読みやすく表示してくれる「SyntaxHighlighter」の設置方法・使い方をご紹介。ソース部分だけを一括コピーしやすくする機能もあり、便利です。
ModalDialogでポストバックしてファイルをダウンロードさせるTIPS - きよくらの備忘録
とりあえずIEで検証。Firefox3とかSafariは未検証なのであしからず。 一般的かどうかに自信は無いですが、ASP.NETにて、ポストバックしたあとにサーバ側でファイルを読み込み、それをダウンロードさせるときは以下のようなコードを書くと思います。 using System; using System.IO; namespace DownloadTest { public partial class DialogWindow : System.Web.UI.Page { /// <summary> /// Excelファイルを読み込んでダウンロードさせる /// </summary> protected void btnDonwload_Click(object sender, EventArgs e) { byte[] bin=null; using (FileStream fs
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
機密情報を含むJSONには X-Content-Type-Options: nosniff をつけるべき - 葉っぱ日記
WebアプリケーションにおいてJSONを用いてブラウザ - サーバ間でデータのやり取りを行うことはもはや普通のことですが、このときJSON内に第三者に漏れては困る機密情報が含まれる場合は、必ず X-Content-Type-Options: nosniff レスポンスヘッダをつけるようにしましょう(むしろ機密情報かどうかに関わらず、全てのコンテンツにつけるほうがよい。関連:X-Content-Type-Options: nosniff つかわないやつは死ねばいいのに! - 葉っぱ日記)。 例えば、機密情報を含む以下のようなJSON配列を返すリソース(http://example.jp/target.json)があったとします。 [ "secret", "data", "is", "here" ] 攻撃者は罠ページを作成し、以下のようにJSON配列をvbscriptとして読み込みます。もちろ
iPad Safari - Overflow Problems Investigation
iPad Safari - Overflow Problems Investigation The following is a scrollable div. If you're in multi-touch Safari (which I have been informed is technically called Mobile Safari), note the absence of scroll bars. But at least you can 2-finger scroll it: <div align="center" style="border:1px solid black; height:200px; width:600px; overflow:auto;"> <h3>Scrollable Div</h3> <img src="/library/images/un
『iPadだとiframeが伸びるのに対応した』
今までうちの会社で制作してきたwebサイト（直接自分が関わった物も含む）では、 多くの場合、新着情報やイベント情報などを、別ファイルで管理し、iframeでindex.htmlに表示させてきた。 エンジニアさんのシステムとの兼ね合いもあり、その方が制作、管理、運営が楽だったからだ。 ●問題点 しかし、iPadの登場で問題が発生してしまった。 iPadではiframeにスクロールバーが表示されずに、読み込んだhtmlの内容に応じて伸びていってしまう。 テーブルレイアウトなら、後続の要素が下がっていってしまうし、 overflow:hiddenが設定されたボックス要素内だと、はみ出た領域は表示されないし、スクロールもできない。 ●解決法 http://www.luigibox.com/00_lab/iframeForiPadSafari/ divでiframeを囲む。 javascriptでi
javascript で wait処理 - 新みのる日記
Javascriptではwait処理はない。 でも、ある処理Aが完了した後に、処理Bをして欲しい場合が往々にしてある。 例えば、以下のような処理。 var a = func1(); func2(a); 通常の場合だと、この処理はfunc1 → func2と処理される。 だけどfunc1の中で、setTimeoutやsetIntervalが利用されてると、 うまくいかないケースがある。 例えば、以下のケースを実行すると var a = 0; function func1(){ if( a < 10){ a++; alert("hoge" + a); setTimeout("func1()", 500); } else{ alert("END"); return a } } function func2(val){ alert ("call func2: " + val); } var val
【JavaScript】IE6だと画像が表示されたり、されなかったり
またもやIE6でちょっと嵌ったのでメモ。 IE6 SP2（Windows XP SP2のIE）だとgif画像がなぜか表示されない。タグは生成されているけど、右クリック→画像の表示とやると見える。しかもブラウザによって見えたり見えなかったりするので、読み込みとかキャッシュが関連するのではないかと調べてみた。 ちなみに現象が起きたのはWordpressのcustom-smilies-seを使って顔文字（絵文字）をポップアップで表示するとき。 参考になったのはここのサイト。 要はJavascriptでimgタグのsrcにセットしていると、画像が読み込まれる前に処理が終わってしまった場合、画像が画面に表示されない。 一度ブラウザにキャッシュされている画像は表示される。 なので、画面を表示するときにimageオブジェクトを使って先行読み込みをしてあげれば良い。 簡単なJavaScriptのコードは以
JavaScriptでURIエンコード（URLエンコード）を行う｜プログラムメモ
javaScriptでURIエンコードを行うには -encodeURI -encodeURIComponent -escape の関数を使う事ができる。 この3つの違いはエンコードしない文字に違いがあって ● encodeURI がエンコードしない文字列 ;/?:@&=+$-_!~*.,()a#' ● encodeURIComponent がエンコードしない文字列 -_!~*.()a' ● escape がエンコードしない文字列 *+-_./ となっています。 なので（http://〜）を含むURLをエンコードするには、コロンやスラッシュを変換したい用途、したくない用途によって encodeURIComponent , encodeURI を使い分けるのがいいでしょう。 通常 encodeURIComponent を使うのがいいと思います。 また escape は 全角文字など文字コードが
オブジェクトは連想配列である(Markup?)
♣例(2)ドット表記 (Dot notation) function assocExp2() { var x = document.getElementById('assoc-result'); if (x.childNodes[0]) x.removeChild(x.childNodes[0]); x.appendChild(document.createTextNode('exp2 output')); x.style.backgroundColor = '#ff6666'; } document.getElementById('assoc-exp2-i'). addEventListener('click',assocExp2,false);
Engadget | Technology News & Reviews
Apple TV+ won big at the Primetime Emmys with Severance and The StudioStreaming platforms once again dominated the Primetime Emmy awards, while network TV was shut out of the top categories. The 5 best Mint alternatives to replace the budgeting app that shut downIntuit has shut down the popular budgeting app Mint. Engadget tested a bunch of popular alternatives. Here are our favorites.
黒幕編集部 動的にonclickを追加する
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。 解決ではなく、悩みです。 基本となるhtml <div id="hoge"></div> <button onclick="hogera();">押して</button> IEの場合 function hogera() { var element = document.getElementById('hoge'); var e = document.createElement('button'); e.innerHTML = 'ボタン'; var f = new Function("alert('ok');"); e.setAttribute('onclick', f); element.appendChild(e); } FireFoxの場合 function hogera()
JavaScript のソースは隠蔽するべきか？ Vol.4 - Web 業界の技術屋 | VIVID Labs.
皆さんこんにちわ、JavaScript のソース隠蔽について考えるコラムも今回で一応の結論を出そうと思います。 今回はもう既に色々出来上がっているので、無駄な前置きはググッと我慢して進めます。 それではこのミッションを遂行するための手持ち武器をまとめます。 JavaScript による navigator.userAgent と navigator.platform のチェックで偽装を認めない認証 Ajax による非同期なソース展開、送受信は POST とする事で URL 欄からの単純な攻撃を防ぐ 開発は通常通り JavaScriptファイル（.js）で行い、呼び出す時は PHP 内でファイルを読み込んで文字列のみ送信 認証を通らない時は何か画面に表示する JS を切られたらもうそれは無視する こんな感じですね、それでは解説を交え早速実装して行きましょう。 取りあえずファイル構成はこんな感
jQueryで「もっと見る」ボタンで画像を順々に読み込むUIの実験｜BLACKFLAG
TwitterやFacebookなどで使われている コンテンツ要素をある一定の数表示（読み込み）しておいて 続きは「もっと見る」や「MORE」といったリンクやボタンをクリックすることで 要素を順々に読み込んでいくUI。 このUIを実装する際、使いやすいjQueryプラグインがなかなか見当たらなかったりするので、 同様のUIを実装する為の実験的スクリプトを作ってみたので簡単に紹介してみます。 今回の実験では＜a＞リンクを張った＜img＞画像タグを ＜span＞タグで囲った構成のまとまり ———————————————————- ＜span＞＜a＞＜img＞＜/a＞＜/span＞ ———————————————————- 上記のセットを順々に追加していく構成になっています。 併せて、画像を格納するディレクトリ名と画像ファイル名には命名規則を付けます。 ———————————————————-
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
JavaとJSの区別がつかないベンチャーナウが意味なく頑に修正要請に応じないという謎
豚 @butabuta_bot ベンチャーナウに本気でアタマにきた。向こうが電話取材でJavaとJavaScriptについて聞き間違えたくせに「鍵括弧内の修正には一切応じられない」と。僕がJavaとJavaScriptを間違えるわけないだろ!記事の確認もさせなかったくせに http://ht.ly/55L3C 2011-05-30 17:14:56 豚 @butabuta_bot 挙げ句、なんだよ「Java(Script)」って。めちゃくちゃだ。ベンチャー媒体を語る資格すらない。恥ずかしくないのか? Javaのワケないだろ。記者が不勉強なせいで僕まで馬鹿だと思われてしまうだろうが。しかも削除要求には応じないということなので法的手段に訴えることにした 2011-05-30 17:16:20
Taberareloo + upload from cache - 枕を欹てて聴く
というわけでversion 2.0.13にて, Taberarelooにupload from cache相当を実装しました. 結果, ある種のreferer checkを行うserviceの画像がTumblrにpostできたり, なにより, screen captureの結果がHatena Fotolife以外のTumblrにpostできるようになりました!(上図) これで手軽にscreen captureを撮ってtumblrにuploadできますね. Chrome Web Store - Taberareloo upload from cacheは実装されないのかと言われてきましたが, なんというか技術的に可能になったので実装しました. 楽しいですね! 正確にはcacheからuploadしているわけではないのですが, 一応これでどうでしょうか? なんかダメなserviceとかあったら,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーエージェントによってPCとスマートフォン（iPhone / Android）を振り分ける方法いろいろ
JSLinux