新着記事

Webデザイン

プレゼン資料作成に役立つ!図形ツールで作られたイラスト素材

最近、パワーポイントで資料を作る際に綺麗にまとめるコツを調べていたのですが、多くのチュートリアルでアイコンやイラストを使って視覚的に訴えかけることが勧められていました。しかし絵心もないし、イラスト素材探し出すのも一苦労…とお悩み方も多いのではないでしょうか。 ならば私が描きましょう!と発起してイラスト素材を作ってみました。 なんとこのイラスト素材、全てパワーポイントの図形を使って作られています。拡大縮小をかけても解像度が足りなくてモジャモジャになったりしません。色も自分好みに […]

会社からのお知らせ

個人クリエイターに朗報!PRやプレスリリースを無料で出来るサービス「ツクログ」をリニューアルしました。

当社で運営している個人クリエイター向けプレスリリース・PRサービス「ツクログ」を本日リニューアルいたしました。 ツクログは個人で開発したWebサービスやスマートフォンアプリを無料で宣伝できるサービスとしてリリースしました。 今回のリニューアルではLINEスタンプのPRと大幅なインターフェイスの変更を行っております。 ツクログサイトURL: http://creators.eightbit.jp/ ツクログAndroidアプリ: https://play.google.com/ […]

Webサイト制作

クラウドソーシングと制作会社の制作価格の差について。

先日、とあるスタートアップ企業からご相談をいただいて、その企業の業務内容などを調べていました。 すると調査の過程で、その企業のロゴがクラウドソーシングサービスで3万円で作られているのを偶然見つけました。 安い!3万円というと個人としては、ちょっと高めの費用ですが、何とか捻出できる費用かと思います。 しかも、提案に挙がっているロゴを見ると結構クオリティーの高いロゴもあって驚きました。 制作会社にロゴ制作を依頼すると数万円ではなかなか制作を請け負ってくれません。 安くても数十万、 […]

Webデザイン

便利なCSS3ジェネレーターのまとめ

こんにちは。 またほとんど自分用ですがCSS3生成してくれるジェネレーターを整理したくてまとめました。 うった方がいいのは分かりつつ、やっぱり頼っちゃいますよね…。 目次1 グラデーション1.1 Ultimate CSS Gradient Generator1.2 CSS Gradient Generator1.3 CSS Sample1.4 Gradient Generator2 ボタン2.1 Grad32.2 CSS3 Button Generator2.3 CSS3 G […]

Webデザイン

夏間近!ビールのブランドサイトを集めてみました

こんにちは、工藤です。 そろそろ関東圏はどんどん気温が上がってきましたね。そしてビールがのみたくなります よね? 弊社サービスのノミトモもそろそろ賑わう時期です。 今回はビールのブランドサイトを集めてみました。 目次1 一番搾り – キリン2 夏いちばん – オリオンビール3 COEDO4 水曜日のネコ5 YEBISU6 アサヒスーパードライ – アサヒ7 ザ・プレミアム・モルツ ビール サントリー – サントリー8 バドワイザ […]

Webサイト制作

エンジニアに必要なプログラム言語以外のこと。

当社の社内で運営している自社サービスや受託制作を一緒に進めていただきたく、Webエンジニアの募集を開始しました。 今回の募集も、新卒、プログラム実務未経験者を優遇しています。 待遇面などはFindJob!をご覧ください。 https://www.find-job.net/list/j102737.html 当社では積極的に新卒や未経験者を採用しています。 何故かというと、自分のやり方などを持っていない状態で入社していただき、当社のモノづくりの姿勢である「工夫して作ること」を吸 […]

Webデザイン

参考にしたいタイトルデザインまとめ

