デザイナ向け「初めてのjQuery」
jQuery 4.0 is coming soon! Prepare by upgrading to the latest jQuery 3.x release. Learn more about our version support. jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we
はじめに 第2回の今回からは本格的にjsdo.it -Share JavaScript,HTML5 and CSS-(以下、jsdo.it)を使ってJavaScriptを勉強していきたいと思います。毎回お題編と回答編に分けてやる予定で、お題編では基礎知識を解説してそれに関連した課題を出し、それをjsdo.itでつくってもらい、回答編で解説するというかたちで連載を進めていきます。 今回はjQueryの基本のお題編ということで、jQueryの基礎を解説したあと最後にお題がありますのでそちらを次回までにやっておくとより理解が深まるはずです。 jQueryってなに? そもそもjQueryとはなんでしょう。まったく知らないという人もいれば名前くらいは聞いたことがある、いつもJavaScriptを書くときは使っている、さまざまだと思います。今回は初回なので念のためjQueryとな何なのかというところ
かわいい?「iPadを放ったままにしておいたら、こうなってた」という写真 iPadやタブレット端末の利点として、幼い子供でも扱えることがあります。 指で絵を描いたり、ゲームをしたりと、直感的に操作できるわけですが……。 「iPadを放ったらかしにしたら、こんなことになってた」と、海外サイトの人気となっていた写真をご覧ください。 ドアップこわい……。 けど、なんかかわいい。 そう、iPadは猫にも操作できちゃうので、いじっている間に自分撮りしてしまったのでしょう。 つまりこういうことです。 海外掲示板には同じタイプの写真として、 こんなのも紹介されていました。 もし猫に殺されることがあったら、これが最後に見える光景なんだなと思うと、それはそれで感慨深いものがありますね。 さらに近くから。 究極のドアップ。 一緒に入った場合。 仲間と。 iPadを立てかけていると、こうなります。 結構くせにな
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
秋の田のかりほの庵の苫をあらみ わが衣手は露にぬれつつ あきのたのかりほのいほのとまをあらみ わかころもてはつゆにぬれつつ
jQuery Mobileを利用すると、簡単なHTMLを用意するだけでスマートフォンサイトを作成できます。今回はシンプルな会社案内サイトを実際に作りながら、jQuery Mobileの基本的な使い方を学習しましょう。 以下のような会社案内サイトを作成します。 トップページのメニューをタップすると各ページへスライドして移動するシンプルなスマートフォンサイトです。まずはトップページ部分から作ってみましょう。 jQuery MobileとHTML5 jQuery MobileはHTML5のカスタムデータ属性でさまざまな設定を定義するので、jQuery Mobileを利用するWebページはHTML5で記述します。HTML5と聞くとハードルが高そうですが、最低限の約束ごとさえ守れば決して難しくありません。 次のようなHTMLを雛形として用意します。 <!DOCTYPE html> <html> <h
【10分目:基礎編】 jQueryでHTML/CSSを操作する jQueryにはさまざまな機能がありますが、Web制作者にとっては「HTML/CSSを操作するためのライブラリー」と考えておけば間違いありません。jQueryでHTML/CSSを操作するには、次のような書式でjQueryの命令を記述します。 jQueryの命令は豊富にあり、たとえばhtml()という命令を使うと、セレクターで指定した要素の内側を変更できます。 ▼サンプル1(スクリプト部分) $("p#first").html("<strong>変更後</strong>"); 上記のサンプルコードを実行すると、id属性に「first」が設定されているp要素の内容が、<strong>変更後</strong> に変わります。 ▼サンプル1(元のHTML部分) <p id="first">変更前</p> ▼サンプル1(実行結果) <p
概要 vimエディタを使用していてエラーが発生した時、 そのエラーのコードさえ分かれば、即座に問題の解決がはかれる場合があります。 この記事では、そのエラーの原因の特定、解決の方法の調べ方を説明します。 最初にエラーのコードを特定する 今回説明する方法で解決できるのは、エラーのコードが表示されている場合です。 まず、エラーのコードを特定してください。 エラーのコードは vimエディタのウィンドウで表示されたり、(E97) ダイアログで表示されたり、(E174) 起動時にターミナルで表示されたりします。(E492) これらの例の場合だと、 「E97」「E174」「E492」がエラーコードとなります。 エラーの原因を修正する エラーコードが表示されるようなエラーの場合、 「help」コマンドでエラーの原因が表示されると思います。 (運が良ければ解決方法も) 表示されるメッセージを使って、問題の
ちょっと前から名前は見かけていたんだけど、何をするプラグインなのかよく分からなくて見送っていた。Twitterでもつぶやいたけど、もっと早く導入しておけば良かったと、ちょっと触ってみただけで思った。 unite.vim - Unite all sources : vim online どんなことができるかについては、作者さんが公開しているこのプレゼン資料がわかりやすい。このプラグインについてほとんど知らない自分が、前述のプレゼン資料を読んで、18ページ目に書かれている:Unite buffer file file_mruを実行してみて受けた印象は、 Vim用のコマンドラインランチャー(Windowsで言えばfenrir、Macで言えばQuicksilver)のようなもの ってかんじ。でも、色々なブログでの紹介を見ていると、ランチャー機能だけにとどまらずかなり広い操作をカバーしており、拡張性
はじめに 作業効率アップのために、vimをカスタマイズする 参考サイト: vimプラグインでよりよいコーディングを vimに欠かせない3つのプラグイン 最新版のvimをインストール まずは古いのをアンインストール yum -y remove vim vim-enhanced ダウンロード cd /tmp wget ftp://ftp.vim.org/pub/vim/unix/vim-7.3.tar.bz2 && wget ftp://ftp.jp.vim.org/pub/vim/extra/vim-7.2-extra.tar.gz && wget ftp://ftp.vim.org/pub/vim/extra/vim-7.2-lang.tar.gz ncursesが必要なのであらかじめインストール yum -y install ncurses-devel コンパイル&インストール tar
unite.vimのインストール方法をまとめる。 下準備 1、pathogen.vimのインストール .vim/bundle/以下を、.vim/以下と同じように読んでくれるプラグイン。 他のプラグイン管理を楽にできる。 $ git clone git://github.com/tpope/vim-pathogen.git $ cp vim-pathogen/autoload/pathogen.vim ~/.vim/autoload/ 2、vimprocのインストール vimscriptからシェルのコマンドたたくときとかに使う。 $ cd ~/.vim/bundle $ git clone git://github.com/Shougo/vimproc.git $ cd ~/.vim/bundle/vimproc $ make -f make_gcc.mak 1、unite.vimをインスト
前の記事 で既に Vundle を導入しているのでとりあえず Bundle 'unite.vim' もしかしたら、githubに置かれているやつから取得した方が良かったかもしんない。 ま、いいんだけどさ。 そして適当にぐぐって設定を放り込んでみた。 参考にしたところは http://d.hatena.ne.jp/ruedap/20110110/vim_unite_plugin http://blog.remora.cx/2010/12/vim-ref-with-unite.html https://github.com/Shougo/unite.vim/blob/master/doc/unite.jax ってことで自分の設定。 " 入力モードで開始する let g:unite_enable_start_insert=1 " Uniteを開く時、垂直分割で開く let g:unite_ena
2009年9月号記事 揺らぎ始めた「不都合な真実」経済の足を引っ張る新たな社会主義 「地球温暖化はCO2が原因ではなく、危機的でもない」── 国際的な動きの前提を覆す、そんな研究結果が増えている。 日本政府は6月にCO2排出削減の中期目標を発表したがそもそも前提が間違っていたら、その責任は誰がとるのか? 地球全体の発展を阻害しかねない「不都合な真実」に迫る。 (編集部 温暖化問題研究班)
評論家の佐高信氏が、「サンデー毎日」6月3日号の自身のコラム「政経外科」で、幸福の科学を批判している。これは、佐高氏が4月29日号の同コラム内で幸福の科学を揶揄したことに対し、幸福の科学グループ広報局から申し入れがあり、それに対する反論を展開しているかたちだ。 4月29日号のコラムに対しては、 本欄でも批判 しておいた。繰り返しになる部分もあるが、改めて今回の記事の問題点を指摘しておきたい。 霊言を軽々しく否定するのは教養の不足まず、佐高氏の「霊言」に対する無理解を正しておきたい。前回のコラムで、佐高氏は、財務事務次官である勝栄二郎氏の守護霊の発言(霊言)をまるで大川隆法・幸福の科学グループ創始者兼総裁の意見であるかのように取り上げた。これについて同グループ広報局がその間違いを指摘したところ、佐高氏は「オイオイ、幸福の科学信者には、守護霊が言ったこととして通用するかもしれないが、非信者には
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く