HTMLは、手軽なマークアップ言語ですが、開始タグや終了タグなどあり、文章作成やちょっとしたメモ書きには不向きです。 今回紹介するのは、Markdownという軽量なマークアップ言語です。 GitHubのREADMEや、Tumblrなどでも採用されており、様々なCMSのプラグインも存在しています。 汎用性が高く便利な記法なので紹介します。 Markdownとは Markdown は、文書を記述するための軽量マークアップ言語のひとつである。 「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット」として、ジョン・グル―バー(John Gruber)とアーロン・スワーツ(Aaron Swartz)によって考案された。 Markdownの記法の多くは、電子メールにおいてプレーンテキストを装飾する際の慣習から着想を得ている。
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう！ 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
JavaScriptを使ってアニメーションを書くときに有用なテクニックの、基本中の基本をご紹介します。おそらく、このブログを見ている人のほとんどにとっては釈迦に説法だと思います。今回、requestAnimationFrameの話すらしません。その点、ご留意ください。 まず、JavaScriptでアニメーションをする場合に気をつけないといけないのが、一度JavaScriptの実行（Context）を抜けないとブラウザに描画が反映されないということです。簡単に言うと、 <html><head><title>bad sample</title><script> onload = function() { var e = document.getElementById("e"); for(var i = 0; i <= 100; i += 5) { e.style.left = e.style.
2013年08月10日13:30 転ばぬ先のExcelワザ これだけは覚えておきたいExcelテクニックまとめ カテゴリ 週末のまとめ記事とまったく関係のないような話だが、つい先日、大学時代からの友人から「会社を辞めたいのだが相談に乗ってくれ」と連絡があった。久々に会って話をしたのだが、ご尊父に介護が必要になり、職場に相談したところ遠回しに辞職をすすめられたのだという。いわく「現職では何かあったときに駆けつけることができない云々」「家庭に不安要素を抱えていたら判断力が鈍る云々」と、もっともらしい理由を言われ二、三日後に返事をしろと言われ迷っているというのだ。 IT関連の会社に二十数年勤めているのでPCの知識もあるしスマホやタブレットも使いこなしている。職場では、PC関連で困ったことがあれば、その友人に聞けば、ほぼ解決すると言われるほどの知識も持っている。なのでIT関連の派遣に登録して適当な
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
はじめに 先日、Oculus Rift 用のアプリを作って公開してみました。 ついてくるッス v0.0.2 - [ BowlRoll ] ミクさんがミクさんになった自分についてくるアプリです。Oculus Rift では、下を向くと自分の身体が無いことに違和感を感じるので、何かキャラクターの身体を表示してみたいなと思って作ってみました。 作業の間にハマった点等をメモとして残しておきます。 お借りした素材 モデル 【改変】Tda式初音ミク・アペンド m3456ver1.06 【改変】Tda式初音ミク・アペンド m3456ver1.06 - [ BowlRoll ] モーション 歩き＆走りモーション（瞬きするように手を加えました） 歩き＆走りモーション - [ BowlRoll ] ステージ Sci-Fi Level Unity Asset Store より 首の動きと VMD との連動につい
既存記事のまとめのため新しい要素があるわけではないのですが、Appleから発表されたXcode 5が正式にリリースされる前の復習ということで。 Tipsを適用する前のコード #pragma mark - Private Category @interface Sample () @property (strong) NSNumber* i; @property (strong) NSNumber* c; @property (strong) NSNumber* f; @property (strong) NSArray* array; @property (strong) NSDictionary* dictionary; @property (strong) Sample* child; @property (strong) UIColor* color; @property (assi
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
概要 tmlib.js は phi氏開発のゲーム向け JavaScript ライブラリ class 定義、jQueryライクなDOM操作、ajax機能、HTML5 Canvasラップ、アニメーション、 ベクター・行列、サウンド、PC・スマホ対応 などなど MIT License Google Chrome、Safari、Firefox 対応。IE なんて知りません. 多くのクールなサンプルが公開されている スライド ドキュメント tmlib.js > ダウンロード tmlib.js を使って、SBP（スライディング ブロック パズル）を作ってみたよ SBP とはブロックをスライドさせて目的の配置にするパズルの総称 スライディングブロックパズル 15パズル、 箱入り娘、 ラッシュアワー などが有名 tmlib.js のすべての機能を使ってみたわけじゃないけど、使ってみた部分について解説するよ
米アドビ システムズは、5月6日～8日(米国時間)までの3日間に渡って、同社製品のユーザを集めたカンファレンス「Adobe MAX 2013」を開催した。同社では近年HTML5やCSS3を中心とするWeb標準技術のサポートに力を入れており、今年のAdobe MAXでもこれらの技術やツールに関連したセッションが数多く設けられた。本レポートではその中のひとつ、アドビのテクニカルエバンジェリストChristophe Coenraets氏による「Top 10 Performance Techniques for PhoneGap Appplications」の内容をレポートする。 PhoneGapは、HTML5やJavaScriptといったWeb標準技術を用いて各種モバイルプラットフォーム向けのネイティブアプリを作成することができるオープンソースのフレームワーク。元々はNitobi Softwar
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！こんにちワン！ スマートフォン版Amebaプラットフォームでフロントエンドの開発を担当している2012年入社の鳥山と申します。 そこで今回は、Node.jsを始める上で知っておくと便利な知識を現場での開発例を交えて紹介させていただきたいと思います。 想定している読者は、 ・普段HTML、CSS、JavaScriptなどのクライアントサイドの開発をしている方 ・Node.jsに興味があり、始めてみたいと思っている方 ・サーバサイドプログラミングと聞くと身震いしてしまう方 です。 ※今回は、記事にも制限があるので、Node.jsについての説
LTをはじめてやる君へ LT というのは メインのトークは大変なので、簡単に発表できる場をもうけよう 5分なのですべっても大丈夫 マイナーなネタをしゃべってもゆるされるように なんか一発ネタとかも発表できる場をもうけよう などの目的をもって設置されるものです。それほど気負う必要はないし、その日のうちに思いついてやったりする場合もあります(とくに海外では、飛び込みはあたりまえにあるといいます)。 ただ、一方で5分と話す時間がみじかくなっているので、話しなれていない場合には 自己紹介は手短に スライドの文字は大きく ゆっくりしゃべる よく練習する の4点に気をつけましょう。 発表になれてない人ほど自己紹介を長くしがちですが、聴衆はあなたの生い立ちに興味はありません。名前、所属程度をいえば十分です。発表が、あなたのバックグラウンドをしらないと伝わらないものならば、かるく説明する必要はありますが、
enchant.jsでゲームを作って公開するとき、画面が左上に固定されてしまいます。 これはenchant.jsが最初にbody要素の直下にenchant-stageというDIV要素を作るので、レイアウトの変更は難しいのかなー？ とおもってソースを覗いてみると、どうもすでにenchant-stageというIDの要素がある場合は、そこに表示してくれるようです。 ということは、これを上手く使うとゲームだけじゃなくflash的な使い方をサイトで使えるかな？ 難点は必ずenchant-stageというID要素が必要になるので一つのページに複数のゲームを配置できないことですか。 なお、wordpressで設置するときの注意点ですが、game.preloadで画像をロードする際にパスを間違えないように注意。 サンプル（9leapに投稿したのをそのまま配置したので、スタートと終了の処理がおかしいです。）
■使用Photoshopバージョン：Photoshop CS2 作成：09.17.2006 改訂：MM.DD.YYYY ★この商品についての詳細はこちら＞＞レゴ クリエイター レゴ クリエイター・ロードスター 4896 もとになる画像を用意して、レイヤーに配置します。 今回、背景はあらかじめ黒色で塗りつぶしてあります。 ［イメージ］メニューの［カンバスの回転］から［９０度時計回り］を選択して、 画像を横に倒します。 チャンネルパレットの［新規チャンネルを作成］ボタンをクリックして、 「アルファチャンネル１」を作成します。 「アルファチャンネル１」で画像の半分（正確でなくてもかまいません）を選択して、 白色で塗りつぶします。 選択範囲を解除（Ctrl＋D（Mac:Cmd+D）キー）してから、 ［フィルタ］メニューの［変形］の［波形...］を選択します。 波数「999」、種類「矩形波」、波長「
少しのコードで実装可能な20のjQuery小技集素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ 追記：この記事で紹介されているいくつかの方法が、今では CSS のみで実装可能です！詳しくは「かつては JavaScript を利用していたものの、今では CSS のみで実装できる 10 の小技」をご覧ください。 jQuery の基本的な使い方まずはjQuery 本家から jQuery ファイルをダウンロードします。<head> 内に下記を記述し、jQuery ファイルを読み込みます。 <script type="text/javascript" src
１年半ほどコツコツと書きためてきた iOS アプリ開発 / Objective-C 関連の Tips をカテゴリ別にまとめてみました。 数が多いので、オススメのものを太字にしてあります。 （更新情報 2012.8.11）ちゃんと数えてみたら88個しかなかったので、20個ほど追加しました。 （追記 2013.10.1） 本記事をきっかけに秀和システム社よりお声がけいただき、書籍を執筆 させていただきました。iOS開発に役立つTips集です。ぜひ下記ページより 目次を見ていただき、興味のある項目がありそうであれば ご購入いただけるととても嬉しいです。 『iOSアプリ開発 達人のレシピ100』という本を書きました ##ライブラリ／フレームワーク ゲームアプリ向け UI コンポーネントセット "UIKitForGame" ゲームアプリをつくる際に便利な UIKit のカテゴリ／サブクラスの詰め合わ
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
node.jsアプリケーションのスタイルを支配する公的な文章はありません。このガイドはあなたが美しく、一貫したソフトウェアを作れるようになる教訓を与えようとする私の独断の試みです。 このガイドはあなたがnode.jsのみを対象にしていると仮定しています。もしあなたのコードをブラウザなど他の環境でも動かす必要があるのなら、いくつかのガイドは無視してください。 様々なパッケージだけではなくnode.jsもまた、それぞれ自体のスタイルを持っています。なので何かのパッケージの開発に貢献することに興味があるのならば、それぞれのルールに従ってコーディングを楽しんでください。 Tab vs Spaces まずはこの宗教的な問題の話をしましょう。私達の慈悲深い独裁者様はnodeのコアに2スペースのインデントを選択なさったので、彼の秩序に従うのが賢明でしょう。 セミコロン あなたからセミコロンを奪おうとする
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
