こんにちは!@torizoです。 外出先でMacBookAirを使っていると、いつもバッテリー切れの心配をしていたんですが、Hyperjuiceを導入してからは電源のないカフェでも快適に作業することができるようになり、バッテリー切れの心配もなくなりました。 HyperJuiceは、ノマドなMacユーザーに必須のアイテム間違いなしです。早速紹介していきます!
Express 5.0 beta documentation is now available. The beta API documentation is a work in progress. For information on what’s in the release, see the Express release history. Web Applications Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. APIs With a myriad of HTTP utility methods and middleware at your dis
1億総スマホが近づいたこの頃に、JavaScriptのMVCフレームワークに何を使うか? node.jsと使ってみたいウェブアプリのフレームワークの候補を14選んでみました。 MVCフレームワークといっても、純粋なMVCだけではなく、MVVM、MVC2、MVPなど広義のMVCフレームワークを含みます。成熟したフレームワーク backbone.jsのように一定の歴史のあるものや、express.jsのようにnode.jsでのデファクト・スタンダードになっているようなものを含め、今すぐプロダクション環境で使用できる成熟度があると思われるフレームワークをまとめます。 Backbone.js http://documentcloud.github.com/backbone/ 古参のフロントエンド向けMVCフレームワーク。 node.jsに限らず、Rails等のフレームワークでもフロントエンド側の
先週&今週は、出張でアメリカ西海岸。そんな折、先週の金曜日(16日)の夜に BayJax meetup が Yahoo! 本社で開催されるということで、参加してきました。 BayJaxは、シリコンバレー地区のAjax & Javascriptに関するMeetUp。大体、半年おきに開催されているようです。今回参加したMeetUpの形態は、Conference形式(勉強会ののりに近い)。日本との勉強会との違いは、最初にピザを食べてお腹が満たされたところで勉強会が始まることと(こっちの考え方の方が、確かにリーズナブル)、質問が活発なこと(海外では一般的なことですが)。とても、楽しい時間を過ごすことが出来ました。 その中で講演された AngularJS について、今回は紹介します。 AngularJS AngularJSは、とてもシンプルにWeb Appを書くことができる軽量な MVC フレームワ
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル(Model)の部分とユーザーインターフェイスの部分(View)、そしてビューとモデルのあいだで制御する部分(Controller)に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。 しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「New Twitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう? 大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
WebStormはHTML(5)+CSS+JavaScript等をメインに扱う、Windows, Mac OS X、Linuxのクロスプラットフォームに対応したIDEです。 これを読む前に以下の文章を見ておく必要があります 最強のJavaScript IDE 「WebStorm」を使ってみた | Web scratch この記事はWebStorm1.0の頃にかかれたものです。 横浜JSTDDハンズオンでWebStormについて発表してきた | Web scratch WebStorm指南書 この記事はWebStorm 4.0 EAPの時に書かれたものです この記事は、WebStorm 1.0 から WebStorm 5.0までの変更や追加機能等を最強のJavaScript IDE 「WebStorm」を使ってみたをベースにまとめたものです。 購入方法 既に購入済みな方などは飛ばして大丈夫で
奥さんの親戚が住んでいるので行ってみた。九州方面はあまり行かないので新鮮。 ものすごい暑かったらどうしようと心配してたけど体感としては東京より涼しかった。 最近の旅行予約は楽天トラベルで。宿から飛行機まで一括で予約出来て便利。 でもちょっと割高なのかな?もっと安く抑えられるとこあったら知りたい。 今回はじめて見つけたのだけど、羽田空港のゲート内にある立ち食い寿司。 天国過ぎてヤバイ。ここ。 びゅんびゅん 屋久島に着いたのは15時過ぎ。奥さんの親戚の方に迎えに来てもらって車で色々と案内してもらうことに。 「屋久島は雨の島と呼ばれるほどいつも雨だけど今日はよく晴れてる。あんた達ツイてるよ。 それにしても来るのが遅すぎる。朝一で来ないと!」と言われた。遅かったらしい。 この日は大漁を祈願して船で沖をまわるというのをやっていたそうで漁港には 大漁旗をつけた船が沢山。いやぁ、派手だ。 とりあえず泳ぐ
こんにちは、デザイナーの花ちゃんです! Webサイトのデザインをしていると、アイコンを取り入れる場面がよくあると思います。アイコンには文字だけではわかりにくい情報を、ユーザーに対して直感的に素早く伝える効果があります。また、モチーフを簡略化しているので、限られたスペースでもしっかりその機能を果たしてくれます。 今回は、Webサイトはもちろん、図版や資料作成にも欠かせない、無料で使えるアイコン素材サイトをテイスト別にまとめてみました! 独学でつまずいていませんか? Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2
やるべきことがあるのに先延ばしにしてダラダラしてしまうことってありませんか? ほとんどの人は気付いていませんが、実はこのダラダラには原因があります。つまり、この原因を取り除くことができれば、ダラダラとは永遠におさらばできます。 ダラダラと先延ばしにしている要因実際にやるべきことをやる前に、飛び越えなければならないハードルがたくさんあるため、ダラダラと先延ばしする時間が長くなります。 例えば、夕食の準備をしなければならない場合は、鍋やフライパン、皿や箸が必要になるでしょう。 しかし、昼食の時に使ってしまい、それがまだ洗われずに残っていたとしたら、夜ご飯を作り始める前に、まずは洗いものをするところから始めなければなりません。 …これは面倒くさいですね。 つまり、何かやるべきことや、やりたいこと(料理)の前に、別のこと(洗いもの)をしなければならないのです。 「洗いものをしなければならない」のが
Font Collections / 28 Jun 2024 30+ Best Block Fonts (Free + Pro Block Letter Fonts) Nothing beats a block letter font when it comes to designing titles and headings. They are the perfect font for attracting attention as well as making text readable from a distance. Which is why block fonts are mostly used for everything from poster designs to flyer designs and even logo designs. Contrary to popula
animated icon on hover デモページ [ad#ad-2] デモではパネルにマウスホバーすると、背景を変更しアニメーションのエフェクトを適用します。 実装方法 HTML HTMLはシンプルです。 ポイントとなるのは、h3やpなどのブロック要素をa要素で内包している点です。これはHTML5を使用する限りvalidです。 <!doctype html> <html lang="en"> <head> </head> <body> <a href="#" class="hover-panel"> <h3>Panel Title</h3> <p>Additional information about the panel goes in a paragraph here</p> </a> </body> </html> [ad#ad-2] CSS:ノーマル時のスタイリング まずは
HTML 各デモのベースとなるHTMLです。 div要素のclassを変更して利用します。 <div class="pic"> <img src="image.jpg"> </div> 各デモで共通で使用するスタイルです。 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { background: #333; } .pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111
By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ
最近になって、ひとつ気付いた事がある。 僕は仕事としてプログラミングやデザインをするのに向いていない。 一応、職業としてはソフトウェア・エンジニアという肩書きを持っており、 UI と UX を専門とする研究職という立場にはなっている。 プロジェクトの進行や状況に応じてプログラマー役、デザイナー役、ビジネスプランナー役をバタバタと切り替えているので、最近は「必要に応じてなんでもやってる感あるので、あんまり自分を専門家的に思えなくなってきたっていうかタダの小間使いでは」としか思えないのではあるが。 ”何か”を作りたい、成し遂げたいと思ってものづくりに取り組んでいない 他のプログラマー、エンジニアやデザイナーが、実際どうなのかは知らないけれど自身がプログラミングを独学で始めた時によく言われた事が 「何かやりたいこととか、作りたいものが無いのに覚えたり学ぼうとしても、効果は低く、あまり意味が無い」
2012-11-10 彼女は勉強「だけ」ができない 最近は店長候補とする人間を育てている。二十代前半の女の子で、その子には夕方の学生の子を育てるべく二人ばかりを預けている。で、あるときその子がグチっぽく言った。 「どうも自分から動いてくれないっていうか、いつまで経っても頼りっきりなんですよね」 そんで今日、その店長候補の子と俺と、あと新人で夕方からのシフトに入る機会があった。その場合でも俺が直接教えることはあまりしない。あくまでその店長候補の子が教育係で、どっちかっていうと俺がレジとかの通常業務をやるような状態になってる。 んで、彼女が新人さんに揚げ物をやらせていた。 「すいません、フライドチキンはいくつ揚げたらいいですか」 「んー、じゃあ5本で」 「それとポテトがもうじきなくなりそうですけど、これはどうしますか」 「いまはそのままでいいや」 などというやりとりをしていた。 さりげなく様子
再選を果たしたバラク・オバマ米大統領は米東部時間7日午前1時半すぎ(日本時間同午後3時半すぎ)、イリノイ州シカゴで支援者の前に登壇し、次の勝利演説を行った。生中継したCNNの放送からgooニュースが書き起こした。英語の原文はこちら。 ありがとう、ありがとう。本当にどうもありがとう。 元植民地が自分たちの宿命を自ら決める権利を勝ち取ってから200年以上たったこの夜、この国の団結をより完成させるための仕事が、さらに前に進みます。前進するのは、皆さんのおかげです。戦争や恐慌に打ち勝った心を、皆さんが再確認してくれたからです。この国を深い絶望の淵から素晴らしい希望の高みへと引き上げてくれた心のことです。私たちがそれぞれに個人の夢を追求する一方で、私たちはみな同じアメリカの家族なのだと。私たちはひとつの国、ひとつの国民として一緒に浮きも沈みもするのだという、信念のことです。 この夜、この選挙では皆さ
再選を果たしたバラク・オバマ米大統領は米東部時間7日午前1時半ごろ(日本時間同午後3時半ごろ)、イリノイ州シカゴで支援者の前に登壇し、次の勝利演説を行った。生中継したCNNの放送からgooニュースが書き起こした。全文和訳はこちら。 Thank you. Thank you. Thank you so much. Tonight, more than 200 years after a former colony won the right to determine its own destiny, the task of perfecting our union moves forward. It moves forward because of you. It moves forward because you reaffirmed the spirit that has triumph
ここでは bash が環境をカスタマイズするために提供しているもっとも重要な特徴 「特殊ファイル」,「エイリアス」,「変数」について見ていく. 3.1 .bash_profile, .bash_logout, .bashrc ファイル 3.2 エイリアス 基本的なエイリアス スペースを含むエイリアス エイリアスが再帰的になる場合 エイリアスの定義に別のエイリアスを用いる エイリアスを無効にする 3.3 シェル変数 編集モードの変数 メール変数 プロンプト変数 コマンド検索パス ディレクトリ検索パスと変数 その他の変数 3.4 環境変数 3.1 .bash_profile, .bash_logout, .bashrc ファイル bash をログインシェルとしているユーザがログインすると, /etc/profile ~/.bash_profile ~/.bash_login ( .ba
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
先週、実話をもとにあるコミックがネットに投稿された。曰く、ある男が元カノが残した未使用の妊娠検査キットを、ジョークで試してみたところ陽性だった!というもの。ところがこれは笑いごとではなかった。返ってきた1500を越えるコメントの中に「精巣がんの可能性がある。マジです。ググってみなさい」という指摘があったのだ。 妊娠検査薬は、尿中のβヒト絨毛性ゴナドトロピン(HCG)のレベルを読み取ることで判定するが、「精巣がんではかなりの場合に、まったく同じホルモンを作り出すことが判明しています」と、がん専門医であるマーク・ポメランツ博士がABCに回答している。「このホルモンを体内で作り出すものは非常に少ない。精巣がんは数少ない因子のひとつ」ということ。 今週になってコミックの続きが投稿された。件の男性は投稿者の知人で、病院に行って検査を受け、右睾丸に小さな腫瘍が発見されたという。幸い非常に早期であったが
What's New in Pixelmator Pro 3.5 Pixelmator Pro 3.5 Flare brings full HDR support that lets you import, edit, and export HDR content, including HDR photos and videos taken with iPhone. You can now seamlessly create designs featuring both SDR and HDR layers, all while maintaining your existing workflows. Learn more Full HDR Support Unlock new creative workflows with full support for opening, editin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く