こんにちは、工藤です。 今回はさりげなく悩んでしまうタイトルのデザインを集めてみました。 目次1 ベネッセグループ2 なんばパークス -NAMBA PARKS-3 OPEN-WORLD-ACADEMY4 武蔵野美術大学5 山崎医院6 猿田彦神社7 株式会社リラク8 DENKI屋9 着ぐるみプラス10 東急電鉄11 ナブコ自動ドア12 SGホールディングス13 東京TYフィナンシャルグループ14 東京工業大学15 帝京大学 ベネッセグループ ベネッセグループ なんばパークス – […]

Webサイト制作

どうして受託制作って揉めるの?よくある些細なきっかけ。

受託制作は好きな人と嫌いな人が分かれます。 当社のスタッフの場合は、私がしつこいせいか、ゴールが見えないせいか、社内サービスより受託制作の方がやりがいを持って取り組んでくれているように思います。 さて、その受託制作もうまく進んでいる時は良いのですが、揉める場合もあります。 受託制作が嫌いな理由としては、やはりクライアントからの厳しいオーダーや納期があったりするので、なかなか楽しんで制作出来ない、というのが上位に入るのではないでしょうか? 当社でもほとんどの案件は揉めませんが、 […]

Webデザイン

【デザイン】アイコン・イラストをあしらったメインナビゲーション30選

こんにちは、工藤です。 今回はアイコンやイラストをあしらったメインナビゲーションを集めてみました。 目次1 01.倉敷芸術科学大学情報発信サイト「つなぐ」2 02.渋谷再開発と東急建設3 03.Joha4 04.淡路交通株式会社5 05.JA共済RECRUIT20166 06.流山中央病院7 07.Lidea(リディア)8 08.HEP FIVE(ヘップファイブ)9 09.日本赤十字社10 10.JAバンク11 11.しゅんおき!旬香周島おきなわ12 12.靴下専門店 Tab […]

雑記

2015年版 GWイベントまとめ

少し気が速いかなと思いましたが、GWのおでかけにぴったりなスポットを集めてみました。 長い連休はやっぱり楽しみですね。私は既子供のように張り切っています。オンオフ切り換えて、しっかりやっていきたいですね! 目次1 【原宿】あいぱく アイスクリーム博覧会 20152 【幕張】プラレール博 in TOKYO ~みんなのまちへプラレールが大集合!!~3 【有明】U-1グランプリ うどん祭り20154 【新宿】ブランド和牛の公式祭!大牛肉博5 【お台場】お台場オクトーバーフェスト20 […]

Webサイト制作

気を付けたい!Webサイトにおける制作側と発注側の常識の違い

Web制作をしているとお客様と我々制作側の認識が異なり、ちょっとした揉め事になったりすることがあります。 当社でも時々ありますが、揉め事の発端は制作側では常識だと思っていたけれど、発注者が感じている常識は異なっていた、という常識のすれ違いがほとんどです。(言葉の使い方の食い違いなどもありますね。) そういうことは制作側からちょっと気にして確認しておけば良い話ではあります。 ですが、「そのくらいは常識でしょう」ということでよく確認せずに、最終的に揉め事に繋がってしまうのです。 […]

マークアップ

【怖くないJavaScript + jQuery】折りたためるサイドメニュー

毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 今回は画面サイドにくっついてくる、折りたためるサイドメニューを作りました。 目次1 デモ2 Step1:まず下準備3 Step2:次にHTMLの準備4 Step3:jsを書き込む5 jsの解説 デモ 実際に動かしてみるとこんな感じになります。 デモを別ページで開く ファイル一式ダウンロード 各要素のid、メニューの横幅、ボタンの中身、アニメーションの速さがそれぞれ変更できます。 そのままでもお使い […]

Webサイト制作

どうして制作会社の社内でアイデアを募るとなかなか集まらないのか。

