プロとしての行為 Act as Proffesional
1．一般的なコーディング規約に目を通し、エレガントなコードを知る エレガントなコードを書くためには、エレガントなコードを知らなければならい。その土台を築いているコーディング規約について、オープンソースではどのようなものが使われているのか理解しておこう。入社する予定の会社が採用している言語については必ず目を通しておこう。 PHP PEAR 標準コーディング規約 symfony CodingStandards Perl perlstyle Ruby クックパッド株式会社のRubyコーディング規準 Matzスタイル NaClで採用している規約 Python PEP 8 そして、あなたの身近にあるオープンソースのコードを実際に読んでみよう。この時点でコードの仕組みや設計が理解できなくても良い。コードがエレガントかどうか？を感じ取って欲しい。こう書いた方が、良いのではないか？など、考えてみよう。
いまどきのRubyとRailsの学び方 | Act as Professional
code school という学習サイトがあります。現在は、Ruby on Railsに特化したコンテンツがありますが、確認する限りでは、jQueryやHTML5 & CSS3のコンテンツが近いうちに公開される予定です。 なにが、いまどきなのか？ Ruby on Rails（rails3に対応してる）が無料で学習できる Rails for Zombies をやってもらえば、すぐにわかるのですが、rails環境を一切つくることなく、Webブラウザだけで完結しているコンテンツなんです。 つまり、ブラウザにコードを打ち込んでいくと、動作する結果を返してくれるのです。環境作りに苦労することなく、学習に専念できるのです。 初心者向けのコンテンツだからこそ、こういった配慮は大事だなぁと考える。 Rails for Zombies は5章構成になっていて、1章ずつ動画で丁寧に説明されている。英語が聞き取
怒りの感情と上手く向き合うには？ | ライフハッカー・ジャパン
みなさんは最近、イライラしたり、むかついたりしませんでしたか？ おそらく、多くの人がうなずいていることでしょう。でも、そんな自分を責めないでください。憤慨するのは、 自分の思い通りに事が進まないもどかしさだったり、 相手に対してそれ以上傷つけられたくないという防御機能だったり、逆に、こんなに自分をさらけ出せるのはあなただけなんだから、あなたも心を開いて、という欲求が原因だったりします。 心理学のObject Relations Theory（対象関係論）では、怒りはsplitting（分離）の一つで、自分を守り、自立し、健全な人間関係を築くための自然な感情とされています。だから、怒ってもいいわけです。 では、どうやって自分の中に沸き上がる怒りと向き合えばいいのでしょうか？ 先日、小学二年生の娘が学校（カリフォルニア州の公立学校に通っています）でもらってきたプリントにそれがシンプルにまとめて
成功者が必ずやっている「苦手な人」克服法とは？
怖い上司や先輩、嫌味な同僚、ひねくれ者の部下、傲慢な取引先etc… 誰にでも、できれば関わりたくない「苦手な人」がいるもの。でも、プライベートならまだしも、ビジネスでは付き合わないわけにはいきません。 しかし、「苦手な人」を苦手なままにしておくのは、自ら成功のチャンスをつぶしてしまうようなもの。あなたの「負の感情」は必ず伝わり、相手はけっしてあなたの協力者になってはくれません。苦手な相手を克服して信頼関係を築くことこそ、ビジネスチャンスをぐっと広げるためのカギなのです。 では、どうすれば苦手な人を克服できるのでしょうか。 それは、「ほめる」ことです。“成功している人”は必ずほめています。自分が好意を示すことで、相手はその感情を受け止め、必ず好意を返してくれる。それを知っているのです。 でも、「ほめる」ことは、簡単そうに思えてなかなか難しいものです。いざほめようとすると照れくさくなったり、「
これがあるからGoogle Chrome! ブログ更新が超効率化するショートカットキー検索教えます! – 和洋風KAI
最近、GoogleChromeへ移行している人がむちゃくちゃ多くて、昔から使っている私としては大変嬉しいのですが、僕がChromeを手放せないのは圧倒的レンダリングスピードももちろんですが、検索スピードが段違いに効率的だからだったりします。 しかし、デフォの設定のままだと、そこまで効率的にはなりません。そこで今回は、Chromeの検索スピードを上げてくれる便利なショートカットキー検索をいくつかお教えしたいと思います。 GoogleChrome ショートカットキー検索の設定方法。 まず、ショートカットキー検索の設定方法をお教えしましょう。Chromeには、一見大きなアドレスバーしかありませんが、ここは実は検索バーになるということを頭にいれてください。 さて、さっそくショートカットキー検索の設定をしてみましょう。アドレスバーを右クリックするとこんなメニューがでますので、「検索エンジンの編集」を
実践! WEBビジュアルデザイン 最終回「クライアントと一緒にデザインをつくる（後編）」 - MdN Design Interactive
2011年3月25日 TEXT：文＝石田裕豊（（株）フォーデジット） Webデザインに必要な知識や考え方は、普遍的なものもあれば、案件やクライアントによって変化する部分もある。PCやネットの技術やトレンドの変化によっても変わっていく。そのような知識や考え方、取り組み方を学び、考えるうえで大事なことは、現場で役に立つ、実践的でリアルな知識を得ることだ。 そこで本連載では、Webデザインの現場で役に立つ、実践的なWebビジュアルデザインのトピックや考え方、取り組み方について考えていく。 前回の「第13回 クライアントと一緒にデザインをつくる（前編）」では、クライアントとデザインをつくっていくための準備プロセス、「デザイン策定における準備プロセス」に関して言及した。今回はその次のプロセスである、「デザイン策定プロセス」に関して言及する。 ■方向性の決定──準備プロセスの総括 準備プロセスで実施し
なぜすべての Web サイトが HTTPS を使わないのか ? | スラド セキュリティ
本家 /. にて、「Why Doesn't Every Website Use HTTPS?」という興味深いストーリーが立てられている。 「HTTPS はよりセキュアなのに、なんでみんなが使わないんだ ?」という至極簡単な疑問が寄せられているだけなのだが、多数の回答が寄せられている。挙げられている理由としては「SSL 証明書を取るのにコストがかかる」「クライアントのパフォーマンスが悪化」などが寄せられている。 ただ、SNS サイトや個人情報を要求されるサイトは増えており、「すべての Web サイトを HTTPS 対応に」という話は悪くないような気がする。実際 Twitter や Google など、HTTPS 対応サイトも増えている。あなたのサイトも HTTPS 対応を検討してみては ? # なんか SSL 証明書の営業みたいなタレコミになってしまった
“プレゼンは日常会話の延長。「話す力」で人の心を動かしたい” プロが語るプレゼン成功の秘訣 ― 徳力基彦 氏インタビュー
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
TechCrunch | Startup and Technology News
Nubank is taking its first tentative steps into the mobile network realm, as the NYSE-traded Brazilian neobank rolls out an eSIM (embedded SIM) service for travelers. The service will give customers access to 10GB of free roaming internet in more than 40 countries without having to switch out their own existing physical SIM card or…
誰でもデザインの腕が上がる！ フリーフォントパーフェクトコレクション
日本語・ひらがな・カタカナ・欧文・絵文字を1000書体集めたフリーフォント集の決定版が登場しました！ プレーン、キュート、エレガントなど、書体の外観別の実用的な分類。しかも商用利用が可能なフォントも一目瞭然です！ デザイン・POP・WEB・チラシ・ムービー・ロゴ・DM・はがき・写真の飾りなど、さまざまな用途にお役立てください。Windows&Mac対応のハイブリッド盤DVD-ROM付属。 目次 お詫びと訂正 『誰でもデザインの腕が上がる！ フリーフォント・パーフェクトコレクション』 お詫びと訂正のお知らせ このたびは『誰でもデザインの腕が上がる！ フリーフォント・パーフェクトコレクション』をご購入いただきまして、誠にありがとうございました。 本書の33ページで紹介しているフォント101番「Raioh-Regular」のDVD-ROM収録データのうち、Windows対応フォントがデータ損壊に
SSL サイトを制作する上での簡単な注意事項まとめ
SSL のサイト制作におけるまとめとなります。 https のページで http からファイルなどを読み込んではいけない SSL で保護されているページなのに SSL で保護されていないページからファイルを読み込んではいけません。各ファイルに対して http でも https でもアクセスできるようなサーバーの場合はすべてのパスを以下のように絶対パスや相対パスで記述すれば問題ありません。 /css/common.css ../css/common.css 存在しないファイルを読み込もうとしてはいけない 存在しないファイルを読み込んでもエラーが出ます。例えば js フォルダなんてないのに js/jQuery.js みたいな感じで読み込もうとするとエラーが発生します。ファイルのパスにも気をつけましょう。 Cookie に secure 属性を使う 以前記事にしました。せっかく SSL を使うな
CSS Nite LP9 連動 第2回コーディングコンテスト
2007年5月に第1回目が開催されたコーディングコンテストの第2回を開催することになりました。 用意されたデザインを参加者がそれぞれ個々のスキルや考えに基づいてコーディングします。第2回は現在策定中であるHTML5+CSS3を利用し、テクニック、デザイン再現性、メンテナンス性の高さを競います。 このコンテストはCSS Nite LP9のイベントと連動しており、イベント当日に結果発表が行われます。 開催目的 これから現場で困るだろうHTML5+CSS3の技術を先取りして実装してみることで問題点を洗い出し知識として共有する。 この機会を利用してこれからのスタンダードを業界に示す。 参加・応募方法 参加するにはこのページ最下部にあるダウンロードリンクから必要データをダウンロードし、それを元にマークアップ、コーディングを行ってください。 完成したデータとprofile.txtをzip圧縮して c
基礎となりつつあるCSS3と、CSSの現在、これから | Web標準Blog | ミツエーリンクス
3月はブラウザのリリースが続いた一ヶ月でした。Internet Explorer 9, Firefox 4, Chrome 10が正式版となり、またOpera 11.10, Chrome 11がそれぞれベータ版として公開されました。 それぞれのCSSサポート状況を見ながら、CSS3の現在とこれからについて考えてみました。 スナップショットがベースラインに IE9でがセレクタとColor, 名前空間、メディアクエリーを実装したので、デスクトップブラウザにおいてCSSスナップショットが満たされたことになります。IE9がWindows Phone 7に提供されると、スマートフォンにおいてもそれが完了します。CSS3は一部ではありますが、CSSの基礎となったのです。現在のPCサイトでは主にCSS 2.1段階のCSSが開発の基礎技術として認識されていたように思いますが、今後はスナップショットに移行し
マピオン、HTML5 Canvasで表現する東北地方太平洋沖地震被災地「トラック通行実績マップ」 - MdN Design Interactive
株式会社マピオンは3月25日、同社が提供する地図情報検索サービス「マピオン」において、いすゞ自動車株式会社が運営する高度運行情報システム「みまもりくん オンラインサービス」の通行実績情報を基に作成した、「トラック通行実績マップ」を公開した。 「トラック通行実績マップ」は、いすゞ自動車株式会社の「みまもりくん」搭載車両から収集した通行実績情報を表示した地図。大中型トラックを青色のアイコンで、小型トラックを緑色のアイコンで表示、日別で確認することができる。HTML5のCanvasを使用し、膨大な通行実績データをパフォーマンスよく表示できるのが特徴だ。推奨ブラウザはInternet Explorer 8.0以上、Fifefox 3.6以上、Chrome 10.0以上、Safari 5.0以上。HTML5のCanvasに対応しているブラウザだとより快適に閲覧できるとしている。 「トラック通行実績マ
忘れやすい人のためのRailsリファレンスガイド
手早く「チート」する方法 「cheat」（チート）というのは、「ずるをする」「だます」といった意味合いがありますが、その名もズバリ、「cheat」というツールがあります。ここでは「手抜きする」といった訳が適当でしょうか。 cheatはコマンドラインで素早く使えるツールなので、簡単に文法だけをチェックしたいというときは、APIのドキュメントを調べるより、こちらのほうが手軽です。 cheatは、以下のコマンドで簡単にインストールできます。
Dreamweaverのスニペットをショートカットキーに登録して作業効率アップ！ | バシャログ。
年末進行からそのまま年度末進行に突入して、そろそろ HP がゼロの sakai です。早く 4 月にならないかな。 Dreamweaver を使ってコーディングする場合は、キーボードショートカットを使うベシ！ というエントリーを過去にご紹介しています。 Dreamweaverのコードビューでよく使うショートカット Dreamweaverでテーブルを組むときによく使うショートカットキー 今回は一歩踏み込んで、自分で登録したスニペットをショートカットで呼び出す方法をご紹介します。 Dreamweaver のスニペット機能は、よく使うコードを登録しておいてパネルから挿入することができる機能です。 Step1 よく使用するコードをスニペットを登録する ここでは、<span></span> を登録してみます。 スニペットパネルを開き、右下にあるボタンで新規スニペットを登録します。 スニペットの種類を
ビジネスユーザー必見！仕事に役立つエクセルの技 5連発 : ITライフハック
2011年03月26日10:00 ビジネスユーザー必見！仕事に役立つエクセルの技 5連発 カテゴリ ビジネスユーザーの中には、仕事でExcelを使っている人も多いだろう。Excelで表を作れる人でも、ちょっとした使い方がわからずに悩んだことはないだろうた。そういったトラブルは、Excelに詳しい人に聞いてみると、簡単に解決できてしまうことがある。そこで今回は、仕事に役立つExcelの技を紹介しよう。 ■限られた時間を有効活用するPC技！ビジネスを加速する無料ソフト3連発 パソコンの前でムダに過ごす時間を減らせれば、ビジネスの貴重な時間を確保できる。空き時間ができたら、人と会ったり、資料や情報を収集するなど、次のビジネスにつながる作業ができる。今回の知っ得では、パソコンの自動シャットダウンやロック、使用時間の制限などで、時間の有効利用をサポートしてくれる無料ソフトを紹介しよう。 ■書類作成の
面倒なブラウザごとのCSS3プレフィックスを自動で付けてくれるツール「CSSPrefixer」:phpspot開発日誌
CSSPrefixer 面倒なブラウザごとのCSS3プレフィックスを自動で付けてくれるツール「CSSPrefixer」 プロパティごとに -moz とか -webkit を全部設定するのめんどくさい、という場合にサブミットすれば自動で付いた結果が出力されるというシンプルだけど便利なツールです。 サブミットすれば次のように -moz とか -o とか -webkit とか全部付けて出力してくれます。 これはいい。 JavaScript とかで、１個指定しとけばJS読み込むだけで全部自動やってくれる的なライブラリがあったらもっと便利な気がしますね。 jQueryとかで比較的簡単に実現できそう。 関連エントリ 便利なCSS3ツール6つ＋α IEでもCSS3を使うためのツールやリソース集 HTML5/CSS3に関する便利ツールやチーとシート、リソース２５
Beginner's Guide to CSS3 (Updated)
20 Basic CSS Tips for Designers Boost your web designs with our guide to 20 must-know CSS tips and tricks. Read more Getting Started with CSS3 Take Your Design To The Next Level With CSS3 Advantages of CSS3, with explanations and examples of CSS3 properties and selectors. CSS3: Progressive Enhancement How you can use graceful (or, progressive) enhancement techniques to make use of CSS3 features in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
美しいフォント100選 – creamu
Chromeで緊急地震速報を受信できる拡張機能「earthquake Notify」 | フリーソフトラボ.com
IPA、春期試験を6月・7月に延期。手数料返還なども発表