はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ

tsite.rb p����U ����U #! /usr/bin/env ruby # # tsite.rb: getting current T-Point by scraping tsite.jp. # # Copyright (C) 2011 by TADA Tadashi <t@tdtds.jp> # Distributed under GPL. # require 'rubygems' require 'mechanize' require 'pit' URL = 'https://tsite.jp' @login = Pit::get( 'tsite', :require => { 'user' => 'your ID of tsite.jp.', 'pass' => 'your Password of tsite.jp.' } ) agent = Mechanize::ne

2009年、11月9日に開かれた、 Firefox Developers Conference 2009 で、はてなブックマーク Firefox 拡張の話をしてきた資料です。実装についての話は、nanto_vi さんが資料を公開してくれると思います。 資料の最後にも載ってますが、本当に Firefox 拡張開発に当たり、Mozilla/Firefox に関わる方々が公開してくださっている資料やコミュニュティの成果物に非常に助けられ、それらが無ければ開発は行えなかったと思います。Firefox Developers Conference に参加された方々、Mozilla Japan やその他 Mozilla コミュニュティの方々、Mozilla/Firefox に関わるすべての方々、どうもありがとうございます。 はてなブックマーク Firefox 拡張の裏側 はてな 舘野祐一(id:seco

Internet ExplorerからIEコンポーネントのタブブラウザ（Donut）へ。そしてFirefoxへと、筆者のブラウザ環境は変遷してきた。 今回は、Firefoxを使ってWebブラウズするときに、高速に操作する10の技を紹介する。いや、設定を細かくカスタマイズするというよりも、どちらかというと使い手側をカスタマイズする。Webブラウザはマウスで操作するもの──という思いこみを捨てて、驚くほど速いキーボードブラウジングの世界へ来てみよう。 （1）タブを切り替える Firefoxはタブブラウザだから、当然多くのタブを開きながら操作することになる。そしてタブを行き来しながら、ページを見たり、違うタブを開いて入力したりするわけだ。ここはぜひマウスを使わずに、キーボードショートカットで済ませたい。基本となるのは下記の3つだ。 ［Ctrl］＋［Tab］ タブを順に切り替える。お勧めはタブ機能

株式会社DTS ネットワーク事業本部所属。JavaとRubyを中心にWebサービス開発やプロジェクトへの技術支援を行っている。 株式会社DTS ネットワーク事業本部 プロジェクトマネージャ。Javaを中心にフレームワーク開発や開発プロセス定義など幅広く活躍中。TERASOLUNAフレームワーク，StrutsIDEコミッタ。著書「まるごとEclipse!　Vol.1」（発行：インプレスコミュニケーションズ）。 待望のEclipse 3.4（以下，「Ganymede」）が2008年6月26日にリリースされました。年に一度のリリースだけあり，Microsoft Windows Vistaや64bit機への対応などプラットフォームの拡大や，C/C++，RubyといったJava以外への拡充が行われています。 本稿では，Ganymedeのインストールについて説明した後，アプリケーション開発の効率を向上

学校裏サイトなどを舞台とするネットいじめ，秋葉原無差別刺殺事件でも用いられたネット掲示板での犯行予告---インターネットの普及期から指摘され続けているバーチャル空間におけるさまざまな危険性が，より緊急性を帯びて議論されている。 メディアは頻繁に関連ニュースを取り上げ，国も改正迷惑メール法（特定電子メールの送信の適正化等に関する法律）や青少年ネット規制法（青少年が安全に安心してインターネットを利用できる環境の整備等に関する法律）の施行など，法整備が急ピッチで進められているように映る。 こうした中，海外でも同様にバーチャル空間における危険性が生み出した事件が，再び話題を集めている。バーチャル空間上での友人のいじめを苦に自殺した少女の話である。 これはただのネットを舞台とした子供ども同士によるいじめ問題ではない。大人たちが作り出した架空の人物が，実際の子どもを自殺に追い込んだ事件だ。 架空の人物

昨日、ブラッドさんが書いたメールはとてもシンプルなものでした。それは件名に「ブラッドは午前９時半にいます。よろしく。EOM」というもの。すぐに「EOMってどういう意味？」と返事が返ってきたそうで、それに対する答えは「End of message（メッセージの終わり）という意味さ。これならわざわざメールを開く必要も、返信する必要もなくなる。今回はメールを開いて、返信をしてもらったから二度手間になったね」というもの。同僚たちには「面白い！」と、この話を冗談だと思ってオフィスのみんなに転送したそうですが、ブラッドさんは、大真面目。「一度EOMのテクニックを覚えたら、メールにかける時間も手間も減ります。そのうえ、確実に、自分の伝えたいことが伝わり、時間も節約できますよ」とのこと。詳しい理由は次の8つ。 EOMは、メール受信者の時間節約になります。 件名のところだけに用件を入れ、EOMで終わりにする

ネットベンチャーのハートレイルズ（神奈川県相模原市）が、アカウント名やタイトルなどを一切指定できない「無個性な」ブログサービス「sa.yona.la」を公開した。「ブログが息苦しくなってきた方々へ向けたセカンドブログサービスで、ブログに個性を求められることから解放される」というふれこみだ。 ID登録すると（OpenIDでもOK）無料で利用できる。アカウント名やブログタイトルの指定、デザインのカスタマイズは不可能で、ユーザーが入力できるのは、各エントリーのタイトルとタグ、本文だけだ。 ブックマークレットを使えばニコニコ動画やYouTubeの動画、Flickrの写真などを投稿可能。メール経由でも投稿できる。「いかに気軽に、少ない負担でエントリーの投稿や管理ができるか」という観点で開発したという。 実際に使ってみたところ、アカウント名がランダムに決まり、プロフィール欄もないため、匿名ブログを書い

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

先日とうとうFirefox 3がリリースされましたが、 皆さんはすでにインストールしましたでしょうか。本連載では、簡単な拡張機能を題材としてFirefox 3で拡張機能を開発するための基本的な手順を解説します。 連載第1回となる今回は、ポインタファイルとインストールマニフェストを作成し、必要最低限の構成でテストインストールを実施することを目標にします。 なお、第1回完成時点でのソースファイルは、下記ページから入手可能です。 http://www.xuldev.org/misc/sd.php タグヘルパー拡張機能の概要 Firefox 3ではブックマークと履歴の管理機能が一新されましたが、新たに追加された機能のひとつとして、ブックマークへのタグ付けが可能になりました。しかし、筆者はあまりタグ付けをする習慣が無く、特にブックマークを追加する際にキーボードでタグを入力するのが面倒だと感じていまし

未パッチのWindows PCを直接ネットに接続すれば、パッチをダウンロードするより先にマルウェアに感染してしまう確率が極めて高いという。 脆弱性の修正パッチを適用しないままインターネットに接続したWindows PCが、マルウェアに感染せずにいられる「生存時間」は平均でわずか4分前後――。SANS Internet Storm Center（ISC）は7月13日、こんな実験結果を公表した。 実際の平均生存時間は、どのようなネットワークに接続するかによって大きな違いがあるという。ワームに利用されやすいポートをインターネットサービスプロバイダー（ISP）が遮断している場合、生存時間は長くなる一方、大学のネットワークや高速インターネット接続サービスは、ボットなどのマルウェアに狙われる頻度が高く、「生存時間」がより短かった。 パッチのダウンロードには、この生存時間よりも長い時間がかかることも判明

「Apache HTTP Server」を使いこなすためのノウハウやテクニックを解説していきます。 ・第1回　Apacheでどんなことができるのか？ ・第2回　ディレクトリ構造 ・第3回　設定ファイル「httpd.conf」 ・第4回　ファイルやURL関連の設定 ・第5回　設定を上書きする「.htaccess」 ・第6回　ユーザー認証 ・第7回　一般ユーザーのWebページを公開 ・第8回　HTTPリクエスト･ラインとヘッダーの中身 ・第9回　HTTPのやり取りを体験する ・第10回　動的コンテンツを作る「SSI」 ・第11回　動的コンテンツを作る「CGI」の基本 ・第12回　Perlで作るCGIアプリケーション ・第13回　クロスサイト・スクリプティングに対処する ・第14回　エラー・メッセージに関する設定 ・第15回　ログを管理する

新人に捧げる「Webブラウザの仕組み」 皆さんが毎日利用している「Webブラウザ」。インターネットの創成期から現在まで進化を続けながら、一線で活躍する技術です。今回はこのWebブラウザについてあらためて見てみましょう。 前編・後編2回に分けて、前編ではWebブラウザとサーバの通信の仕組みや役割、後編ではWebブラウザやHTMLの歴史と未来について説明します。 基本的な説明ですが、読めば新しい発見があるかもしれません。 WebサーバとWebブラウザの甘い関係 インターネットを通じてWebブラウジングするとき、私たちはInternet Explorer（以下、IE）やFirefoxといった「Webブラウザ」ソフトを使ってWebサーバにアクセスします。Webサーバが画像やテキストといったデータをWebブラウザに送り、Webブラウザが情報を解釈して表示します。では、ここでのWebサーバとWebブラ

代表的なWebブラウザとは？ 『いまさら聞けない「Webブラウザ」超入門』前編では、WebブラウザがWebサーバとやりとりする様子や、その役割について説明しました。 Webブラウザが利用されるハードウェアの環境はPCだけでなく、携帯電話やPDA、さまざまなプラットフォームです。今回はPCのブラウザをメインに代表的なブラウザを紹介します。 以下に、より多くの利用者に使われているWebブラウザソフトを紹介します。数あるブラウザの中から選ばれているだけあり、最新の技術や、いろいろな動画や画像形式に対応しています。 Windows Internet Explorer（ウィンドウズ・インターネット・エクスプローラー） Mozilla Firefox（モジラ・ファイアフォックス） Opera（オペラ） Safari（サファリ） では、それぞれについて見ていきましょう。 ・Windows Interne