Pick up the 9th-gen iPad with two years of AppleCare+ for only $298
Web業界で働きたい人や独学で勉強しているWeb初心者の方は必見!Photoshopやテキストエディタの拡張機能やブラウザのアドオン等、Webデザイナーが日常的に使用している現場で役立つツールを一挙ご紹介します。これを読んで脱Web初心者!最近、Mac USキーボードを買った24-7水野です。 ←こんな顔していますので、是非覚えてやって下さい。 現在所属している24-7が、私にとってWeb業界で働く初めての会社です。入社前はスクールには通わず独学で勉強していました。当時は不明な箇所や業界標準として使用されているツールが分からず、また周りに質問出来る人がいない環境だったので様々なブログ記事やTipsを読み勉強していました。 そこで今回、独学でお困りの方向けに私が使用しているソフトやツールを紹介することで問題解決が出来たり、Web業界に興味を持っている方の参考になれたら幸いです。 デザイン制
「趣味はあまりないけど、とにかく何か新しいことをはじめたい」 「新しいスキルや役立つ知識を身につけるために習い事をやりたい」 日々生活するなかで、そういった気持ちになったことがある人も多いと思います。 新しく趣味や習い事をはじめることで、いままで得意じゃなかったことが得意になったり、新たなスキルが身につくのはもちろん、新たな出会いができるというメリットもあります。 また、身につけたスキルや知識によって、やりたい仕事に就けることもあります。 今回は、これから新しいことを始めたい人向けに、趣味や習い事のマッチングサイトをご紹介します。 \ おうち時間の趣味・習い事はこちら とにかく何か習い事や趣味をはじめたい 「とくに明確にやりたいことがあるわけではないけれど、とにかく何か習い事や趣味をはじめたい」という人は、さまざまなジャンルから探せるサイトを利用すると良いでしょう。 おすすめのサイトを2つ
当サイトはレスポンシブデザインを採用している。 それに合わせて最近GoogleAdsenseのコードをレスポンシブ対応のものに変更した。 その際に面倒なのが、広告が自分のサイトでどう表示されているのかの確認。 キャッシュが残ってたり表示させるガジェットを持っていなかったりという問題があってなかなか簡単に確認できなかったけれど、そんな悩みを一発で解決してくれる便利サイトがあったのでご紹介。 http://mattkersley.com/responsive/ ↑ 上記サイトで自分のサイトのURLを入力すれば各デバイスでどのように表示されるか確認できる。 レスポンシブ対応のAdsenseもそれぞれの大きさに合わせて表示されるのでわかりやすい。 個別ページのURLを入力すればそれぞれのページも表示されるので、トップページと投稿ページのカラムや表示を変えている人にとっても重宝する。 うん、これは便
こいつ…動くぞ! nodeの魅力はサーバサイドとクライアントサイドを同じ言語、JavaScriptで書ける点にあります。複数の言語を使っていると時々書き方を間違えてしまったり、習得コストが余計にかかります。しかしそれはクライアントサイドからサーバサイドへの流れです。 その逆、サーバサイドからクライアントサイドの流れはどうでしょう。各種言語をWebブラウザ上で書けるようにする試みがされていますが、今回はその一つPHPをJavaScript上で実行するUniterを紹介します。 デモです。中央にあるPHPとされている部分はリアルタイムにWebブラウザ上で実行されます。 普通にパースエラーも起きます。 もちろんPHPの全ての機能が使える訳ではありません。今のところは以下の機能が実装されています。 if/else/else if while for foreach function switch
こんにちは。コンテンツディレクターの関本です。オウンドメディアを構築、運営していく過程で、 「いろいろな部署に確認をとっているうちに、あれもこれも入れることになってしまった」 「運用しているうちにやりたいことが増えて、結局何のサイトだかよくわからないことに」 というケースは多々あると思います。 特に長期で運用する大規模なオウンドメディアだと、必然的に関わる人が多くなり、いろいろな方向から飛んでくる意見(無茶振りもありますよね……)をくみとり、反映させながら進めなくてはいけません。 最強無敵のコンテンツはありえるのか
なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方|WEB Drawerをご覧下さい。 Gruntで何が
日本のみなさん、こんにちはぁ!LIGサイトを教科書代わりに使っています、ライターの、のび太です。 今回は、これまでLIGで公開された記事をWeb制作者が見たいもの、学びたい分野別にまとめてみました。ぜひブックマークしておいて、時間があるときに見ておいてくださいね。特にWeb制作者の方は必見だと思います。めっちゃ勉強になること間違いなしっす! LIGブログ 知りたい分野別リンク集 Sass、Compassを学びたい人 CSSの常識が変わる!「Compass」、基礎から応用まで! これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応) 目指せSassマスター!デザイナーがすぐ実践出来る基本テクニック12連発 Compassの設定ファイル「config.rb」の編集方法 Sassを使ったコーディングの強い味方に!便利なextend&mixin集を作ってみた Sass
作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ
はいこんにちは。最近なぜか風邪が治らないナカムラです。何食ったら健康になれるんでしょうか。誰か教えてください。 さて、サイトを作って!とザックリ投げっぱなされた依頼について、何を掲載するべきで何をどう設計するべきなのか。悩みますよねぇ・・・。 今回は日本ディレクション協会の人気講座「0からのWebディレクション講座:設計編」で、DCHSの高瀬さんが非常に分かりやすい見解と考えまとめ用のテンプレを公開してくれましたので紹介してみます。 以前からこのサイトでもその重要性についてブツブツ言っている感情設計についての考えとも重なる部分多めでしたので、両方読んでいただけると理解が深まるかもしれません。 感動設計テンプレート&講演資料 ユーザーが感動するウェブサイトを実現するために必要な情報設計とは? 高瀬さんいわく全てのWebサイト、サービスは「ユーザーを感動させるため」に存在しているし、そうあるべ
Webカムや動画までFaviconに流しちゃいます! FaviconはWebサイトのマークとして大事な役割を担っていますが、単に同じ画像をいつまでも表示しているのでは面白みがありません。もっと活用したい、そう考える人に使ってみて欲しいのがfavico.jsです。 できること favico.jsができることはFaviconのダイナミックな変換です。例えば、 バッジ表示 別なアイコンに差し替え 動画の表示 Webカムの表示 ができます。Faviconの中でWebカムを表示したいと思うケースは思いつきませんが、バッジ表示やユーザによってアイコンを変えると言うのは十分ありえるのではないでしょうか。 バッジ表示についてはアニメーションや形を指定することもできます。 デモ バッジ表示。数はダイナミックに変更できます。 数をアップしました。 アイコンの差し替え。 動画の再生。 バッジの表示位置は指定でき
【img via tabletop assistant by MattHurst】 優れたユーザーインタフェースとは何か。どのようなデザインを「優れたユーザーインタフェース」と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく! 1.マルチカラムではなく、シングルカラム 複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる 最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する 似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる 実際に使っている「ユーザーの声」を参考に買い物をする人は少なくない
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 [読了時間: 2分] 2000万曲を無制限に利用できる次世代音楽サービス「Spotify」の日本参入が間近かだ。 日本市場展開のための採用活動は2013年初頭から動きが見られ、同年4月には香港・シンガポールを筆頭としたアジア展開を発表 (「Spotifyが
うお、もの凄い勢いで進化しています! 今はクラウド全盛の時代です。Dropboxでローカルデータをクラウド上に保存し、Google Appsでメールやスケジュールを管理し、さらにiCloudでスマートフォンやタブレットのデータをバックアップする。そんな中心配になるのは自分のデータがちゃんとセキュアに保存されているのかということでしょう。 企業においてはセキュリティ基準からクラウドサービスを安易に導入できないケースもあります。そこで使ってみたいのが自前で立てられるクラウドサーバ、ownCloudです。 元々ファイルストレージがメイン機能だった覚えがあるのですがバージョン6になって実に多彩な機能を備えるようになっています。順番に見ていきましょう。 ファイル管理 まずはファイル管理。ここではローカルのファイルを同期してクラウド上からの閲覧、ダウンロードできるようになっています。 写真はownCl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く