(追記あり:1週間を半分にして水曜日を目標にする方法について。下の方にあります) (追記:年数間違ってました!ご指摘くださったid:MoneyReportさんありがとうございました!)<過去記事> 【時間術/手帳術/朝活法など】「時間管理術」を初めて本気で勉強する - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】 【1時間は「20分が3つある」として行動する】「時間/手帳/朝活」について本気で勉強する【1】 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】 昨日の記事では、1時間を3つに分割して行動する方法について書きました。 今日はなんと…1年間も1週間も分割してしまおうというものです。 これは、人材育成会社代表の和田裕美さんのアイデアで、私が読んだ2冊の書籍で紹介されていました。(『結果を出す人の手帳術 決定版 (Gakken Mook 仕事の教科書 VOL. 3)
こんにちは、フロントエンド・エンジニアの荒井です。 今回はJavaScriptを生成する代替言語(いわゆるaltJS)のひとつ、TypeScriptについての紹介です。 普段はFlashコンテンツ/AIRアプリの開発がメインのため、まだまだTypeScriptを案件などで本格導入する程に使いこなしているわけではないのですが、TypeScriptのコードを色々と試してみてこの機能が便利だなとか、こういう使い方をすると良さそうといった内容をFlash開発者の視点を交えて話をしたいと思います。 TypeScriptを選ぶ理由 TypeScriptで気に入った機能 個人的な要望 TypeScriptを選ぶ理由 普段ActionScript3.0(以下、単にActionScript)で開発を行っている私からすると、JavaScriptにはないクラスベースの開発と静的型付けの2つがあればまずは充分なの
19年ほど、自分の日常やウェブ系のネタやガジェット情報を、面白くさらりと読める、ささやかなエンターテイメントを目指して書いているブログです。2024年初にブログテンプレートが壊れて見づらくなりました。つらい。 ダクトレールを使って、ペンダントライトにして、FabCafeのレーザーカッターでつくった素敵なフェルトのランプシェードをお揃いで3つ使っています。 素敵なランプシェードのお話はこちら! FabCafeで可愛いオリジナルのランプシェード作ってきたよhttp://uramayu.com/blog/2013/12/i_made_lamp_shade.html ランプはWiFiに繋いで、iPhoneから自由に明かりをコントロールできるPhillips Hueライトを導入なんかしています。 iPhoneでコントロールできるかっこいい電球のお話はこちら! WiFi接続してiPhoneから自在に操
「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる!Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド リボーテ -Re:beaute-様のサイトもありがたいことに、このまとめ記事に取り上げて頂いています。 いろいろなメディアに取り上げていただく中でのフィードバックとして、「twitter bootstrapがレスポンシブWEBデザインに便利なのはわかっているけど、どうやったらbootstrapっぽくないデザインにできるのかわからない」という声をよく聞きます。 僕も最初はそう思っていました。 一回触ってしまえば、
ドラクエのダンジョンに登場する「階段」や「毒の沼地」が部屋に出現? スクウェア・エニックスは、RPG「ドラゴンクエスト」シリーズでおなじみのグラフィックを再現したフロアマット4種類を、2014年2月28日(金)に発売します。封入特典として、オンラインゲーム「ドラゴンクエストX」内で飾れるフロアマットのアイテムコードも付属。公式オンラインストア「e-STORE」やAmazon.co.jpでは予約受け付けが始まっています。 ▽ http://store.jp.square-enix.com/series/573/all フロアマットのラインアップは「階段」「毒の沼地」「すべる床」「旅の扉」の4種類。ゲームに登場するおなじみのデザインが描かれており、足を踏み入れたらそれぞれの効果音が聞こえてきそうです。いずれも素材はアクリルで、サイズは約50cm×50cm。「すべる床」は3枚セットで、e-STO
【日本語: https://emotionrise.jp/ 】 【 English:https://emotionrise.jp/english/index.html Please take a look at this "URL" 】 【お問い合わせ】LINEからのメッセージもください⇒ https://lin.ee/30ZFf3Z 【Contact us】 Please send us a message from LINE ⇒ https://lin.ee/ybq6PxL #フラッシュモブ #サプライズ #proposal The Surprise Flashmob in a Wedding Reception Banquet " What makes You Beautiful " by " One Direction " This time, it's a surpr
TOP› 動画劇場› 爆笑と感動の嵐!2013年に見ておくべき動画33個|まさか見逃したまま年こさないよね?
メリークリスマス! このブログは、HTML5 Advent Calendar 2013の12/25用です。 とはいえ、HTML5カンファレンスとかあったせいで、最近あまり技術的なトピックを追っておらず・・・ ここは、つい最近目にした gulp というプロダクトを触ってみたレポートでもしようかと思います。 Node.js製なので、実はHTML5ともあんまり関係ない。すいませんすいません gulpは、自身のことを「ストリーミング・ビルド・システム」と称しています。つまり、Gruntなどと同カテゴリの「ビルド用ツール」です。 Gruntは、JSON形式で宣言的にタスクのパラメータを記述していく形式です。慣れればスッキリしていて見やすいし、設定を変更するのも容易なのですが、細かくタスクの動作を制御する必要が生じた時に「何をどうすれば求める結果が得られるのか?」がわかりにくいという欠点があります。あ
スマートフォン利用者が増えるにつれて、さまざまなモバイルアプリが登場しています。各アプリが、どのような機能やうごき、コンセプトなのか、より分かりやすく伝えることができる、GIFアニメーションを使用した、プレゼンテーションUIデザインをあつめました。 海外デザインブログGraphic Fuelで、ユニークなGIFアニメーションを使った、モバイルUIデザインをまとめたエントリー「20+ Mobile App Concepts with GIF-Animated Previews」が公開されていたので、今回はご紹介します。 GIFアニメーションを利用することで、JPEGやPNGイメージとくらべ、よりアプリデザインのコンセプトや、使い心地などをユーザーに伝えることができますね。 詳細は以下から。 GIFアニメーションが素敵な、モバイルUIデザインまとめ [warning_box]ファイル容量の重い
iPhone を持ち始めてから数年たち、新しいアプリを探す熱も以前に比べたら平熱程度に落ち着いている。 だからといって、同じアプリを使い続けているかというとそうではなく、唐突にメインアプリが入れ替わったりすることもある。 年末の振り返りとして今年私の定番になった iPhone アプリを紹介したいと思う。 もちろんきっかけはこちらのエントリね!いつも素敵な記事で尊敬しています。 今年定番になったiPhoneアプリ #2013app - #RyoAnnaBlog 仕事・生活 仕事や生活で使うツールアプリは機敏なものが嬉しい。もちろん綺麗であることも大切。 トップバッターは Quicka という検索アプリ。以前一度紹介したのだが、この記事以降に iOS7 対応の新しいバージョンが発表された。 Kindle 書籍探しにも Quicka を使ってみませんか? - Gadget Girl 乗り換え案内
私たちは、自分の人生を必要以上に複雑にしているのでしょうか。 シンプルなやり方に戻すこと、減らしてみること、やめてみること、素直に認めてみること。そういった方法で、逆に豊かにリラックスして生活することができるかもしれない...そんな提案をする記事が2013年ライフハッカー[日本版]では数多く登場しました。 毎日の生活が少しこんがらがってしまっていると感じる人のために、下記に記事をまとめました。 ■人生に必要なことは、案外少ない もう一度シンプルに帰ろう。人生をより豊かに味わうための3つの再発見 恐れないこと。闘うこと。チェスの達人が教える「2つのシンプルな原則」は人生にも通じる 嘘偽り一切なし。仕事で幸せになるために知っておくべき10のこと 人生の困難を乗り越えるシンプルな4つのステップ ■習慣が生活を作り、生活が人生を作る 「ペンと紙」で人生がシンプルになる3つの理由 人生で本当にやりた
ネットワークのないところでも使え、サクサク動く。これからのWebゲームアプリが備えるべき機能とは「HTML5 Conference 2013」 馬場 美由紀(HTML5 Experts.jp編集部) 今後モバイルWebアプリはどこを目指すのか──。このヒントが得られたのが、DeNA小原隆郎氏の「地下鉄 x サクサク x これからのWebゲームアプリが備えるべき8つの機能」というセッション。 小原氏は昨年秋にDeNAに入社。「@uupaaというネームは知っている人もいるかもしれないが、ほとんどこのような場所に出ることがない。今日会えた人はラッキーだと思う」という前置きをしてセッションは始まった。 SPAでページをまたがった音楽の再生が可能に 同セッションは検証は必要ながらも、小原氏自身が気になっているWebアプリの技術的なトピックスを紹介するというもの。 まず最初に取り上げたのはネイティブに
1:風吹けば名無し:2013/12/26(木) 02:55:21.93 ID:J7fG2mep すき 12:風吹けば名無し:2013/12/26(木) 03:00:50.00 ID:J7fG2mep 77:風吹けば名無し:2013/12/26(木) 03:33:26.76 ID:mx/HGWbe >>12 下の詳細あくしろよ 82:風吹けば名無し:2013/12/26(木) 03:34:46.28 ID:Z2vd+kge >>77 13:風吹けば名無し:2013/12/26(木) 03:00:59.28 ID:Z2vd+kge 36:風吹けば名無し:2013/12/26(木) 03:14:11.14 ID:tms2juF/ >>13 これ大好き 23:風吹けば名無し:2013/12/26(木) 03:08:53.49 ID:HY3BDnXM もっとください お願いします 31:風吹けば名無
2014-01-01 未来を感じるアプリのUIデザイン iOS開発 明けましておめでとう御座います。nasustです。 今年初めての記事になります。 去年の記事を振り返ってみると、UIデザイン系の記事が多かったですね。 自分は昔からUIのデザインが好きです。アプリが世の中に出る前はWEBデザインを勉強してウェブサイトを沢山作ってました。作りっぱなしで放置でしたが。 今回は未来を感じるアプリのUIデザイン紹介します。 Spotify Login Dribbble - Spotify Login by Nacho Ortega GIF Aimation Dribbble - Gif Animation by Sergey Valiukh UI Weather Dribbble - UI Weather by Sunbzy Dribbble Dribbble - Dribbble by Sylv
名前は聞いていたけど、今まで真面目に見たことがなかったOmiai。調子が良いらしいというのは噂で聞いており、Omiaiを運営するネットマーケティング社は2012年11月にリクルートインキュベーションパートナーズ(以下RIP)から1億円の投資を受けている。RIPの億単位の案件は久々に見かけた気がします。サービス詳細:IVS Launched Pad動画(リンク )IVSの動画によると、2012年11月の事業数値は下記。 マッチング件数:15万件 月商:3,000万円(月額2,980円で男性のみ課金) 課金会員数:1万人(月商から逆算で算出) 会員数:10万人以上(リスティング広告の説明文から推測) 気になったのでサービスを隈なく見てみました。課金はしていませんが。Omiaiが流行っていると思われる理由を考えてみます。 女性登録者のクオリティが高い?美人が多い? Facebook連動のアプリで
ミーハーな私としてはかなり遅かったと思いますが、市場調査のために先日悪友と街コンなるものに参加してきました。市場調査と称するからには仮説があり、それを検証しに行ったわけですが、そのノウハウは開示しておいた方が世のためになるであろうと思い、あらゆるリスクを承知の上で街コン体験レポートを本誌に掲載します。 ■参加者サイドの仮説 ・男女共に出会いがなくて困っている人は多そう(街コンに参加する明快な理由がこれ) ・人数が多くて「イベントっぽい」ため、ガチな婚活パーティーなどよりかは参加ハードルが低いゆえ、人気が出ている ・リア充は出会いに困らないであろうため、リア充比率は低そう ・ゆえに冴えない参加者が多いに違いない ■運営者サイドの仮説 ・参入障壁が低そうであり、街コン事業者自体はたくさんいそう。ゆえにプラットフォームである街コンのまとめサイトは収益性が高そうだが、それゆえ運営者の対応力が問われ
TOP > javascript , WebDesign > パララックス効果を与えてくれるjQueryプラグイン「7 Useful Parallax jQuery Plugins」 2013年のWEBでは大きく活躍していたパララックス効果。視差効果によってもたらされる体験は、今までのWEBとはまた違った感覚を与えてくれました。今回紹介するのはそんなパララックス効果を簡単に利用できるプラグインをまとめたエントリー「7 Useful Parallax jQuery Plugins」です。 7 Useful Parallax jQuery Plugins 手前と奥にオブジェクトを設置し、遠近感を持たせて画面に奥行きをもたせるものから、スクロールによって背景と手前のオブジェクトを動かす定番のものまで様々なパララックス効果を得られるjQueryプラグインが紹介されています。今日はその中から
2013年は、例年以上にたくさんの本を読むことができた。理由はいくつか考えられるけれど、最も大きな要因は、間違いなく、Kindle Paperwhiteを購入したこと。 電子書籍端末があることで、主に外で本を読む時間が増えた。これまでは、外出時の移動時間といえば、だらだらとスマホやiPadをいじっているばかり。 けれど、読書の専用端末を持ったことで、無為なネットサーフィンの時間が減ったように感じる。加えて、端末ひとつで、何十冊もの本を持ち歩けることも大きい。 そんな電子書籍で読んだ本も含めて、今年、特に印象的だった本、おもしろかった本、為になった本を15冊、選んでみました。本選びの参考になりましたら幸いです。 『自分を愛する力』乙武洋匡 『「ひらがな」で話す技術』西任暁子 『知的複眼思考法』苅谷剛彦 『中の人などいない@NHK広報のツイートはなぜユルい?』NHK_PR1号 『ニートの歩き方
ネットでマンガが読める「Webコミック」を休日に楽しみませんか? Webコミックは近年、個人だけでなく、出版社が専用サイトを運営したり、プロのマンガ家が発表したりと、多様化しています。スマートフォンやタブレット端末などでも読めるWebコミックやコミックエッセイの中から、2013年にはてなブックマークで注目を集めた作品をピックアップしました。 ■ 3人の女性の人生を描く「わたしのはなし」 ▽ わたしのはなし|渡辺ペコ - 幻冬舎plus 「わたしのはなし」は、「ラウンダバウト」や「にこたま」などの作品で知られる、渡辺ペコさんのマンガです。幻冬舎のWebマガジン「幻冬舎plus」で連載されています。主人公は「ともちゃん」「まゆちゃん」「めいちゃん」の3人の女性で、それぞれの子ども~大人時代のエピソードを、順に描いています。中でも、不妊に悩む「ともちゃん」を描いた第7話の「山田とも子 30歳」は
jsのconsoleまわりのテクニックはいろいろありますが、個人的に有用だと思ったものにしぼって紹介します。 chromeなら、command + option + jでconsoleを開いて下記のコードを貼りつければ実際に動きを確認できます(1分でできます!!)。 console.logの出力結果をcssで装飾する 出力例 サンプルコード console.log("%csuccess", "background-color:#5bb75b;color:white"); console.log("%cfail", "background-color:#da4f49;color:white;font-size:30px");
公開日2013-12-26タグAdvent CalendarBEMBEM Advent Calendar 2013 最終日のエントリです。 BEM Advent Calendar 2013 に参加していただいた皆さんお疲れ様でした。そしてありがとうございました。 リニューアルした Adventar で最初にカレンダーを登録した時にボックスのヘッダーカラーがアレな黄土色だった時はどうしてくれようかと思いましたし、開始4日前で 18 枠も開いていたりとか、TL では BEM への闇が広がっていたりとかもしていましたが、なんとか 25 日埋めることができました。カレンダーに参加していない方にも BEM の記事を書いていただいたりと、せまい範囲ながら BEM に触れる機会を提供できたのかなと思えています。 最終日 25 日目の本記事では、BEM Advent Calendar 2013 に寄せてい
BEM Advent Calendar 2013の3日目です。 BEM、良さげだけどHTML書くのが面倒になるじゃん、class長いし、多いし。などと思ってBEMを敬遠されている方がいらっしゃったらEmmetのBEMフィルターを利用すれば良いと思います。 Emmetって? Zen-Codingをさらにすごくしたやつです。以下あたりが分かりやすいと思います。 Zen-Codingの次期バージョン、Emmet について|Web Design KOJIKA17 EmmetのBEMフィルターを使ってサクッとHTMLを書いてみる BEMろうかなと思ってはみたものの、いざやってみると毎回「ブロック名-エレメント名」なんてclassを書いてらんねーよとなって途中で投げ出してしまうということがあります。僕は結構あります。 まぁ、それでもBEM + 自分ルールの良い感じの HTML / CSS にはなるので
gruntjs/grunt-contrib-csslint 今回紹介するgrunt-contrib-csslintは栄えある安全安心のContribシリーズでありCSS Lintをしてくれるgrunt-pluginである。 JavaScripttを書く人であればJSLintやJSHintを使うのが当たり前かと思うが、HTMLコーダーにとってLintという行為馴染みが薄いかもしれない。ちなみに、LintとはWikipediaに以下のように書かれている。 転じて、C言語に限らず、各種言語で書かれた文書に対して文法チェックを行うプログラムも、lintと呼ばれるようになった。この意味でのlintの代表例としては、HTMLの文法チェックを行うAnother HTML-lintがある。 lint - Wikipedia おお、HTML Lintか!懐かしい!Validatorの名前のほうがコーダーにと
AngularJS Startup Advent Calendarは、AngularJSという、一見便利そうだが、日本ではあまり広まっていないJavascriptフレームワーク(MVW(?))の普及目的で立ち上げ。 AngularJS 最近の気になった記事 作成者は、触りたての初心者であるため、AngularJSを始めるに当たっての基本的なところをチュートリアルなどをやりながら、投稿することイメージしています。 このカレンダーの意図に感して頂ける方はどしどし参加願います。 日本での知名度があまりないため日本語ページが少なく、少し敷居が高いようです。 2013年12月24日(月)追記: 個人的に勝手に上げた本Advent Calendarでしたが、最終的に予想外に多くの方々に投稿を頂き、濃い内容になりました。 (間違いなく、こいつに任せているととんでもなくチープになり危なかっしいというところ
今日も寝落ち… since 2011/8/22この投稿は1分で実現できる有用な技術 Advent Calendar 2013の7日目の記事です。 OS X 10.8から追加されたcaffeinateコマンドを使うことで簡単にディスプレイのスリープやシステムのスリープを一時的に抑制することができます。 例えば、皆さんの周りにプレゼン発表中に何度もスリープに移行しそれを復帰させているマカーは居ませんか? そんな人にそっと教えてあげると貴方の評価は上がりモテること間違いなしです[要検証] 使用例 マニュアルをベースに超適当にまとめます。 ディスプレイのスリープを抑制する caffeinate -d システムのスリープを抑制する caffeinate -i ハードディスクの回転を停止させないようにする caffeinate -m 電源アダプタ接続時にシステムのスリープを抑制する caffeinat
はじめに Multilayer CSS構成システムはBEMとOOCSSの原理を基にしています。この方法はOdnoklassniki.ru(世界のソーシャルネットワークのTOP10)開発チームによって作り出され、ドキュメントとチームベースのシステムの中核として開発者にお勧めです。 この方法は60人以上の開発者と多くの内部サービスという巨大なプロジェクトから生まれましたが、中小規模のプロジェクトにも簡単に導入できます。その拡張性により、開発者はルールの厳格さのレベルを選択できます。 このドキュメントはドキュメント作成エンジンSourceなどの補助ツールを使い、常に改善されています。オリジナルのドキュメントはロシア語で記述されており、全ての情報はまだ翻訳されていませんが、翻訳のプルリクエストはお気軽にどうぞ。 何か質問があればIssues section on Githubまたはメールアドレスr
プログラミング、料理、ブログ——2013年のはてなブックマークでは、どのようなエントリーが注目されたのでしょうか。2013年の年間ブックマーク数ランキングを100位まで発表します。集計期間は1月1日~12月10日です。 2013年 年間ブックマーク数ランキング(2013/1/1-2013/12/10) 1位日本の全エンジニアに捧ぐ!現在公開されているAPI一覧【2013年版】 | Find Job ! Startup 2位僕がユーザーとして本当に感動したWebサービスまとめ(2013年版) - nanapi社長日記 @kensuu 3位めっちゃ安い航空券の取り方 | Into The World 4位【保存版】素敵なインテリアが探せるオススメWebサイト25選 5位あなたは100万円損してる!国からもらえる7つの手当金 6位クックパッドでリアルガチで簡単にできるレシピだけ集めた※追記あり【
この投稿はGREE Advent Calendar 2013 20日目の記事です。 プロデューサーの皆さん、みりっほー。進捗どうですか?私はダメです。ごめんなさい。(´・ω・`) WG事業部の二宮です。今日はアイマス駆動開発の話をしようかと思ったのですが、急遽Gitの使い方の話に変更しました(Inspired by 堀口先生)。 アイマス駆動開発の話が気になる方は、是非一緒に飲みに行きましょうw ※この記事では、ツールにGitやGitHubを利用することを想定しております。 Gitをスマートに使いたい グリーでは、基本的にA successful Git branching model(有志の方による日本語訳)にのっとって開発しています。 Gitについて基本的な考え方の部分は堀口さんの記事で言及されているので、私は現場で具体的にどのような使い方をしているのかについて書きたいと思います。 と
スタイルシートが強力になっていくのに合わせてテキストだけでできることの範囲がどんどん広がっています。アニメーション処理もHTMLだけでできてしまうくらいです。 そこで今回はテキストを使った面白い表示をサポートしてくれるfunnyText.jsを紹介します。特に難しい使い方はなく、テキストアニメーションが実現します。 参考例。2色の文字がランダムに入れ替わります。 自動で変わっていくのでずっと眺めているだけで良いです。 画像だと分かりづらいので動画で紹介します。 使い方は以下のようなコードになります。 $(document).ready(function() { $('.text1').funnyText({ speed: 700, activeColor: '#fff', color: 'black', fontSize: '8em' }); $('.text2').funnyText({
作成:2013/12/24 更新:2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること 1.リファレンス スクリプトの書き方/基礎知識 2.スクリプトの記述 3.文字列/特殊文字 4.演算子 5.オブジェクト 6.プロトタイプ 7.イベント 8.変数 9.if文 10.配列 11.連想配列 12.正規表現 13.デバッグ できること 1.リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー&ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
前二回の記事では、Sass 3.3で追加された「&」の新機能と@at-rootと新しいデータタイプ「マップ」について解説しました。 最後となる今回は、新しく追加された関数やいくつかの変更点を解説します。少し長くなりましたので目次を作りました。気になるところからお読みください。 新しく追加された関数 文字列用の関数 リスト用の関数 call() unique-id() 変数、ミックスイン、関数の存在を調べる関数 inspect() 変更点 リスト関連 @each if() @extend !globalフラグ ※Source Mapについては、丁寧に解説しているブログ記事が既にいくつかありますので、ここでは省略させていただきます。 文字列用の関数 新たに追加された文字列用の関数は6つあります。 str-length($string) str-insert($string, $insert,
【img via Light Green Shopping Cart by LookAfterYourself】 2013年に買って気に入っているモノは多い。どちらかと言うとiPhone用に買ったモノが多いが、一部Mac用アクセサリーや周辺機器を購入している。 「今年買って良かったMacアクセサリー5選」として2013年気に入ったMacアクセサリーをまとめたので、紹介する! Logicool Wireless Solar Keyboard K760 まさに今このキーボードを使ってこの記事を書いている。キータッチはMac純正キーボードほど良くはないが、よほど神経質でなければ気にならないレベル。いちいちバッテリー残量を気にしなくていいのが最高。 Mac用ワイヤレスキーボード「Logicool Wireless Solar Keyboard K760」レビュー:ソーラーパネル搭載なので永遠に使い
Shin x blog Advent Calendar 2013 の最終日です。 12/1 から毎日書いてきた Shin x blog Advent Calendar 2013 ですが、いよいよ今日が最終日です。 今日は、クリスマスということで、ささやかながらちょっとしたプレゼントを用意してみました:D VagrantX GUI で Vagrant が利用できる VagrantX というツールをリリースしました。 http://shin1x1.github.io/vagrantx/ Vagrant は、とても良いツールなのですが、いかんせんターミナル(黒い画面)で操作するものなので、それに慣れていない人にとっては、少し敬遠されている面があります。Vagrantfile を自分で書くような人はターミナルでどんどん使うべきなのですが、用意された Vagrantfile をただ使うだけであれば、
History APIとはHistory APIはHTML5の機能のひとつで、ブラウザの戻る進むボタンのイベントを取得してページの内容を動的に変えることができるものです。 なかなか便利な機能ではあったのですが、ちょっとつまずきポイントが多く、癖もかなりあるっぽいので徹底的に試してみようと思います。 スタックブラウザの履歴の一つ一つの記録をスタックといい、一つ履歴が増える度にスタックが増える。そしてHistoryAPIを使うとこのスタックをページ推移を行わなくても増やすことができます。 HistoryAPIによってスタックが増えた場合は、ブラウザの戻るボタンを押してもページ遷移が発生せず、何も起きない。それがHistory API。 スタックの追加スタックを追加するには、このようにやります。 history.pushState("hoge", null, "/hoge");これで、履歴が一つ
OpenEmu is about to change the world of video game emulation. One console at a time... For the first time, the 'It just works' philosophy now extends to open source video game emulation on the Mac. With OpenEmu, it is extremely easy to add, browse, organize and with a compatible gamepad, play those favorite games (ROMs) you already own. Download Now v{{ details.version }} Experimental Press Pack F
これは「BEM Advent Calendar 2013」19日目の記事です。 タイトルに書いてある通り、Robert HaritonovによるMCSSのドキュメントを日本語訳しました。 ほぼ同内容のものをプルリクエストしてあるので、そのうち本家でも公開されると思います。 公式ページでも公開されました。 英語版があったので基本的には英語版から日本語訳したのですが、英語版で意味がよく分からない部分があって、そういうのはオリジナルのロシア語版を機械翻訳で英語にして、それを元にしたりしました。ので、英語版からの完全翻訳ではありません。 本当はロシア語できる人がオリジナルのドキュメント群を翻訳したほうがよいと思います。 MCSSは主にCSSの管理方法についての考え方で、読んでいて自分のやり方に一番向いているのではないかと思いました。 そこで、ちゃんと理解しておきたいということもあって翻訳してみまし
ファルファーレというショートパスタを使ったサラダ。 使っている野菜はキャベツのみとサラダというにはおこがましいほど野菜は少ないが。 味付けは「カレー+マヨネーズ」という鉄板の組み合わせ。 茹ですぎてしまったパスタの残りを使って作ったもう一品である。 ワインでも飲みながらつまむのがおすすめだけど、夜に仕込んで朝ご飯代わりというのも良い。 カレーマヨパスタサラダの材料(一人分) お好みのパスタ・・・・・・・・・・60gぐらい キャベツ・・・・・・・・・・1/6個ぐらい オリーブオイル・・・・・・・・・・大さじ2 塩・・・・・・・・・・適量 胡椒・・・・・・・・・・適量 (A) マヨネーズ・・・・・・・・・・大さじ2〜3 (A) カレー粉・・・・・・・・・・大さじ1〜2 ウスターソース・・・・・・・・・・小さじ1〜2 玉ねぎやきゅうり、ツナ、ハム、卵などを追加して、具だくさんにするのも良し。 リ
2012年版はこちら。2013年もiOS人気にあやかってシェアを伸ばしてきたMac OSX。MOONGIFTでも数多くのMac OSX用ソフトウェアを紹介してきましたが、今回はその中から厳選して面白そうなソフトウェアを紹介していきたいと思います。一部クロスプラットフォームで動作するものもあります。 1. Janus Notes – Dropboxを使ってMac OSX/iOSと共有できるメモ帳 Dropbox連携型のメモソフトウェアです。 2. Hyro - node製のデスクトップHTML5エディタ node製ながらデスクトップで動作するHTML5エディタです。 3. MMD-Editor – Mac OSX用のMultiMarkdownエディタ Markdownの拡張記法MultiMarkdown対応のエディタです。 ここから先はプレミアム限定になります。
というわけで本年度、すごいなとおもったWebサイトをご紹介。 先に15サイトを紹介したのち、最後に大賞5つを紹介します(大賞が5つもあることに関しては気にしないでください) αブログならぬ、αサイト!レッツスタート! ※サイトデザインは旬ものなので、時期を過ぎるとリンク切れ、デザインの変更があります。今すぐ楽しんでください。 ノミネート15作品 ゲスの極み乙女。 official website サイドバーから各種ページに移動した時に、地味に動くのがなんかむかつく(いい意味で)。とくにMEDIAページね。 そんなわけで、このサイト、デザインというよりインパクトで受賞。 胸やけ・吞酸劇場〜胸屋家の酸っぱい1日 このFlashの死んだ時代に、あえてオールFLASHに挑むその度胸。 さらにそれぞれのコンテンツが微妙に面白くてやばい。やばいというかヤヴァイ。FLASHヤヴァイ賞。 STAGEWOR
全部拾ってみたら、結局全部で54曲にもなってしまいました。総再生時間で3時間30分かかります。 ちなみに、これらの歴代の曲目のリストは以下のサイトを参考にしました。以下のサイトのYoutubeリンクを再生すれば、当時のCMを楽しむことができますよ。 apple CM歴代ソング一覧 - アップルのiPhone,iPad iPod,Mac等のCM曲の紹介 あとがき 今回は短めのエントリーです。自分用にまとめたプレイリストだったのですが、きっと私のブログを見る人はAppleフリークスでしょうから、シェアしたら喜んで頂けると思った次第です。 知らないバンドも結構いっぱいあって、そこからまたお気に入りの曲を広げていけそうな気がしています。そんな楽しみ方の良いですよね。 それでは、今日はこのあたりで。 from your @bamka_t
【Frontendアドベントカレンダー19日目】 Xboxに釣られて転職してから2年半…あっという間だった…。 関与したもの: スマホ版ピグ(リニューアルして面影無し) ピグファンタジア(11月末クローズ) 新規ゲーム ←今ここ 今は新規ゲームでコーディングの人としてjoinしてます。 新しいサービスを立ち上げる時に必要なHTMLとCSSの土台作りを全部やるということが、 「HTML/CSS設計」という言葉で装飾されることを知ったのは割と最近です。 マークアップだけで一人据えるのは珍しいと思うので、今やってることなど含めてつらつら書きます。 ここが変だよソシャゲ開発 依頼を受けてサイトを作る場合は次のようなフローだと思います: クライアントと打ち合わせ 仕様が決まる デザイン決まる 値切られる 価格が……決ま…る コーディング クライアントチェック 突然の無理難題に戦慄走る テスト・修正
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜 2013.12.19 | この方法お勧めです! | 初心者向け | 制作あるある 皆様しわっす。WP-Dではジミーな技術系記事を書いてますエメラルドこと井村です。 パープルリーダーから「ゆく年くる年」というお題をいただきまして、たまにはまとめ記事的なものを書いてみたいと思います。 日々新技術に猛進する猛牛のような制作者の皆様には役に立たない記事だと思うので、日本酒でもたしなみながらくるくるスクロールしていただければこれ幸いであります。 個人的な話になりますが2013年3月に独立しまして、制作環境なども自分の好きな物を使うことができるようになりました。またフリーランスにとっては作業効率が自分の手取りに直結するので、作業の自動化・効率化は死活問題でもありますよね。 紹介しているツールやサービスは2013
1:以下、名無しにかわりましてVIPがお送りします:2013/12/10(火) 03:37:48.51 ID:Yc9UB55h0 こんなことしてる女が結婚して子を産むのか・・・ 2:以下、名無しにかわりましてVIPがお送りします:2013/12/10(火) 03:38:29.81 ID:7SOAczAV0 お金稼ぎ 5:以下、名無しにかわりましてVIPがお送りします:2013/12/10(火) 03:38:54.07 ID:As2GZkjI0 一枚目の髭オヤジはコラができるレベル 6:以下、名無しにかわりましてVIPがお送りします:2013/12/10(火) 03:38:58.85 ID:xzJnxeZC0 原始人みたいなのいるんだけど 8:以下、名無しにかわりましてVIPがお送りします:2013/12/10(火) 03:39:18.21 ID:jNeU2+FKi ハゲの比率やべえ 9:以
1:以下、名無しにかわりましてVIPがお送りします:2013/12/11(水) 01:57:46.70 ID:SMHHXRSp0 2:以下、名無しにかわりましてVIPがお送りします:2013/12/11(水) 01:58:20.34 ID:fUli63VM0 ちょwwwwwwww 3:以下、名無しにかわりましてVIPがお送りします:2013/12/11(水) 01:58:45.22 ID:iz2xzLPF0 ぎっこん!ぎっこん!! 4:以下、名無しにかわりましてVIPがお送りします:2013/12/11(水) 01:58:46.37 ID:SPaPSP69i 足どうなってんだよワロタwwww 7:以下、名無しにかわりましてVIPがお送りします:2013/12/11(水) 01:59:08.68 ID:nP9H5ofF0 俺には早すぎる 8:以下、名無しにかわりましてVIPがお送りします:2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く