なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方｜WEB Drawerをご覧下さい。 Gruntで何が

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、HTML5カルタ大会という大会で優勝させていただきました。 いやあ、実に光栄です。 そこで今回は、HTML5ネタ繋がりで、“間違えて使ってしまいがちなんじゃないかと思うややこしいHTML5タグ”をまとめてみました。 あ、でも皆さん誤解しないでくださいね。 この記事は大会前にカルタの準備がてら執筆したものなので、決して「このキング・オブ・HTML5こと俺様がレクチャーしてやんよ！」なんてことは1mmも考えておりません。 どうか、一Web制作会社の端くれエンジニアが戯言ほざいてやがるな、まあ暇だし読んでやるかくらいのノリでお付き合いくだされば幸いです。ありがとうございます。 【こちらもおすすめ】 その使い方合っていますか？間違えやすいタグ15選（HTML5対応） “定義”に関わるタグ　<dt>,<df

おはようございます(・∀・) 今日も一日頑張りましょう！ てなわけで、くっくる（@kuck1u）です。 みなさん、突然ですが、レスポンシブデザインでコーディングする時、どうしてます？ 僕は、レスポンシブデザインのコーディングが苦手なので、CSSのフレームワークを利用しています。 フレームワークを利用するようになったのは、現場でかならず使われているWordPressデザインのメソッドで紹介されているのを読んだのがキッカケです。 現場でかならず使われているWordPressデザインのメソッドではFoundationというフレームワークが紹介されています。 色々試してみたのですが…Foundationが一番肌に合ったので、Foundationを使用しています。 今回は、FoundationのSass版を利用できるようにする迄の道のりをメモがてら共有します。

マッチングアプリ女「お仕事何してるんですかー？」僕「ドーナツ屋さんで販売してますよ」女「…そうなんですね…」

ブログ高速化はブロガーの永遠のテーマです。 以前はCloud Flareを導入して表示速度はかなり速かったのですが、時々障害が発生してJSがうまく動かなかったり、サイトが表示されなくなるなどの問題が生じたので今はやっていません。 それ以来、ブログの高速化については結構頭を悩ませています。地道にやるしかなさそうですね。 今回は「.htaccess」にキャッシュ設定してブログを高速化する方法をご紹介します。 敷居が高そう…と思った方、私も最初はそう思っていました。ですが、やってみるとめちゃくちゃ簡単で5分あればできるのでやっといて損はないですよ！

以前『色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ！』という記事を書かせて貰ったんですが、ここが次はロゴマークすらも手軽に作れるツールを作ったようなので、とりあえずご紹介。 とりあえず、物は試しと作ってみたロゴマークがこちら。 なんか、どっかで見たことある感じになりましたｗ でも、基本操作は非常に分かりやすい。 Squarespace Logo — Squarespace ステップ１．名前入力 とりあえずサイトにアクセスしてロゴの名前となる文字を入力。 ステップ２．ロゴマーク、ロゴタイプ、タグラインを設定 もう見たらわかるレベルのインターフェースですね。 ステップ３．作ったロゴをダウンロード 前画面で、左下の『Save Logo』を押すと上のような画面が表示されるので、低解像度の物であれば即ダウンロード。といってもサイトなんかで使うには十分な解像度だし

Generative AI improvements are increasingly being made through data curation and collection — not architectural — improvements. Big Tech has an advantage.

【営業連絡】先日、このブログにてWEB制作パートナーになってくれる会社を募集したら、びっくりするくらいの応募があり、面接などをいろいろしまして能力の高い数社とパートナーシップを結びました。いままで新規案件は着手まで最大４ヶ月とかかかっていたのですが、これでリアルタイムに着手ができるようになりました。ほっとしました。これからは複数の制作会社とネットワークを組んで、私めは設計と運用コンサル中心に行こうと思います。これからはWEB制作のゼネコン野郎と呼んでください（笑）・・・ さて、ちょっと前に書いたこのエントリー 楽天がこれからヤバイ!! もうひとつの理由をKeynote MITEで証明してみましたよ の中で、 iPhoneで今見ているサイトの表示速度を計測するアプリがあったらいいなと思って調べたけど・・・無い!! 自分のサイトだけ調べるならアナリティックスでなんとかなるけどいろんなサイトを調

TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人

photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは？ ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは？ 2年程前から流行し始めたレスポンシブWebデザイン。 基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基本 レスポンシブWebデザインの基礎 必読！5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス

ごりゅご.com

皆様、新年あけましておめでとうございますっ！ さて、今年も年が明けましたね〜。なんか去年は本当に色々な事があったように思う一方。12ヶ月の内2ヶ月を休暇で過ごしてしまった事もあり、正直サボりの一年だったようにも感じてしまうのが正直な所ですが…。かたや一昨年は学校に合計4ヶ月くらい通って学校ばっかの一年だったし… 『来年本気出すっ！』って言って、全然実現してないダメ人間の典型ですね！ しかし今年こそはちょっと（久々に）本腰入れて自分を追い込もうと思っているプロジェクトがFrog含め幾つかあるため、また一層勉強に仕事に遊びに旅行と、全部思いっきり励んで行きたいなと思っていますのでよろしくお願いします〜。 と、言うわけで早速ですが、今日は僕が去年お世話になりまくったので、2014年も多分お世話になるであろうサイトを、全て片っ端からまとめてみようと思います。 毎回こういうまとめは適当ですが年末年始

というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない！上手くなるにはどうすればいいの？など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ

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

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

sichoru.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜 2013.12.19 | この方法お勧めです！ | 初心者向け | 制作あるある 皆様しわっす。WP-Dではジミーな技術系記事を書いてますエメラルドこと井村です。 パープルリーダーから「ゆく年くる年」というお題をいただきまして、たまにはまとめ記事的なものを書いてみたいと思います。 日々新技術に猛進する猛牛のような制作者の皆様には役に立たない記事だと思うので、日本酒でもたしなみながらくるくるスクロールしていただければこれ幸いであります。 個人的な話になりますが2013年3月に独立しまして、制作環境なども自分の好きな物を使うことができるようになりました。またフリーランスにとっては作業効率が自分の手取りに直結するので、作業の自動化・効率化は死活問題でもありますよね。 紹介しているツールやサービスは2013

というわけで本年度、すごいなとおもったWebサイトをご紹介。 先に15サイトを紹介したのち、最後に大賞5つを紹介します（大賞が5つもあることに関しては気にしないでください） αブログならぬ、αサイト！レッツスタート！ ※サイトデザインは旬ものなので、時期を過ぎるとリンク切れ、デザインの変更があります。今すぐ楽しんでください。 ノミネート15作品 ゲスの極み乙女。　official website サイドバーから各種ページに移動した時に、地味に動くのがなんかむかつく（いい意味で）。とくにMEDIAページね。 そんなわけで、このサイト、デザインというよりインパクトで受賞。 胸やけ・吞酸劇場〜胸屋家の酸っぱい１日 このFlashの死んだ時代に、あえてオールFLASHに挑むその度胸。 さらにそれぞれのコンテンツが微妙に面白くてやばい。やばいというかヤヴァイ。FLASHヤヴァイ賞。 STAGEWOR

作成：2013/12/16 更新：2014/11/01 Web制作 > サイト構築をするときに、フォームまわりの改善や動画やAPIを使わなくてはいけない機会があったので、ついでにHTML５のマークアップをおさらいをしました。今回はサイトを構築する上で覚えておくと役に立つ、使用頻度の高いポイントだけおさえてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ HTML5 タグ一覧 １．フォーム（input ）関連の便利な新要素 ２．基本要素一覧 動画／音楽再生 ３．video タグ ４．audio タグ アプリケーション向けの機能／API ５．位置情報を取得する ６．ローカルストレージ ７．サーバー双方向通信 ８．バックグラウンド処理 ９．ファイル操作 サンプル １０．ソースコードつきのサンプル テンプレート １１．テンプレート＋作成ツール HTML5