サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
![サービス終了のお知らせ - NAVER まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/eb571cda27f9e3c3565cc9700a8eee59ce4a902c/height=288;version=1;width=512/https%3A%2F%2Frr.img.naver.jp%2Fmig%3Fsrc%3Dhttp%253A%252F%252Fimgcc.naver.jp%252Fkaze%252Fmission%252FUSER%252F5%252F1%252F50451%252F2%252F104x104x9b7fb720969970b974bf641c.jpg%26twidth%3D1200%26theight%3D1200%26qlt%3D80%26res_format%3Djpg%26op%3Dr)
日経LinuxとITproは、総計約700項目のHTML/スクリプト言語リファレンスを公開しました。「HTML」(295項目)、「CSS」(73項目)、「Dynamic HTML」(98項目)、「JavaScript」(295項目)、「Perl」(125項目)あわせて698項目。各項目にサンプルコードを掲載しており、コピーし貼り付けてすぐにお使いいただけます。JavaScriptは「この用例を実行する」という文字をクリックすれば、その場でサンプルコードを実行してみることもできます。 ファンレンスを使いこなすための記事や、「JavaScript入門」「Perlの使い方入門」「CSSの基本」「Linuxコマンド道場」「シェル・スクリプト工房」といった入門記事もご用意しました。 これらのリファレンスはここ2~3年かけて作成してきたものです。そのため一部に内容の古いものもありますが、順次更新してい
ウェブサイトのパフォーマンスの改善やSEO、セキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考:Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定:パフォーマンスやSEO関連 .htaccessの設定:セキュリティ関連 .htaccessの設定:パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例:東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト(永続的なリダイレクト)を設定します。 例:旧ファイル(old.html)、新ファイル(new
iPhoneアプリを開発するには、従来「Objective-C」というプログラミング言語を習得する必要があり、プログラミング経験が無い人には手が出しにくい存在でした。ところが最近ではHTMLとJavaScriptで作ったWebアプリをネイティブアプリに変換するツールやサービスが登場し、より手軽にアプリを開発できるようになっています。実際、「Objective-Cは分からないけれど、HTMLやJavaScriptなら書ける」という方は少なくないでしょう。 エースホーム株式会社の「ワクワクぬりえタウン」も、HTML/CSS+JavaScriptで制作されたiPhoneアプリの1つです。APPLIYA株式会社のOEMサービスを利用してiPhoneアプリに変換し、iTunes App Storeで配布しています。
米カリフォルニア州マウンテンビューに拠点を構えるAppceleratorは、同社開発プラットフォームの「Titanium 1.0」をリリースしたと発表した。Titaniumはクロスプラットフォーム環境で、HTMLやJavaScriptなどのWeb標準記述言語を使ってスマートフォンやPC向けのネイティブアプリケーション開発が可能。Windows、Mac OS X、Linux向けのアプリケーションのほか、iPhoneやAndroid、さらにiPad向けネイティブアプリが開発できる。 Titaniumの特徴は前述のように、HTML/CSS、そしてスクリプト言語としてJavaScript/PHP/Pythonなどを利用でき、既存のテクニックや知識をそのまま流用できる点が特徴となっている。開発可能なアプリケーションはWindowsやMac OS X、LinuxといったPCプラットフォームのほか、スマ
HTMLやCSSを書いててつまずいたときに、ググるより先に見てみるといいかもしれない解説サイト・ブログをまとめてご紹介。順不同です。いくつか名前を思い出せないサイトがあるので、後から追加するかもしれません。 1. リファレンス系のサイト Mozilla Developer Network しらぎくのウェブサイト作成入門 World Wide Web Guide CSS HappyLife ZERO インターネットやコンピュータの話 – The Web KANZAKI 2. HTML/CSSを重点的に解説をされている気がするブログ パシャログ CSS EBLOG CSS Lecture THE HAM MEDIA ヨモツネット CSS Happylife Takazudo Clipping →移転→ zudoblog ときどきHTML/CSSの解説をされているブログ
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
surround.vimの設定でHTMLの編集が便利になる設定をしてみました。surround.vimの使い方に関しては下記サイトがまとまってます。ホント便利っす、このプラグイン。 vim の text-object をより便利に使えるプラグイン - surround.vim - 川o・-・)<2nd life .vimrcの設定 設定はこんな感じです。 "for surround.vim " [key map] " 1 : <h1>|</h1> " 2 : <h2>|</h2> " 3 : <h3>|</h3> " 4 : <h4>|</h4> " 5 : <h5>|</h5> " 6 : <h6>|</h6> " " p : <p>|</p> " u : <ul>|</ul> " o : <ol>|</ol> " l : <li>|</li> " a : <a href="">|</a
このブログで雑然と紹介してきたブックマークレットたち。 主として、iPhoneでSafariをより活用できるようにと紹介したのですが、実はあまりプラットフォームやブラウザに依存した書き方をしていない簡単なものなので、iPadのSafariでももちろん使うことができます(^^) iPadのSafariはただでさえ快適なので、これらのブックマークレットを使うことでより快適になるかは不明ですが、ここで一旦まとめて紹介してみたいと思います! 1.ブックマークレットの登録方法 ブックマークレットは、設定からSafariを選んで「ブックマークバーを常に表示」を「オン」にしておいて、ブックマークバーに配置するとより使いやすいです。 後述するブックマークレットの「bookmarklet」のリンクをクリックし、リンク先のページをブックマークする 1.で保存したブックマークのURLを編集し「javascrip
HTML5で作ったピアノ演奏ページ。iPadでも制限付きで動作する。画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) 前回の記事ではHTML5 Audioを使ってサウンドプレイヤーを作りましたが、HTML5 Audioで再生できるのは音楽だけではありません。ブラウザーだけで音声ファイルを再生できるということは、発想を変えるとおもしろい使い方ができます。 今回は、HTML5 Audioを使ってブラウザー上で演奏できる鍵盤楽器を作ります。画面上に表示した鍵盤がクリックされたらあらかじめ用意しておいたピアノの音声ファイルを再生し、あたかもピアノ演奏の気分を味わえるようにします。ピアノだけでは少々物足りないので、おまけとしてオルガン、木琴、PSG音源の音色も用意しました。 また、今回のサンプルはアップルのiPad/iPhone(iOS4以
13行のコードで、Yahoo!Japanのトピックス一覧を取得する! PerlでHTML取得・解析したいときはLWP::UserAgentとHTML::TreeBuilderというのを使うと簡単にできます。 LWP::UserAgentを使うと、Webページの取得ができます。 HTML::TreeBuilderを使うと、HTMLのDOM解析ができます。 この2つのモジュールを使って、Yahoo!Japanのトピックス一覧を取得してみましょう。 コメント行と空行を除くとたったの13行です。 use strict; use warnings; use LWP::UserAgent; use HTML::TreeBuilder; # urlを指定する my $url = 'http://www.yahoo.co.jp'; # IE8のフリをする my $user_agent = "Mozilla
[2010/05/29 21:18] howm2html.vim は編集中のバッファやファイルをHTMLに変換してブラウザで開くプラグインです。 このページもHowm2htmlで変換されたものです。 バッファやファイルをhowm2htmlで変換すると画像はサムネイル表示が行われ、一部のはてな記法はテーブルやリスト、引用などのHTMLタグに変換されて表示されます。 現在編集中のバッファやファイルをすぐにHTML変換して表示できるので、vimをblogシステムの一部のような感覚で扱うことが出来ます。 閲覧が主な目的の場合なら、画像なども一緒に表示されるので便利です。 はてな記法も使用可能なので簡易はてなダイアリーのようにも扱えます。 howm2html.vim 自体はvimスクリプトのみで完全に単独動作するスクリプトで、 「QFixHowm」と併用するとより便利に扱えますが QFixHo
今朝の「iPadでHTML5 Widgetを走らせて遊ぼう」に対して、「もう少しWidgetについて知りたい」との声が聞こえてきたので、「Widget入門編」を書いてみようかと思う。 Widgetとは何か? 先のエントリーで書いたが、ひとことで言えば「パッケージ化されたウェブアプリケーションである」。通常のウェブアプリは、特定のURLにアクセスすることにより走らせるが、Widgetの場合は、.wgt のエクステンションを持つWidgetファイルをダウンロード+インストールした上で、それを起動する。 Widgetファイルの中身は、HTML+CSS+JS+メディア・ファイルで構成されており、それをZIP圧縮して、エクステンションを.wgtに変更しただけのものである。 なぜそんなことをするかと言えば、(1)オフラインで動かしたい、(2)通常のデスクトップアプリの感覚で起動したい、(3)パッケージ
(第1回)Zope/Plone開発勉強会 成果。 今は私は、記事を主に、reStructuredTextで書いているけど、 HTML出力用の構文ではないから、その表現力に不満がある。 特に、テキストエディタのサイトを作っているのに、 ソースのハイライトや、正規表現指定で部分強調や、<kbd>タグを使えないのが不満だった。 俺はもっと好き勝手な表現を使いたいんだ・・・!! raw-htmlディレクティブ raw-htmlディレクティブを使えば、直接、HTMLを書くこともできるけど、 これだと場所を取っちゃうから、頻繁に使うのには向いていない。保守性が低くなる。 .. raw-html:: HTMLを含んだコードを直接記述 HTMLを含んだコードを直接記述 HTMLを含んだコードを直接記述 この機能を動かすには、 <kbd>A</kbd> と入力して下さい。まとまった文を書くなら、この方法でも
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 (スライドのHTML版) 何のためのHTML? HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
現在、vimエディタで表示している状態そのままを、HTMLファイル化するスクリプトです。 テキストを印刷する時や、他人へHTMLファイルとして公開する時などに利用できます。 (Windows, Mac) 概要 現在、vimエディタで表示している状態そのままを、HTMLファイル化するスクリプトです。 テキストを印刷する時や、他人へHTMLファイルとして公開する時などに利用できます。 Syntaxハイライト、および、行番号もそのまま、HTMLファイルで再現されます。 上の画像が変換前のテキスト、 下の画像が、このスクリプトでHTML化し、Webブラウザで表示したものです。 見ての通り、エディタ上での見た目を極力保っています。 ↑ 変換前のテキスト ↓ 上のテキストをHTML化したもの このスクリプトは、vim6であればデフォルトで添付されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く