「Front-End Developer Handbook 2017」がGitBookで無償公開。フロントエンドデベロッパーに求められるさまざまなスキル、要素技術、ツールなどを幅広く紹介する一冊 WebサイトやWebアプリケーションにおいて、ユーザーが操作する部分の開発を担う「フロントエンドデベロッパー」が扱う技術は急速に広がっています。 もちろんその基盤はHTML/CSS/JavaScriptにありますが、より高度で快適なユーザー体験を実現するにはその基盤となるHTTPやDNSといった下位レイヤの技術やSEOやUIデザイン、フォントといった細分化された専門性、そしてもちろんJavaScriptプログラミングやjQuery、React、Angularといったフレームワーク、JSONやAPIやパッケージマネージャ、ビルドツール、エディタやデバッガなどの周辺ツールとそのトレンドなど、とても一人
毎年記録しているポッドキャスト収録環境のまとめ。2016年のスナップショットからあまり変更がないので、これから収録する人のレベルにあわせたおすすめのアイテムを項目ごとにまとめてみようと思う。 はじめに この記事に書いてあるのは、自分が Rebuild でこの4年間利用してきたものを中心にしている。すべての人にあてはまるものではもちろんないし、日本では手に入りにくい機材なんかも紹介している。また、基本的には毎週、何人かの(レギュラーではない)ゲストと遠隔で収録するというスタイルなので、そうでない場合には参考にならないかもしれない。 項目の多さや、使用しているツールの価格など、「ここまでこだわることはないだろう」という印象を受ける人も多いかもしれない。もちろんそれは正しいのだが、言いたいことはむしろ逆である。良い機材やツールを利用すれば、その分、手間をかけずに、より聴きやすいエピソードを効率よ
どうも、まさとらん(@0310lan)です。 今回は、ブラウザ上からWeb制作などで便利に使えるミニツールを190以上も搭載した異色のWebサービスをご紹介しようと思います! 特に、ファイル関連のジェネレーターやコンバーターが豊富に揃っているのが特徴で、コンソールからタスクランナーなどを起動する必要もなく、フロントエンド側だけでちょっとした制作を行うのに最適だと思います。 【 BeautifyConverter 】 「BeautifyConverter」は、主にファイルの「圧縮」「整形」「変換」などから「構文チェック」「画像変換」「各種ジェネレーター」…など、多種多様な便利ツールが揃っています。 登録不要で、誰でも今すぐブラウザから利用できるので、ブックマークしておいて損はないでしょう! ■基本的な使い方! 「BeautifyConverter」の基本的な使い方を実際に試しながら、どのよう
Shift10という年末に行われるwebデザイナー向けのイベントで、2016年のツールについてお話する機会がありました。当日語れなかった周辺に関するお話をツラツラと。 イベントに参加していない方も楽しめる内容になっていますが、より深く内容を知りたい方はイベント後でも動画やスライドで詳細を知ることができるフォローアップ参加がおすすめです。 「Shift10:Webデザイン行く年来る年(CSS Nite LP50)」(2016年12月17日開催) 脱アドビしたい理由 アドビ製品はどれも良いですが、主となるPhotoshopやIllustratorをプロジェクトによっては使わないケースがあります。 Adobe XDは、パワポがわりにけっこう立ち上げてます。 1ヶ月で10時間もさわれない場合、月々払っている費用とのバランスが悪いのではないか。無駄な支出は減らしたい。というのが発端です。 え、じゃあ
トレタ アドベントカレンダー3日目担当の増井です。 最近、新しいサービスリリースに少し関わることがあり、そこに向けてオススメした開発で役に立つサービスをここでもまとめてみることにしました。 私が、実際にトレタやキタヨンを作るときに使ったサービスを中心に上げています。特に使った方がいいサービスには [必須]を書いてみました。 他にもオススメのサービスがあったら、コメントで教えていただけると嬉しいです! BrowserStack [必須] https://www.browserstack.com http://qiita.com/tags/BrowserStack 言うなら"Browser as a service"。色々なブラウザをリモートで操作してWebの動作確認をしたり、指定したURLのスクリーンショットを多種多様なブラウザで撮ってきてくれるサービス。 Chrome Extensionを
日々の業務、きちんと時間管理(タイムトラッキング)できていますか? 皆さんは、日々のあらゆるタスクをどのように処理していますか? 時間に追われて、複数の業務をこなすことに難しさを感じている方も多いのではないでしょうか。 時間管理ツールは、そんな悩みを解決してくれる、作業効率を上げるのに欠かせないツールです。複数のタスクにかかる時間を同時に管理したり、記録に残したりすることができます。このツールを活用することで、タスクに優先順位をつけ、何をすべきかを可視化することができるのです。 今回は、そんな便利なツールをご紹介します。 TimeCrowd(タイムクラウド) TimeCrowdは個人で時間管理をするのに使えるのはもちろん、仕事を管理する側の人にも非常に適したツールです。このアプリの基本動作は、タスク名を入れて◎ボタンでスタート、■のボタンでストップするだけです。 誰がどんな作業をして
アドビシステムズの日本法人からリリースされた、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介します。
KPI管理、どうやってますか? Excelやスプレッドシート ダッシュボードツール その他の専用ツール KPIは、「Key Performance Indicator」の略で、日本語では重要業績評価指標と訳されます。KPIをしっかりと理解し、運用することによって、打ち手が見えやすくなり現状を打開できるので、ビジネスにおける目標達成を実現することにつながります。みなさんもKPIを設定し、日々目標を追っているのではないでしょうか。営業では訪問数、アプリの売り上げでは、平均単価や継続率などがあげられます。 とはいえ、難しいことは、それを簡単に、綺麗に、ストレスなく管理していくことではないでしょうか。使えば使うほど重くなるExcelやスプレッドシートを使いますか?それとも、エンジニアの手を借りてダッシュボードを作りクエリを駆使しますか? 今回は、Excelやスプレッドシートを使いやすくしたような、
海外サイト Envato Blog で公開された「25 Free Web-Based Apps & Tools For Working With CSS」の著者 Paul Andrew より許可をもらい、翻訳転載しています。 CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。 たとえば、CSSアニメーションや FlexBox レイアウトを作成、調整したり、モダンブラウザ対応の書き方を思い出したり、レスポンシブ用にemをpxへの変換や CSS ファイルの圧縮やクリーンアップ、画像をデータURIへ変換など、どれもクリエイティブとは程遠いものばかり。 今回は、作業時間を大幅に短縮し、より快適なスタイルシートの作成ができる便利なツール25個をまとめてご紹介します。 紹介するツールを活用することで、これまで時間がかかっていた頭の痛くなる作業も、ボ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く