構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 ここ最近のサイトへのアクセスログを見ていると、スマートフォンからのアクセスが増加傾向にあるので、ウェブサイトつくるときもスマートフォンに考慮したサイトにせねば、とようやく思い始めています。 スマートフォン向けのレイアウトをつくるのは苦手だし、特に、レスポンシブウェブデザインのレイアウトって面倒としか思えないし、どうするかなぁ、と思うもすぐにCSS Frameworkを使えば解決するかなぁ、と思って調べてみました。 CSS Frameworkの数あり過ぎです。 昔は、グリッドレイアウトをきれいに作成するぐらいのものでしたが
最近何かと話題の Node.js を使ってみることにした。 インストール自体は公式の Wiki を見ればそんなに難しくない。いつもの configure, make, make install するだけだ。 でも Node.js はまだまだ開発中のプロジェクトで、今でもがんがん更新されてる。すぐに新しいバージョンが出てくるんだけど、そのたびにソースからインストールし直すのもいやだし、ちょっと前のバージョンに戻したくなることもあるかもしれない。 そんなわけで、最近の Node.js は nvm というツールを使うのが流行みたいだ。こいつを使うと複数バージョンのインストール、切り替えが出来るようなって便利。 Mac でも Linux(Ubuntu) でも使えるんだけど、微妙にハマったとこがあったので手順を書いておく。 2012/03/21追記 npm でのパッケージのインストール、設定について
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。Ameba事業本部の杉本と申します。 業務では「天下統一クロニクル」というチームでフロントエンドのディベロッパをしています。 今回は、「node-webkit」という一風変わったアプリケーションを紹介させていただきます。 私達は普段、gruntといったnode.js製のツールを使ってJavaScriptの結合や圧縮、画像の減色といった処理を自動化していますが、node-webkitはこれらnodeのモジュールを使ってGUIアプリケーションを作れるツールです。nodeの資産をそのまま利用できるので、私のようなディベロッパには嬉しいですね。
最近 node-webkit の記事をいくつか目にしたので試してみました。 GitHub https://github.com/rogerwang/node-webkit node-webkit とは PC の GUI アプリを実装する Chronium ベースのランタイム。 Windows, Mac OSX, Linux のアプリが作れる。 もともとインテルで開発されていたものがオープンソース化されたらしい。 node-webkit のいいところ Web 技術 (HTML/CSS/JavaScript) で PC の GUI アプリが作れる。 node.js のモジュールが使える。 Webkit の HTML5 機能が使える。 使い方 (1) 公開されている Prebuilt binaries からターゲット環境のバイナリをダウンロード。 (2) HTML とマニフェストファイルを用意す
「傷つかない技術」を体験した授業 というブログ記事を読み、深く共感した。 詳しくはリンク先を読んで欲しいが、かいつまむと・・ アメリカの大学でアート&ビジネスというクラスを取っていた際、 「はい。みんな課題持って来ましたか?では、机の上に出して、紙の人はそのまま破り捨てなさい。立体物の人は壊してゴミ箱へ捨てなさい。」 と先生に言われた。 曰く、「プロのデザイナーを目指しているなら、一生懸命作ったアイデアや作品を見ることもなく破り捨てられる経験をこれからたくさんする。それに耐えられなければ、プロのデザイナーにはならない方が良い」 僕の職業はデザイナーではなく、コンサルタント(≒プロジェクトの成功請負人)なのだが、同じようなことは毎日のようにある。自分が深夜までかけて作った打ち合わせ資料が、翌日の打ち合わせ本番では全く別な資料に差し変わっていたとか、「天に唾はく様なプレゼンだ」と切り捨てられた
「漁師とコンサルタント」という有名な話がある。 僕はこの話がとても好きです。 たぶん、有名なので知ってる人は多いと思いますが、だいたいこんな話。 メキシコの海岸沿いの小さな村に、MBAをもつアメリカのコンサルタントが訪れた。 ある漁師の船を見ると活きのいい魚が獲れている。 コンサルタントは聞いた。 「いい魚ですね。漁にはどのくらいの時間かかるのですか?」 「そうだな、数時間ってとこだな。」 「まだ日は高いのに、こんなに早く帰ってどうするのですか?」 「妻とのんびりするよ。一緒にシエスタを楽しみ、午後にはギターを弾きながら子供と戯れ、夕暮れにはワインを傾けながら妻と会話を楽しみ、それで、寝ちまうよ。」 それを聞いてコンサルタントはさらに質問をした。 「なぜもう少し頑張って漁をしないのですか?」 漁師は聞き返した。 「どうして?」と。 「もっと漁をすれば、もっと魚が釣れる。それを売れば、もっと
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
「Java News.jp(Javaに関する最新ニュース)」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」(駆け足の要点説明)でお届けします(編集部) ちまたにあふれるバージョン表記 少し前に「Web 2.0」「○○2.0」という表記が流行したのを覚えていますでしょうか。よく見かける広告のコピーにも、最近では「バージョンアップ」という言葉が普通に使われています。バージョンや、バージョン表記は、ソフトウェアの世界だけでなく、ごくごく一般化したように思えます。しかし実際には、どういう意味か分からないのが、バージョン表記です。 アプリケーションソフトウェアの開発は、さまざまな状態/段階を経て完成します。その段階/状態と、リリース後の状態/段階を示したのが、バージョン表記です。 例えば、数字以外でも、以下のような表記を見かけたことはありません
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
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.
メリークリスマス! このブログは、HTML5 Advent Calendar 2013の12/25用です。 とはいえ、HTML5カンファレンスとかあったせいで、最近あまり技術的なトピックを追っておらず・・・ ここは、つい最近目にした gulp というプロダクトを触ってみたレポートでもしようかと思います。 Node.js製なので、実はHTML5ともあんまり関係ない。すいませんすいません gulpは、自身のことを「ストリーミング・ビルド・システム」と称しています。つまり、Gruntなどと同カテゴリの「ビルド用ツール」です。 Gruntは、JSON形式で宣言的にタスクのパラメータを記述していく形式です。慣れればスッキリしていて見やすいし、設定を変更するのも容易なのですが、細かくタスクの動作を制御する必要が生じた時に「何をどうすれば求める結果が得られるのか?」がわかりにくいという欠点があります。あ
Todoリストの機能 1.テキストボックスから、Enterで追加できる 2.登録したTodoはダブルクリックで編集可能になり、Enterで編集確定できる 3.登録されているTodoの総件数がフッターに表示される 4.完了したTodoがある場合、それらをリストから消すボタンが表示される 5.全選択/解除を行うチェックボックスがある 個人的な結論 趣味開発で使うならAngular.js・仕事で使うならKnockout.jsをお勧めしたい。 まず、フレームワークを選択する際は、以下3つの選択基準を持つとよいと思う。 1.開発の規模 大規模ならBackbone.jsはお勧めできる。 書き方が決まっていて、チュートリアルに目を通せば(面倒なのは置いておいて)何を作らなければならないかは簡単に理解できる。そこそこの人数で長い時間の開発を行うなら、UIチームはアプリケーションとView、サーバーサイドは
はじめに 先日、PhantomJS でログインが必要なページでも自由自在にスクレイピング - 凹みTips という記事を書きました。 前回は PhantomJS のみを用いてスクレイピングを行なっていましたが、スクレイピングした結果を使って色々やりたい!となると、Node.js の力を借りたくなってきます。単純に取得した HTML を利用するだけなら、PhantomJS の fs モジュールを使って HTML をファイルに書き出し、これを Node.js で読み取って…、なんてことをすれば可能ですが、何かしらの入力を受けて動的にページを遷移したい、となると厳しくなってきます。 そこで、本エントリでは PhantomJS を Node.js から使って色々出来るよ!ということを解説したいと思います。 利用するモジュール PhantomJS をラップした Node モジュールは沢山あります。試
幸福の脳内物質 「人は何を考えているときが一番幸せか?」 脳波スキャンで解明される http://www.earthinus.com/2011/07/compassion.html
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Googleが人工知能(AI)の開発を行うベンチャー企業「DeepMind Technologies」を5億ドル(約510億円)以上の金額で買収したことが明らかになりました。GoogleがAI技術を獲得した狙いが気になるところですが、そもそもDeepMindがどのような企業なのかという点はあまり明らかにはされていません。 DeepMind Technologies http://deepmind.com/ Exclusive: Google to Buy Artificial Intelligence Startup DeepMind for $400M | Re/code http://recode.net/2014/01/26/exclusive-google-to-buy-artificial-intelligence-startup-deepmind-for-400m/ Googl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く