優れたWebフロントエンド開発者になるには
この記事では、二人のエンジニアが書いたWeb開発者のためのアドバイスを紹介する。一人はおすすめの有用なツールとテクニックについて、もう一人はブラウザ向けに書くときに遭遇する課題への対処についてアドバイスしている。 今年のはじめ、BazaarvoiceのソフトウェアエンジニアであるRebecca Murphey氏は「A Baseline for Front-End [JS] Developers: 2015」というブログ記事を書き、クライアントサイドWeb開発に使えるツールとアプローチをJavaScript開発者にアドバイスした。記事を要約すると、彼女はこう言っている。 ECMAScript 2015を学ぶ。 Understanding ES6、ES6 Rocks、BabelJSがおすすめだ。私たちはこのリストにAxel Rauschmayer氏の新しい本、Exploring ES6を加える
EC2 Windowsインスタンスに22番ポートでRDP接続するためのUserData - Qiita
通常のRDPポート（3389）ではなく、22番ポートなど別のポートでRDP接続したい場合のUserDataです。 レジストリの変更でポートが変えられる(https://support.microsoft.com/en-us/kb/306759) ようなので、試しに実行してみたところうまく動作しました。同時にWindows Firewallの設定も必要になるため、TCP22番ポートを開ける設定を一緒に行います。 EC2起動時の詳細設定でUserDataの部分に張り付けて、起動させます。１度目の起動は3389ポートになりますので、起動後に再起動すると22番ポートで接続できるようになります（セキュリティグループの設定も3389から22に変更してください）。 <powershell> Set-ItemProperty "HKLM:\SYSTEM\CurrentControlSet\Control\
vim入門記事では見かけないマイナーかもしれない機能 - Qiita
一般的なVIM入門記事などではあまり見かけない標準機能など、 その中でも人によっては便利かもしれないややマイナーな機能を紹介します。 インサートモード <C-@> または <C-a> 直前のインサートモードで入力した文字を再入力できる。 aと@では入力後の挙動が異なる <C-@>: そのままインサートモードを抜ける <C-a>: インサートモードのまま入力を続ける 例えばノーマルモードで5a<C-@>と入力すれば... 直前に入力した文字(例えば)が5回入力される。 ちなみに動きとしては<C-a>は<C-r>.でも代用できる。 <C-r><c-o>または<C-r><C-p> <C-r>や<C-r><C-r>とは異なり、.キーによる繰り返し処理ではキー入力のまま再現される。 例えば abcをヤンクする インサートモードにて<C-r><C-o>"で貼り付ける。abcが出力される。 defをヤン
で、Crystal で Ruby のコードってどんだけそのまま動くの？ - Qiita
最近話題の Ruby ライクなプログラミング言語 Crystal について。 「Ruby コードが変更なく動く」という衝撃的な発言や、「静的型付けの Rails 嬉しい」といった気の早すぎるように思える発言なども目にして、「じゃあ実際どのくらい Ruby コードがそのまま動くの？」ということを知りたく、「なんかの Gem を Ruby コードのコピペで実装してみよう！」と思いました。 とりあえず空いてる時間が5時間くらいあったので、その範囲という制限でやります。文章も進めながらだらだらと書いていったものそのままで整理していないので超読み辛いかもしれません。 お題の Gem Crystal でコピペ実装する Gem は dotenv です。 これを選択したのは、 他の Gem への依存がない そんなに大きくない コードリーディングで使われたりしてたので Ruby っぽいコードだろう 自分がま
コンテナ技術の基礎知識
コンテナの概要 ITシステムにおいて、開発面や運用面の変化へ迅速に対応する解決策の1つとして、従来では、仮想化ソフトウェアの採用がありました。仮想化ソフトウェアは、複数のOS環境とアプリケーションを1つのファイルとして取り扱い、非常に可搬性の高い基盤を提供します。しかし、Dockerに比べ、複数のOSを集約した場合の性能劣化や、OSとアプリケーションの仲立ちをする仮想化ソフトウェアの介在による障害発生時の問題切り分けの複雑化が問題視されてきました。Dockerは、従来のハイパーバイザー型の仮想化とは異なり、1つのOS環境に、コンテナと呼ばれる分離された空間を作成し、その分離された空間ごとに異なるOS環境を実現することができます。コンテナによってマルチOS環境を実現することができるため、複数のOSバージョンを必要とするITシステムを1つのOS環境に集約できるというメリットがあります。 コンテ
【2016新卒】最終面接で落とされる率がぐっと下がる3つの対策 - paiza開発日誌
Photo by reynermedia こんにちは、谷口です。 就職活動中の皆さんにとって、最後の難関となるのが「最終面接」（役員面接）です。 「一次、二次を突破できているのだから最終面接も通るでしょ」とお思いの方もいらっしゃるかもしれません。また「最終面接なんて最後の意思確認をするだけの場なんでしょ」とお思いの方もいるでしょう。 その一方で「一次、二次は通るのに、なぜか最終面接では落ちてしまう……」といった就活生の方々からのご相談も多くあります。企業にもよりますが、最終面接での合格率は平均すると50％程度と言われています。つまり、2人に1人は落選しているのです。 それでは、最終面接で合否を分けるポイントはどこなのでしょうか？ 最終面接と、それまでの面接との違いとは何なのでしょうか？ 面接官である役員や社長の方々は、何を考えて面接に臨んでいるのでしょうか？ 今回は、就活における「最終面接
有名企業・ブランドのロゴで採用されているフォント15選
企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを
Docker の Logging driver に fluentd が組み込まれるということでリリースを待ちきれずに試してみたメモ - ようへいの日々精進XP
はじめに Docker 1.8 から Logging driver に Fluentd が加わるということで心待ちにしていたら、Docker 1.8-rc3 がリリースされていたので待ちきれず試してみた。 ※本記事の内容は Docker 1.8-rc3 上で試した内容となるので、リリース版と異なる内容があるかもしれないのでご容赦下さいませ。 追記（2015/08/12 PM 5:15） 1.8 が正式にリリースされていた github.com アップデート or インストール（Ubuntu） d$ cat /etc/lsb-release DISTRIB_ID=Ubuntu DISTRIB_RELEASE=14.04 DISTRIB_CODENAME=trusty DISTRIB_DESCRIPTION="Ubuntu 14.04.1 LTS" $ $ curl -sSL https://
nginxとGoでつくるメルカリのプッシュ通知システム | メルカリエンジニアリング
原稿の締め切りを越えた先にあるもの、それは校正です。「俺達の戦いはこれからだ！」的な展開に胸が熱く・・・いえ、ちょっと胃のあたりがチクチクする@cubicdaiyaです。 今回はメルカリのプッシュ通知システムとその変遷について紹介します。 メルカリとプッシュ通知 メルカリではアプリ内でのさまざまなイベントの発生時に対象ユーザに対してプッシュ通知を行うようになっています。アプリ内で発生するイベントというのは例えば、 商品の購入 購入した商品の発送 商品に対するいいね！、コメント といったものです。通常アプリ内でイベントが発生した際はAPIサーバにHTTPSリクエストを発行し、MySQLデータベースへの参照・更新が行われた後ユーザにレスポンスを返します。そして必要であればプッシュ通知を行います。 メルカリのプッシュ通知システムの課題と変遷 メルカリのプッシュ通知システムはこの1年間で2度刷新さ
HTMLメールのレスポンシブ化。 | ネクストページブログ
HOMEブログウェブ制作HTMLメールのレスポンシブ化。 | ネクストページブログ こんにちは、藤中です。 最近、企業からの広告メールやメルマガは、ほとんどHTMLメールになりました。 パソコン用のHTMLメールをスマホで見ると、ちょっと見づらい。スマホサイトがここまで増えた今、HTMLメールもスマホ用の表示になってほしいものです。 最近、お客様からHTMLメールをレスポンシブ化して欲しいというご依頼がありました。調べてみると、HTMLメールのレスポンシブ化は一般的になりつつあり、情報もたくさん出ています。実際に制作していく中で、ネットで公開されている情報だけではうまくいかなかった箇所もあったので、まとめてみました。 今回は制作者向けの情報です。 HTMLメールのレスポンシブ化には、様々な制約があります。よく使われるメールソフトの制限を洗い出し、それを回避しながらコーディングしていきます。
ユーザファーストの嘘
ユーザファーストと聞いて、何を思い浮かべるだろうか？よく、ユーザの声をしっかり聞いていないからユーザファーストではないとか、顧客第一ではない、なんて話を聞くけど、それは全くのナンセンスだ。 ユーザは自分のほしいモノはわかっていないし、無責任まず大前提として、ユーザは自分がほしいものは分かっていない。いくらグループインタビューを重ねても、そこからipodは生まれなかっただろうし、Appleもユーザヒアリングはしないことで有名だ。それから、ユーザに「このボタンの位置についてどう思いますか？」と問われれば、「そうですね、もっと右にあったほうがいいと思います」と、意見を言わないと！いう善意から、責任も伴わない思いつきの意見をどんどんいう。だから、ユーザに「どう思うか」と聞くのは愚の骨頂だ。 長期的視点と短期的視点それから、ユーザファーストという時に、それはユーザにとって短期的にいいものか、長期的に
Web開発に扱いやすいPython、その特徴は？
はじめに 引用元：写真素材 足成 海外では超大手Webサービスも含めて幅広く使われているPythonですが、日本ではまだそこまで普及していません。しかし、世界的に使用が広がっていることからも分かるように、Pythonは高い利便性を誇っています。なぜPythonが支持されるのかを理解し、開発に役立てて下さい。 Pythonの特徴は文法 Pythonの最大の特徴はその文法にあります。Pythonは記号、文字、余白の無駄を最大限省くように作られた言語です。そして、TIMTOWTDI（there’s more than one way to do it – あることをするのにいくつものやり方がある）を信条とするPerlとは対照的に、ひとつのことをするのに基本的にひとつしかやり方がありません。そのため、誰が書いても同じようなコードにこりやすく、また、コードを書いた人ではない人が見ても比較的すぐに内
【IBMを48歳でリストラ】「一週間後に辞めてくれ」と言われ、次の一歩に踏み出して得たもの
WEB・IT業界を縦横無尽に駆け巡るカッチャマンこと、勝屋久氏へのインタビュー。2010年に25年務めたIBMを退職し、スタートアップの相談役・大学教授・アーティストという様々な顔を持つ勝屋氏。プロフェッショナル・コネクターの肩書で新しい職種、働き方を実践する彼は、どんなキャリアと転機を経ていまの生き方に辿り着いたのか。 【 PROFILE 】 プロフェッショナル・コネクター／ペインティング・アーティスト 勝屋 久 Hisashi Katsuya 上智大学工学部数学科卒。1985年に日本IBM入社後、ベンチャー企業の営業隊長、IBM Venture Capital Group パートナー 日本代表などを歴任。IPA 未踏IT人材発掘・育成事業PMなどを経て、2010年に独立。『つながりで人がもっと輝く』をコンセプトにプロフェッショナル・コネクターとして活動を開始。2013年からは本格的にア
1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5
Gitのオブジェクトモデル(The Git Object Model翻訳)
Git Community Book から、1章2節の The Git Object Model を翻訳。ライセンスは、 GPLv2 。 多くのGit解説本と違い、まずGitの内部モデル解説から入るという、おもしろい構成の本です。人によっては、このほうがわかり易いかもしれません。Gitは差分データを管理していると誤解されることがたまにありますが、それは誤りであるということがこれを読めばわかります。 SHA プロジェクトの履歴を表すのに必要な情報は、いずれも、40桁の「オブジェクト名」で参照されるファイルに格納されている。オブジェクト名は、このような形をしている: 6ff87c4664981e4397625791c8ea3bbb5f2279a3 このような40文字の文字列は、Gitのあらゆる場面で見られる。どの場面で出てくるものであれ、その名前は、オブジェクトの内容のSHA1ハッシュを取るこ
自動化・省力化のためのSerf入門
Serfが必要とされる理由 複数のサーバ環境上で、一斉にセットアップ用やデプロイ用のコマンドを実行したり、バージョン番号の確認を行ったりするためには、どのような方法が最適でしょうか。管理対象が数台程度であれば、毎回手打ちでSSHログインを実行し、コマンドを実行する方法もありでしょう。 しかし、その作業が同じ手順の繰り返しである場合や、システムにおける作業対象が十数台～数百台まで増えたとしたらどうでしょう？ 人の手で行うとなると、作業にかかる時間が増える上に、作業ミス発生のリスクも高まります。ミスを防ぐためには、チェックの仕組みも必要となります。たとえそれが単純な作業だったとしても、システム全体としては非常に面倒なものになりがちです。 このような問題を解決するためのツールとして、parallel-sshが挙げられます。parallel-sshは名称の通り、ある環境上から対象となるサーバ群に対
React.jsを使いたいRailsおじさんがJavaScriptライブラリをそれっぽく管理しながら入門する - ppworks.jp
Sendagaya.rb #114に来たので、目標のブログ記事を書いてた。 今日はsendagaya.rbへ行ってブログ記事を一本仕上げるのが目標。— Koshikawa Naoto (@ppworks) August 10, 2015 今日は、React.jsの会なので、RailsからReact.jsをざっくり使って見る準備をしてみます。 目指すもの sprocketsのままとりあえず進む jsのライブラリをnpmで管理したい React.jsをES6で書きたいし、JSX書きたい herokuで動かすぞ！ react-railsは使いたくない 方針 sprocketsと共存するために、browserify-railsを利用し、ES6はBabelを利用します。ライブラリはそのまま、npmで管理します。 npmを入れます もし入っていなければnpmを入れましょうね。 brew install
#JJUG - Java で最速のハッシュアルゴリズムを求めて
【東京】【聴講者募集】JJUG ナイト・セミナー 「ビール片手にLT&納涼会」の発表資料です。 https://jjug.doorkeeper.jp/events/28182
日本のテクノ史199X テクノはいかに聴かれ、作られ、語られたのか？｜bxjp
このテキストは1990年代の日本のテクノの歴史を史料から辿ったものです。数年前に発売予定だった某音楽書籍に収録されるはずでしたが、結局出ないまま時間が過ぎました。お蔵入りさせるのももったいのでnoteに出してみます。文中で「本書」と言っているのは、その本のことです。「出る予定だったけど出なかった本を読んでるんだな……」という気持ちで読んでください。約2万字です。 見出しだけ先に抜き出します。2000年代以降は言及してません。 ■「日本のテクノ」とは何か ■1988年、テクノとセカンド・サマー・オブ・ラヴの誕生 ■日本におけるDJブームとデトロイト・テクノの輸入 ■メディア上の認知とDELICのテクノ化 ■ハードコア・テクノ旋風とジュリアナTOKYO開店 ■テクノポップ再評価からYMO再生へ ■90年代東京テクノ・シーンの胎動 ■ケン・イシイの登場による国内シーンの活性化 ■電気グルーヴの『
仕事を辞める？どうする？悩んだ時におすすめの本を10冊紹介します - ぐるりみち。
※本記事は、自分で電子出版した本の5章を一部編集し、掲載したものです。 スポンサーリンク 「働く」を再考するためのブックガイド 「退職するかどうか悩んでいる」という人には、各々にいろいろなケースがあると思います。 肉体労働が辛く、とても続けられそうにない。 人間関係に問題があり、毎日通うのが嫌で精神的に厳しい。 仕事内容が苦痛で仕方なく、低賃金なので別の仕事をしたい。 そういった、仕事の「現状」に対する不平不満から退職を考えるのは自然な流れです。でも、だからと言って安易に「辞めよう！」と行動してしまうのもどうなのか。もし本当に退職しようと考えるのであれば、「その後」の視点も重要になってきます。 転職先が決まっているかどうか、何かしらの「やりたいこと」はあるのか、未定だとしたらしばらくの生活を維持できるだけの蓄えがあるかどうか――など。退職後の将来設計なくしては、辞めることも難しいように思い
転職エージェントの選び方と比較の軸 - 脱社畜ブログ
先日、過去に転職エージェントで働いていたことがあるという人と会う機会があり、人材紹介サービス全般について色々と教えてもらった。この手の情報はネットで調べるとたくさん出てはくるのだけど、やはり直接経験のある人から話を聞くと裏話的なものも含めて色々と面白い話が聞ける。このブログを読んでいる人の中にも、転職を検討中だという人がいるかもしれない。そこで今回は、先日聞いた話とそれを補足するために調べた情報を元に、転職エージェント（人材紹介サービス）について少しまとめてみたいと思う。転職エージェントの利用を検討している方は、ぜひ参考にしてみてほしい。 転職エージェントとは何か そもそも、転職エージェント（人材紹介サービス）とは何なのだろうか。転職希望者の視点から一言で説明するならば、「その人のキャリアプラン・職歴等をヒアリングし、希望に沿う転職先を紹介してくれるサービス」だと言える。単なる転職サイトの
フォント入門I 第一回「フォントの種類、値段」 - 気刊びびび
せっかく書くことがないんだし、フォントのことでも書いていこうと思う。一度に書ききれる量には限界があるので、シリーズ化していきたい。フォントのことは本当に*1よく知らないけど、同人誌とかでフォントを使っていきたいって人向けの記事にしていく予定なので、既にある程度の知識があるよ、モリサワパスポート契約してるよ、写研大好き、という人は何も言わずにタブを閉じよう。本講義ではフォントの基礎的知識を学び、同人誌作成等に必要な理解を得ることを目標としている。評価は出席点による。 第一回の内容は「フォントの種類、値段」です。長いですがお付き合い頂ければ。 フォントっていろんな種類があるの？ 書体を種類分けするときの一番大きな括りは、書体のジャンルでしょうね。「明朝体」「ゴシック体」といったアレです。ジャンルによって見た目のイメージとかが変わってくるので、場面によって使い分けることがほとんどです。以下に代表
10 Unique Uses of Trello Other Than Project Management
Trello is a list lover's delight. Its Kanban-style approach was not meant just for project management. Don't believe us? Maybe you'll believe what the guy behind Trello had to say about the software's intended uses. Some people saw Trello and said, “oh, it’s Kanban boards. For developing software the agile way.” Yeah, it’s that, but it’s also for planning a wedding, for making a list of potential
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows IoT - Downloads
「外で遊ぼう」「人との対話が大事」なんて子どもにとって余計なお世話──実践子どもIT教育 | サイボウズ式
TechCrunch | Startup and Technology News
Webデザイン動画講座 | 新米クリエイターズ Webメディア部