イモムシでjQuery入門 | 第1回デザイナーがイモムシで覚えるjQuery
こんにちは。kamecoです。 androidアプリをhtmlベースで作ったりしています。 それができるのも、jQueryの力でjavascriptをちょっと書けるようになったから。 ということで、jQueryを覚えよう！ 電卓で入門とか色々考えたのですが、 私が覚えた方法で。。 myベストイモムシを作ろう！！！！ とりあえずあなたのイモムシも用意しよう。 ダウンロード とりあえず名前を付けると愛着がわきます。 うちの子は「クロスケ」です。 ↑クロスケ。かわゆす。 練習で書いてた時から書き換えてないので、挙動がおかしいのは見逃してください。。 つまめます。動きます。顔変わります。などなど。 クロスケのjsもブログを書きながら新調してあげようと思います。 イモムシのhtml解説 これから使うhtmlですので構成や呼び出しているものを一応確認しておきます。 cssやh
あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
ほげおメモ: Ruby入門：ERBによるHTML内でのRuby実行
rupauk's scrapbook ~ programming notes by striatic 前回の続きで、RubyによるWeb API開発環境を整える準備です。 HTMLにRubyを組み込む場合、通常では /usr/local/bin/ruby インタプリタを呼び出して、Rubyのコードを読ませて、結果的にHTMLを出力するでしょう。 その場合の大きな問題点があって、HTMLのコードをひとつひとつprint文の連続になってしまうことです。HTMLのタグをいちいちprintしまくるなんて、汚すぎて見れたものじゃないです。 PHPのようにHTMLで <?php ・・・ ?> とくくって、HTMLの中にコードを組み込む形にしないと、ほんとしんどい。 ソリューションとしては、eRubyかERBを使用するということです。私の使っているサーバはeRubyが利用可能な状態ではなさそうなので、E
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Geekなぺーじ : 2点間の距離を求める
（注意！）この記事は、旧APIであるGoogle Maps API version 2を解説したものです。version 2の利用は推奨されていないので、意図的に旧バージョンの情報を探していない場合は、新しいバージョンの解説をご覧下さい。 ここでは、GLanLngのdistanceFromを利用して2点間の距離を計測する方法を説明したいと思います。 サンプル このサンプルでは、距離を求めている点をわかりやすくするためにGPolylineで線を引いています。 線の引き方に関しては「GPolylineで線を引く」をご覧下さい。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作
はてなダイアリーの改行問題に関するベストな解決方法はありませんでしょうか？…
はてなダイアリーの改行問題に関するベストな解決方法はありませんでしょうか？ 私は、今まではてなダイアリーを3回使おうとして3回挫折してきました。 その主な原因が、見た目の改行で、改行<br>にならず段落<p>になる、という点です。 ・俺は実はWYSIWYGのエディタ使ってるよ、とか、 ・><p>ほげ<br>まげ<br>Foobar<p/>< のような「pタグ停止記法」すらうざくないもっと簡単な方法があるよ というような方法を教えてください。 これならいける！という納得したベストな解決法1つに500ポイント差し上げます。 もし、納得しなくても、もっともよいと思った解決方法に100ポイント、次点に50ポイント差し上げます。 皆様のご回答をお待ちしております。
Mac用テキストエディター選手権
今日はちょっとテキストエディターについて語ってみたいと思います。ちなみにTerminalから直接呼び出して使う系のエディターにはまだ手を出してません。viとかvimっていうんですかね。これはjとかkとかでカーソル移動させるしちょっと初心者には敷居が高いです。以下が僕が持ってる＆日頃ぼちぼち使ってるテキストエディターの一覧です。 CotEditor Coda Espresso CSSEdit（CSS専用） Dreamweaver Xcode CotEditor 単純にテキストを書くならCotEditorが良いですね。軽いです。P_BLOGのコードも書いておられるnakamuxuさん作のテキストエディターです。国産。もちろんコード書くのにも向いてます。AppleScriptでわしわし機能強化とかも出来そうです。CodaゲットするまではCotEditor一本でした。いまでもWindowsでいう秀
MacでDreamweaverの変わりになるかもしれないフリーのHTMLエディタ 5本 : 構想雑文
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 Mac OS Xでウェブサイトを作りろうと考えると、最初からiLifeがインストールされている場合は「iWeb」を使ってウェブサイトを作る方法があります。 でも「iWeb」では、できることが限られています。 実際に「DreamweaverみたいにHTMLを書くことができるソフトウェアで、できれば個人が趣味で使うような場合は、無料で使えるソフトウェアはないですか？」という質問をされたので、リストアップしてみました。 Mac OS Xで使えそうはソフトは だいたい5本くらいでしょうか？ Kompozer http://www
ごく簡単なHTMLの説明
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は画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
HTMLって何だ -- ごく簡単なHTMLの説明
「ホームページ」なるものを作るためにはHTMLを知らなければならないとされます。インターネット接続を果たして、いろいろな「ホームページ」を研究して、さあ自分もページを公開しよう、と思っても、HTMLといわれると躊躇してしまう人も少なくないはず。けれども心配はいりません。本来のHTMLは簡単で、しかもとっても役に立つものなのです。 目次： HTMLとは何か ハイパーテキストの誕生 WWWとハイパーテキスト 文書の構成要素とマークアップ よいHTMLを書こう HTMLを書くための道具 HTMLとは何か HTMLとは、HyperText Markup Languageの頭文字をとったものです。この名前を少し丁寧に解釈すれば、「ハイパーテキストのための、文書に目印を付ける方法を定めた文法上の約束」ということになります。 HyperText: ハイパーテキストとは、「テキストを超えたテキスト」という
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
AppceleratorがAptanaを買収
HTML手打ちで作るホームページ講座