4月も始まり当社も実稼働してから6年目となりました。 (登記上は2009年1月ですが色々準備などしていて実質2009年4月から実稼働しています。) 当社では創業当初、毎週月曜日にアイデア会というのを開いて、新しいサービスのアイデアなどを出し合うということをしていました。 やたらとブレストブレストを言われていた時期で、当社でもブレストしてアイデア出そうとブレストを結構開催していました。 中小の制作会社では、制作者も自社のサービスやクライアントの提案など、様々なアイデアを求められ […]

Webサイト制作

Androidでつまずいたバグについてのまとめ

こんにちは、工藤です。 Android4系の標準ブラウザのバグで引っかかってしまったことがいくつかあったのでメモです。 目次1 <p>要素が指定した幅に広がらない2 『fixed』を指定した要素がスクロールをすると位置がずれる <p>要素が指定した幅に広がらない 原因はおそらくその時のviewportの指定の仕方です。 例えば<p>要素が『100%』としても横幅いっぱいに広がらず、勝手に折り返しされてしまうことがありました。 対策と […]

Webサイト制作

バグレポートを挙げたら怒られた!もう開発者に怒られないCOLORBOXを使ったバグレポート。

すっかり春の陽気になってきました。 まだまだ4/1に公開するサイトなどもあり、本日3/31はかなり忙しい制作会社も多いかと思います。 忙しいと制作現場はピリピリしてきます。 制作現場でよくある光景で不具合であるバグレポートを挙げたら開発者に怒られた、注意された、という経験をお持ちの方もいらっしゃるのではないでしょうか。 「これはバグじゃないだろ!仕様だろ!」 「このレポートの言ってることが分からない」 「もっと詳細に!」 などなど良かれと思って挙げたレポートによってエンジニア […]

Webデザイン

[スマホ版]ログイン画面のデザインまとめ

こんにちは、工藤です。 前回が探していて楽しかったので今回はスマホサイトのログイン画面を色々見てみました。 スマホサイトではプレースホルダに注目しながら集めてみました。 目次1 プレースホルダを使用していない例1.1 ウィメンズパーク1.2 goo1.3 hotpepparbeauty1.4 JINS1.5 piviv1.6 Uber1.7 U-NEXT1.8 サークルK1.9 高島屋1.10 はてなブックマーク2 プレースホルダを使用している例2.1 BuzzFeed2.2 […]

マークアップ

「HTMLって何?WEBサイトを作るってどうするの?」という方に、私たちがどんなことをしているのか知ってもらいたい。

仕事柄、WEBに関することをプライベートでも聞かれることが多いです。 一番多いのが「WEBサイトってどうやって作るの!?」というものなのですが、説明する際にHTMLソースを見せて「ここに画像を表示して、ここに文章を書いて、って表示の指示を延々と書いていくの」と伝えると、大抵の方が「そっか…」と少し悲しそうな顔をします。 英数記号の羅列を見ると拒否反応を示してしまう方が多く、そこで話が終わってしまいます。 実際にHTMLタグを学ぼうとして他のサイトを見てみるも、何だか難しそうだ […]

Webデザイン

デザイン公募まとめ

