いい加減、<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:"の部分を省
昨今の自分用Webアプリケーションひな形 - naoyaのはてなダイアリー
ちょっと jQuery と簡単なサーバサイドの処理を組み合わせた処理を試しに書いてみよう･･･なんて時に、いちいち jQuery を取ってきて HTML を書いて script タグを書いてロードして sinatra 立ち上げて云々･･･というのが毎度面倒なので、ひな形になるアプリケーションを作った。 https://github.com/naoya/boilerplate ひとまず sinatra でサーバーサイドを書き、HTML は slim で、CSS は sass 。JavaScript は CoffeeScriptで書くにあたって jQuery、underscore、Backbone をロードしてある、というような構成にしてあります。 まあ、この類のことは人それぞれ自分なりにカスタマイズしてやっていると思いますが、どういうコンポーネントで構成しているかを、備忘録も兼ねてちょっと紹
プログラマのための言語別コーディング規約まとめ | Web活メモ帳
みなさんはコーディング規約を利用していますか。 個人で開発している時はオレオレルールで良かったのですが、 複数人で開発するようになると共通のルールがあった方がストレス無く開発が出来るようになります。 WEB系の言語のコーディング規約について、調べ物が必要だったので、 まとめたものをブログでもシェアします。 HTML・CSS Google HTML/CSS Style Guide の推奨ガイドラインまとめ HTML5 コーディングガイドライン（HTML5）ver1.0 JavaScript JavaScriptのいろいろなコーディングルールをまとめてみた PHP PHPのコーディング規約 PSR-0、PSR-1、PSR-2、PSR-3とは WordPress コーディング基準 Pear Manual :: 標準コーディング規約 Zend Framework PHP 標準コーディング規約 Ca
体感！JavaScriptで超速アプリケーション開発 －Meteor完全解説 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー - Chrome Life
みなさんは、フルスクラッチでテトリスを作ることができますか？ プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5製テトリスのプログラミング学習ムービーです。 HTML5 tetris - making of HTML5 tetris - making of 驚くべきことに、 たったの４５分でテトリスが完成！ それもフルスクラッチで、jQueryなどのライブラリーを一切使っていません。 Youtubeのムービーは早送りしていますが、動きを確認しながら実装しているのが分かります。 実際に、こちらでテトリスをプレ
HTMLからツイッターbotの作り方まで無料で教えてくれるプログラミング学習サイト『ドットインストール』が素敵｜男子ハック
WebサービスHTMLからツイッターbotの作り方まで無料で教えてくれるプログラミング学習サイト『ドットインストール』が素敵2011年12月22日367 @JUNP_Nです。プログラミングってハードルが高いイメージです。今でこそ何となくわかったり使えるようになったHTMLやCSSも最初は意味不明な文字の羅列でした。そんなプログラミング言語を無料でしかもわかりやすく教えてくれる学習サイト「ドットインストール」の紹介です。 1コマのコンテンツが3分だから空いた時間に学習できる 3分動画でマスターする初心者向けプログラミング学習サイト｜ドットインストール ドットインストールの良いところは3分という短いコンテンツと、今までの学習履歴を管理しやすいというところ。 ログインしたらホーム画面に学習中の項目がどこまで進んでいるかをひと目で確認することができるし、完了したレッスンも確認することができる。 現
PEAR初心者ガイド -- HTML_QuickForm入門
PEAR HTML_QuickForm入門ガイド 著者から 著者としては、このガイド、もしくはチュートリアル（好きに呼んでもらえれば良いです）が、 役に立ち、読者の皆さんの時間が節約できれば良いと願っています。 この文章が役に立つと感じたら、いくらかの寄付をいただけるとうれしいと思います。 （もし、役には立たないと感じたら、なぜかを メールで教えてください。） Keith Edmunds 訳注： 寄付は 元サイト からお願いします。 訳者から この文章は、上記著者の PEAR HTML_QuickForm Getting Started Guide（2004/2/19版）を訳出したものです。 原著は、 Creative Commons - Attribution / Share Alike ライセンスで公開されています。したがって、本翻訳のライセンスも同様とします。 また、翻訳の誤りがあれ
Perlプログラミング講座
ライブラリを利用したFORMタグの処理 FORMタグからのデータ受信はかなり面倒な処理（参考）になります。CGIプログラムを作成する際によく利用するサブルーチンがcgi-lib.plライブラリやCGI.pmモジュールという形で提供されています。これらを利用すると簡単にCGIプログラムを組むことができます。CGI.pmモジュールはサーバー側で設定が必要なので、使えるかどうかはサーバーの管理者に問い合わせてください。K棟ではCGI.pmモジュールは利用できません。ここではcgi-lib.plの利用を説明します。 cgi-lib.plの入手 cgi-lib.plライブラリを使用すると簡単に処理ができるようになります。オフィシャルサイト（http://cgi-lib.berkeley.edu/）からcgi-lib.plをダウンロードしましょう。 cgi-lib.plライブラリの使用宣言 cgi-l
CGI.pm を使ってみよう | futomi's CGI Café
Perl で CGI を開発するうえで役に立つ Perl モジュールはいくつもありますが、 その中でも有名なモジュールと言えば CGI.pm でしょう。 かつては Perl5 に標準モジュールとして組み込まれていた定番モジュールです。 しかし、Perl による CGI 開発が少なくなってきたという動向も影響したせいか、 最新の Perl5 では標準モジュールから外されてしまいました。 しかし、いまなお、多くのレンタルサーバーで利用することができます。 本記事では、CGI.pm の基本的な使い方を解説します。 また、もし最新の Perl5 の環境で CGI.pm がインストールされていないレンタルサーバーでも、 CGI.pm を組み込む方法についても解説します。 目次 CGI.pm のバージョンアップに伴う変化 前述の通り、かつて CGI.pm は Perl5 の標準モジュールでした。 その
2005年度Pythonプログラミング演習(大谷大学 人文情報学科 福田ゼミ)
■ 大谷大学 ＞ 人文情報学科 ＞ 福田ゼミ ＞ 講義ノートメニュー ＞ 2004年度プログラミング演習配付資料 2005年度Pythonプログラミング演習 福田洋一: 2005年1月25日更新 授業で配布するプリントです。HTML版と印刷用のPDF版があります。 「環境の整備・print文・変数の導入」4月12日（HTML | PDF） 「変数、ユーザーの入力を受け取る、条件判断」4月19日（HTML | PDF） 「課題1の講評」5月5日更新（HTML ） 「繰り返し処理（while）、部分文字列」5月10日（HTML | PDF） 「繰り返し処理（for）、リスト、コマンドライン引数」5月17日（HTML | PDF） 「テキストファイルを読み込む」5月24日（HTML | PDF） 「テキストファイルを読み込む２」5月31日（HTML | PDF） 「変数・代入・リスト・繰り返しの
Python CGIプログラミング入門 - Python CGIプログラミング入門
PythonによるCGIプログラミングの入門のページです。 基本的な事柄をわかりやすく説明します。 文字列を表示する 文字(hello world.)を表示します。 現在の日時を表示する 現在の日時を出力します。 環境変数を表示する cgiモジュールを使って環境変数を表示します。 提供された情報を表示する HTMLフォームからCGIプログラムに提供された情報を表示します。 押されたボタンを取得する HTMLフォームの押されたボタンを取得し表示します。 選択されたチェックボックスを取得する HTMLフォームの選択されたチェックボックスを取得し表示します。 選択されたラジオボタンを取得する HTMLフォームの選択されたラジオボタンを取得し表示します。 テキスト入力フィールドに入力された文字を取得する HTMLフォームのテキスト入力フィールドに入力された文字を取得し表示します。 複数行の入力フィ
TimeHTA
HTAでTimelog アプリケーションを作ろう！ Timelog で提供されているAPIを使った、HTAのサンプルプログラムと簡単な解説です。 ・HTAとは？ HTMLやJavaScript、CSSなど、「webの技術を使ってデスクトップアプリケーションが作れたら簡単で便利じゃね？」 という流れが昨今ありまして、ガジェットだとかウィジェットだとか、Adobe社のApolloだとかが注目されているわけなんですが、 実はマイクロソフトも結構早い段階から気づいていたらしく、windows にHTA(はいぱ～てきすとあぷりけ～しょん)という仕組みを実装していました。 (全然話題にならなかったけど) HTA DEMO みにたいむ ver 1.03 HTAでつくったデモアプリケーション メモを読みこんで表示するのと書き込みができるだけの、ものすご～く基本的なTimelogクライアント。 バグとか、動
Webアプリのための標準プラグイン「WTP」
Eclipseでサーバサイドプログラムを作成する場合、これまではSysdeo Tomcat PluginやObjectLearn Lomboz、EclipseHTMLEditorといったサードパーティが提供するプラグインを導入するのが普通でした。これらのプラグインでは、JSPの編集やWebサービスの作成、EJBの作成、HTMLやXMLの編集といった目的に応じて適切なプラグインを探し出し組み合わせて使う必要があり、なかなか決め手となる環境を作ることはできませんでした。 Eclipse Web Tools Project（WTP）は、eclipse.org自体が上記の問いに対する回答を提供するプロジェクトです。WTPには、Javaのサーバサイドアプリケーションを開発する場面で必要となりそうなプラグインがラインアップされているので、サーバサイドプログラミングの第1ステップにはなくてはならないもの
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
ケンゾーの無料ホームページ作成～Visual Web Developer 2008のススメ！～
まずはメモ帳で作成 ホームページを作成するのに多くのものは要りません。ちょっとした勇気と下記の2つのツールです。 ブラウザ ブラウザとは、あなたがこのページを見ている時に使用しているようなソフトウェアです。今では大半の人が Microsoft の Internet Explorer を利用しています。以後の説明では Internet Explorer のことを IE と表記します。 テキストエディタ Windows の場合はメモ帳（[スタート]→[すべてのプログラム(P)]→[アクセサリ]→[メモ帳]）、Macintosh の場合は SimpleText があれば充分です。 ※次章より説明をする Visual Web Developer 2008 は、このテキストエディタの機能を大幅に拡張したものです。 これ以降の説明では、「Windows XP」で「Internet Explorer 6
2/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
携帯サイトの作り方 第1回 作成方法の基礎(2ページ目)携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 2. XHTMLでベースを作る PC向けのウェブサイトであれば、記述には HTML4.01 や XHTML1.1 など、いくつかの言語が使えます。 文字コードも SHIFT-JIS や EUC-JP、UTF-8など、様々な規格が使えます。 しかし、携帯端末向けのウェブサイトだと、使える言語や文字コードには制限があります。 記述に使う言語は「 XHTML Mobile Profile 1.0 」 携帯サイトを作るための言語としては、以前は「CompactHTML」や「HDML」などいくつかの規格がありました。 これらは、3大キャリア各社で
![2/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.dhc-online.com/textbook-html/04programming/
layer8.sh
パスワード認証