タグ

仕事とWeb制作に関するsolaioのブックマーク (361)

  • フリーランスの全国Webサイト制作料金表 2013年度版

    全国で活躍するフリーランス・SOHOの皆さんの、... / フリーランスの全国Webサイト制作料金表 201... / 東京:GYPSYの制作料金他...全23件 全国で活躍するフリーランス・SOHOの皆さんの、制作料金を掲載しているページを集めました。料金相場や価格設定の参考にご利用ください。 ※掲載している情報は2013年9月18日時点のものです。最新価格やそのほかの価格に関しては、リンク先をご確認ください。

    フリーランスの全国Webサイト制作料金表 2013年度版
  • 無料でPNGファイルを最大70%圧縮してファイルサイズを減らす「TinyPNG」

    PNGファイルをブラウザにドラッグ&ドロップするだけで画像を最大70%まで圧縮することが可能なのが「TinyPNG」です。画像の質をほとんど落とさずにファイルサイズを少なくすることができ、閲覧者にとっては読込速度が高速化され、そしてサーバ側にとっては転送量が減ることで負荷の少ない結果を生むことができます。 TinyPNG – Compress PNG images while preserving transparency http://tinypng.org/ このサービスの特徴は、「非可逆処理」をPNGファイルに対しておこなうことで通常よりも高い圧縮率を達成していることと、透過PNG(アルファチャンネル)に対応していることです。今回は、下記の2つのファイルの処理をおこない、どの程度の圧縮が可能か見てみたいと思います。 Firefox24ロゴ:549KB フォルダーのアイコン:52KB

    無料でPNGファイルを最大70%圧縮してファイルサイズを減らす「TinyPNG」
  • ロリポップの一連の改ざんトラブルで大変なことになった僕の記録 - すしぱくの楽しければいいのです。

    公開日:2013年9月 5日 カテゴリ:Web制作に役立つネタ ぱくたそサーバー(Pleskなど)のヘルプデスクをお願いしているエンジニアの方と『サーバーを借りる際、「サポートだけにはしっかり費用が払える」を目安にしたいですよねー。』などと、安さ爆発のロリポップをつまみに盛り上がっていたら、『いやぁ、あのトラブルは当に大変でした・・・』っという苦労話が実によくあるケースだったので、警鐘を兼ねて寄稿していただきました。('A')ノ ロリポップ大規模DB改ざんについて 寄稿のお話の前に、今回発生したロリポップ大規模DB改ざんを簡単にまとめると。 【緊急警報!!】ロリポップとGMOのinterQのWordPressが軒並み乗っ取られてます | More Access! More Fun! サイトが改竄されている → WPサイトが乗っ取られてる?脆弱性か? → ロリポップ公式から「ハッキングされ

    ロリポップの一連の改ざんトラブルで大変なことになった僕の記録 - すしぱくの楽しければいいのです。
  • ウェブデザインで大切な空白スペースの効果的な5つの使い方

    空白スペース(ホワイトスペース)が、ウェブサイトのユーザエクスペリエンスに与える5つの重要な効果を紹介します。 5 Ways How Whitespace Affects The User Experience 下記は各ポイントを意訳したものです。 はじめに:空白スペースの基礎知識 1. 空白スペースがデザインに使いやすさを加える 2. 空白スペースがコンテンツに読みやすさを加える 3. 空白スペースがビジターに休憩を与える 4. 空白スペースがデザインをモダンに見せる 5. 空白スペースがあなたのデザインに感動を与える はじめに:空白スペースの基礎知識 空白スペース(ホワイトスペース)は、ウェブデザインにおいて非常に人気の高いデザイン要素です。この空白スペースは元々は印刷デザインからのもので、「テキストとグラフィックの欠如」を現します。と同時に空白スペースは「空きスペース」以上の役割を果

  • Webデザイン作成に必須のツール&効率化できるサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール(写真加工・イラスト作成) テキストエディタ(HTMLCSSのコーディング) 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス (編集部注:この記事は2013年08月29日に公開された記事を再編集したものです。) ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは? ワイヤー

    Webデザイン作成に必須のツール&効率化できるサイトまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Flipsblog.jp

    サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

    Flipsblog.jp
  • サイトを企画・設計する前に決めるべき14の項目(ディレ協主催「0ディレ」講演レポ)

    「0からのウェブディレクション講座 設計編」に行って来ました!今回の講師はディレ協所属、DCHSの高瀬さん。レポートは初登場のユースケです!よろしくです! 制作に”入る前”こそ重要 今回は設計編ということで、サイト制作に入る前段階で「明確にすべき項目」と「その方法」にスポットを当てた講演内容となっていて 企画そのものの成功率を上げるに何を知るべきか スムーズに制作を進めるためには何を準備すべきか プロジェクトを高速で進めるための戦略のとりかたは? といった、現場のディレクターにとって重要すぎるほど重要な内容がギッシリな”濃い”講演でした。 意図不明なサイトや、ぜい肉たっぷりなサービスができあがる原因はどこにあって、どうすれば解消できるのか?今回僕が学んだことを一気に並べて共有したいと思います。 資料スライド公開 このレポート内で紹介している14項目について、講師の高瀬さんが公開してくれてい

    サイトを企画・設計する前に決めるべき14の項目(ディレ協主催「0ディレ」講演レポ)
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • コーディング規約を作ろう

    2017年1月6日 Webサイト制作, 便利ツール コーディング規約やスタイルガイドは、HTMLCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。 ↑私が10年以上利用している会計ソフト! コーディング規約に含むべき項目 ディレクトリー階層 ファイルを保存するフォルダーの階層や、そのフォルダーの名前を決めておきます。画像を格納しているフォルダーを例にあげても、「image」「images」「

    コーディング規約を作ろう
  • 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 | コムテブログ

    TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ?」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。 企画/提案 1.企画書 企画書はどれくらいのコストで効果(売上)を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum 2.提案書 提案

    企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 | コムテブログ
  • パパ活アプリ・サイトおすすめランキング15選!P活女子が比較【2024年最新】

    「簡単にパパと出会える」とよく使われているのがパパ活アプリ・サイトです。しかし色々なパパ活アプリ・サイトがリリースされたため数が多くどれが良いのか分かりません。 「パパ活」が初めての女子にとっては何より安全で、良いパパと出会えるアプリ・サイトを選びたいですよね。 そこで今回は、おすすめのパパ活アプリ・サイトや特徴・選び方・使い方について解説します。「パパ活アプリ・サイトに登録してみたいけど、ちょっと怖い…」「安全にパパ募集したい」と感じている方はぜひ参考にしてみてください。

    パパ活アプリ・サイトおすすめランキング15選!P活女子が比較【2024年最新】
  • Webサービスを爆速で公開するためのチェックリスト | Find Job! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    Webサービスを爆速で公開するためのチェックリスト | Find Job! Startup
  • ディレクターがプログラマーとうまくやる方法を全部教えます : LINE Corporation ディレクターブログ

    こんにちは、櫛井です。 プロジェクトマネージャーやディレクターの仕事というのは多岐に渡りますが、特にプログラマーと上手にコミュニケーションを取り一定の目的を果たすというのはわりと大変なことだったりするらしいです。私は比較的プログラマーとうまくやれているタイプのようなのであまり苦労した覚えが無いのですが、過去10数年で培ったプログラマーと上手くやる方法を紹介していきたいと思います。おまけで「プログラマーに嫌われる6つのこと」も紹介します。 ※うまくやれてるイメージ図 プログラマーと上手くやる方法をざっくり言うと 役割分担として求められていることをやる お互いのTODOを把握し区切りをつける スケジュール管理をしっかりする といったカンジです。ではそれぞれ説明していきます。 役割分担として求められていることをやる そもそもディレクターが求められる役割とはなんでしょうか。Web開発案件におけるデ

    ディレクターがプログラマーとうまくやる方法を全部教えます : LINE Corporation ディレクターブログ
  • WEBアクセス解析ツールMixpanelが簡単なのに凄い。

    Mixpanel Mixpanelは、Google Analyticsと同じく、WEBサイトのアクセス解析ツールです。しかしツールの性質は、Google Analyticsとは大きく違います。Google AnalyticsがWEBサイトのあらゆるアクセスをガンガン突っ込んで大量のデータをなんやかんやしようとするのに対して、Mixpanelは比較的数の少ない特定のイベントなどに絞って使います。 全部を丸ごと見ようとするのではなく、特定の一部分をとにかく詳しく解析しよう、というイメージです。 導入はものすごく簡単 登録は名前とメールアドレスとパスワードだけ。簡単です。 Google Analytics同様に、JavaScriptが発行されるので、自分のサイトに埋め込みます。JavaScriptなので、トークンが見えてしまっていて、自分以外の人でも解析データ投げ込めるような気がします。 (fu

    WEBアクセス解析ツールMixpanelが簡単なのに凄い。
  • そのドメイン名、使い終わった後も面倒を見続ける覚悟がありますか?:Geekなぺーじ

    2013年参議院議員通常選挙の広報活動を目的として、2013senkyo.jpというドメイン名が登録(および利用)されています。 これに限らず、このような形で各案件ごとに専用のドメイン名を利用したPR活動が、世界中で頻繁に行われています。 公開予定の映画のタイトルや期間限定で発売される商品名をドメイン名に使ったプロモーションなどが、その典型的なものであるといえるでしょう。 しかし、そのような形態で登録・利用されているいわば「期間限定のドメイン名」では、「使い終わった後のこと」が、しばしば忘れ去られてしまうことがあります。 たとえば、今回取り上げた2013senkyo.jpは汎用JPドメイン名です。 汎用JPドメイン名は日国内に住所があれば誰でも登録できます。 そのため、仮に今回の選挙終了後にこのドメイン名の使用を終了した場合、登録料さえ払えば基的に誰でもこのドメイン名を再登録し、次の登

  • おそらく現時点で最強のビッグワードSEO(追記あり)

    わかっている範囲で、ホワイトハット的なSEOで。 SEOに詳しい方には、すでにご存知のことばかりかとは思いますが、実践可能で具体的な作業としてのSEOのまとめを、自分用にアウトプットします。ご意見、ご指摘などありましたら嬉しいです。 サブドメインでwikiを作る 例 >>ニコニコ大百科トップページ – ニコニコ大百科 >>ピクシブ百科事典 – 同人漫画イラスト二次創作に関する辞典 現在のGoogleは構造化をしたサイトを好む傾向があります。そのため、ビッグワードで上位表示させるには、wiki(構造化が好まれる)を作り、それらから内部リンクを使い、トップにビッグワードで戻るリンクを張ります。 まあ、サイトによってはサブディレクトじゃなく、ダイレクトにそういう構造にしてもいいかもしれません(アフィリエイトで「保険」を狙ってるなど)。 ランサーズで記事を依頼する >>ネーミング・ライターの

    おそらく現時点で最強のビッグワードSEO(追記あり)
  • そのキャッチコピー本当に「刺さる?」を判断する、ある1つの質問

    そのサイトで相手に届けたいメッセージを凝縮した物が「キャッチコピー」ですよね。 ランディングページにしても、ホームページのトップページのメインビジュアルにしても、キャッチの良し悪しは、マーケティングの成功に直結します。 もし失敗すると、例えばこんなことが起きます CVR(コンバージョンレート)が思うように上がらない 想定していたターゲットと違う申込者や問合わせが増える バックエンドが苦労する そんな大事な「キャッチコピー」の考え方ですが、経験上ユーザに響きやすくなる順に大きく3つのステップがあると考えています。 今回はそのステップをいかに上がっていくかという内容です。 「キャッチコピーについて、作り方で悩んでいる」「何回やっても変えても、あまり改善しない」「上手くいっているコピーと、そうで無いコピーの差を知りたい」といった方向けです。 キャッチコピー「考え方」の3段階 大前提 キャッチコピ

    そのキャッチコピー本当に「刺さる?」を判断する、ある1つの質問
  • とあるフリーランスWebデザイナーの一日

    2017年7月14日 フリーランス, 便利ツール フリーランスとして働いている人は、なかなか他の人の働き方を知る機会がないのではないでしょうか?どんな風に時間管理してるんだろう?どんなツールを使ってるんだろう?などなど、気になるけど、聞くまでもないかな…なんて…。最近そのような、フリーランスの働き方についての質問メールをいくつか頂いたので、フリーランスのWebデザイナーである私の一日を追ってみました(自分で)。いつも業務に使っているWebサービスや便利なツールも紹介しています。ほとんどが無料サービスなので必見ですよ! ↑私が10年以上利用している会計ソフト! 5:30 起床 朝は早いです。逆立ちをして(!)目を覚まします。逆立ちなんて相当集中していないとできないので、一気に目が覚めます。 その後Macを開いてメールチェック。メールクライアントはMac付属のMail。すぐ返信するもの、後で返

    とあるフリーランスWebデザイナーの一日
  • 一挙公開!チャットワークを支える10の厳選ITツール&Webサービス

    どの企業でどんなITツールが使われているのかを公開した「Cloudstacks」というサイトが先日話題になりましたね。 Twitter・Dropbox・Tumblr・Pinterestなどが何を使って運営されているかがわかる「Cloudstacks」 そこで弊社も便乗して、ChatWorkでどんなITツール&Webサービスが使われているかを一挙公開します。 プロジェクト運用 コミュニケーション、タスク管理、スケジュール管理などプロジェクトを円滑に実行するためにITツールの存在は欠かせません。 Google AppsGmail、Googleカレンダー、Googleドライブなどが統合された企業向けパッケージ「Google Apps」を弊社では2007年から利用しています。 「Googleサイト」でサービスの仕様をまとめたり、Googleドライブガントチャートやプレゼン資料などのドキュメントを

    一挙公開!チャットワークを支える10の厳選ITツール&Webサービス