御存知でしょうか。今2016年度の年賀状デザインコンペ真っ盛りの時期だと言うこと。 とても気の早い話に思えますが毎年この時期です。早い所は皆が年始の休みが明けた頃に締切で、もう応募が終了していたりします。 aiデータを渡すので、デザイナーとしては割に合わない作業になりがちなんですが、ちょっとお小遣い稼ぎしたい時なんかにはぜひどうぞ。大体入賞すればそのまま商品化されます。 ◆2016年版 東急ハンズオリジナル年賀状デザインコンペ 締切:2015年05月18日 (月) 賞:大賞( […]

Webデザイン

【デザインの意味】都道府県の標章

こちら、日本の都道府県の標章です。先日まとめとして拝見したものなのですが、それぞれの意味を調べてみたらなかなか良い者になったので、記事にしてみました。 北海道 北海道開拓使が使用していた旗のデザインを元に、現代的にしたもの。先人の開拓者精神と雄々しく伸びる北海道の未来を表している。 —– 青森県 青森の地形を図案化したもの。カラーは深緑が指定してあり、余白の白地と合わせて意味が設定されている。白地は無限に広がる宇宙世界を表し、緑は躍進発展してやまない希 […]

Webサイト制作

制作会社でも毎日定時(近くに)に帰れる制作の進め方。

3月末になると制作業界に限った話ではないかもしれませんが、挨拶代わりのように「繁忙期ですよね。忙しいですよね。」という言葉が交わされます。確かに年度末に納品する案件でどこの会社も忙しくなってきます。 この時期、新しく入社される新卒の方は、制作会社というと毎日残業、毎日終電が常識なんていうことをネットなどで見聞きしてドキドキしているかも知れません。私自身何社か制作会社に所属していましたが、確かに22時に帰れれば早めに帰れた、なんていうおかしな感覚に陥っていたこともあります。 し […]

Webデザイン

【デザインまとめ】綺麗なデザインの管理画面 30選

以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類 」、時間が経ってリンク先が消えていたりしますね。 また綺麗なデザインの管理画面も追加したいと思います。 サムネイルだけで見ると、全部似たようなものに見えてきますが、デモサイトを見てみると細かな部分でデザイナーさんの個性が出ていて面白いです。 ご参考になれば幸いです。 目次1 左に紺か黒のナビがあるやつ2 他カラー・レイアウト3 個性的なやつ 左に紺か黒のナビがあるやつ ◆Material Admin デモサ […]

Webサイト制作

どうしてバグを発生させてしまうのか。

システム開発をしていると必ずバグが発生します。 人間がやっている作業なのだから当然と言えば当然ですが、許されるものではありません。 「ちゃんと確認をしているの?」「テストした?」 あまりにバグが多いとこういった物言いで上司や先輩から問い詰められた経験のあるエンジニアも多いのではないでしょうか?エンジニア本人にとってみると確認した「つもり」なのですが、どうして気が付かなかったのだろう、というバグが発生するものです。 システムのテストをしたことのある方なら分かると思うのですが、た […]

Webデザイン

2016年採用サイトを集めてみました

こんにちは、工藤です。 気付けばもう3月でした。今年度の就職活動は3月1日解禁だったり私が学生だった数年前とまた変わってるんですね。 とてもこだわりのあるものがあって見ていて楽しいので今回は気になった採用サイトを集めてみました。 ※2016年3月10日時点の情報です。 目次1 ARDEN HOUS2 電通3 フジフーズ4 JAL5 JA共済6 アマゾンジャパン7 みずほFG8 ヤフー株式会社9 学校法人秋本学園 浦和つくし幼稚園10 TBS11 三菱商事株式会社12 東京都職 […]

Webサービス

バグ管理サービス「COLORBOX」をリニューアルしました。

昨日当社で運用しているバグ管理サービス(BTS)のCOLORBOXをフルリニューアルいたしました。 COLORBOXとはテスターと開発者がもっとスムーズにコミュニケーションが取れるよう開発したバグ管理サービスです。 http://colorbox.info/   目次1 COLORBOXとは2 リニューアルの内容3 今後の展開 COLORBOXとは ご存じない方のためにCOLORBOXを少し紹介します。 バグ管理というとエクセルシートなどで管理されている企業様も多く […]

Webデザイン

パララックス/スクロールでアニメーションさせるjQueryプラグインなど

こんにちは、工藤です。 今回はパララックス効果を表現できるjQueryプラグイン・スクロールでアニメーションさせるjQueryプラグインについてやそれに関する記事を集めました。 ここ最近はパララックスが1番流行っていた時期の物より、アニメーションの表現がさりげないものが主流なのかなという印象を受けます。  目次1 Nikebetterworld Parallax Effect Demo2 Skrollr3 Cool Kitten4 Parallax.js5 […]

1 14 15 16 17 18 39