Webサービスを爆速で公開するためのチェックリスト | Find Job! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
月間20万稼ぐ！ブログを書く“神ツール”をドンッと紹介
photo credit: Swami Stream via photopin cc 今月は20万いくぞぉぉぉぉ！ というわけで僕がブログを書く時に使用しているツールを 全部っ！！ ご紹介したいと思います。 だって僕が作ったツールじゃないから、、、隠すなんてセコいマネはしない！ ぜひおすすめして作者さんに還元してもらいたいです。 僕が、「稼げて且つ、皆様に役立つ記事」を必死に考えるために利用しているツールです。WEBサービスからフリーソフト、iPhoneアプリまで！ ぜひ、ぜひ参考にして下さいっ 現在のブログの基本を見直すツール 自分のサイトがスパム判定されていないか？ Google スパムサイトチェック [browser-shot width="400" url="http://carpediemsolutions.com/blog/2009/11/google-%E3%82%B9%E3
Webサイトのワイヤーフレームを作成するときに役立つツール・素材まとめ
ワイヤーフレームの作成は骨の折れる作業ですが、事... / オンラインツール / Mockup Designer他...全28件 ワイヤーフレームの作成は骨の折れる作業ですが、事前にしっかり合意を得ておくことで、その後の制作をスムーズに進めることができます。短時間で精度の高いワイヤーフレームを作成したいものです。 ここでは、そんなワイヤーフレーム作成時に役立つ素材やオンライツールをご紹介します。
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
WordPressのリアルな工数と見積もりの話をしようじゃないか！
・・・・・・・・・・・はっ！？ 失礼しました、WP−Dクリアです。 染谷センセーの「ブログ飯」がやっとAmazonから届いてすっかり読みふけってしましました。 今回はWordPressとリアルなお見積もりの話 多くの WEB制作会社・WEB系フリーランサーはクライアントのサイトを作ってその制作料金が自らの収益となりますね。 本来、「作業工数に見合った」お金を頂くことが当たり前のはずなのに、いざフタを開けて作業に取りかかると 「作業工数が思ったよりあって、すっかり赤字！！」 なんてことが少なくありません。 そんな訳で、 WordPress及びWEB制作時のちょっとリアルなお見積もり のお話をしたいと思います。 （まあ、偉そうなこと言って実際自分も作業工数と見合ってないことなんてよくあるんだけど） WordPress界と深い関わりのある謎のお友達を招集したよ 自分も見積もりの話もしっかりしたい
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ！ | バンクーバーのうぇぶ屋
「なんじゃこりゃぁあ！！」 とりあえず、コレ見た時の第一声でした。本当は昨日日本から帰ってきたばかりだったので、セミナー旅行の報告記事書くつもりだったんですが、それより先にこの興奮を伝えるのが先かなと思ったので即刻共有記事〜！ 以前『ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.com』の記事を書かせて貰いました、これはこれでWEBページを作る上ではこれ以上は無いんじゃないか位の楽さとクオリティでした。 しかし、今回はWEBページというよりは完全にWEBサイトを劇的に簡単に作れるという意味でのヤバさ、あとショッピングカート機能、ブログ、その他様々なページを作って運営することが出来る「Squarespace」をちょっと簡単にご紹介させて頂きましょう！ このサイト自体は僕の記憶が確かなら以前に見たことがある気がするんですが、それにしてもその時はこんなヤバさは感じて無
レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス
スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ：幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ
【わずか3ステップ】初めてのWordPressでホームページの作り方
WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 WordPressなら簡単にホームページを作れるという噂は本当か？ 確かに、WordPressを利用すれば以下のような3ステップでホームページを自作できます。 でも、注意したいのがWordPressならではの危険性。 WordPressでホームページを作ると、以下の3つのリスクがあるのを知ってましたか？ ハッキングされやすい ページ表示が遅くなりやすい 定期的なメンテナンスが面倒 こういうリスクを知らないまま、WordPressを利用するのはオススメできません。 事業の売上や顧客の信頼を大きく損なう失敗へとつながる恐れがあるからです。 例えば、ホームページがハッキングされて大切
SEO対策｜検索上位を独占するために弊社が行っている36の手順
コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト、上場企業のマーケティング担当者など多岐にわたる。 サイト公開からわずか10ヶ月で14.6億円の生み出す不動産投資メディア、契約率40%程度の理想的な見込み客が集まるブランディングメディアなど数々の成功事例を生み出してきた。「ユーザーに集中すれば結果はついてくる」をモットーに年間4,000件以上のコンテンツ作成に携わっている。 …続きを読む コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト
【その手があったか】 Evernoteのユニークな使い方をまとめてみた-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
Evernote、便利ですよね。私は公私共にフル活用していまして、Evernoteなしでは生きていけないレベルです。 自分では、そこそこフル活用している自負がありますが、そうはいっても我流です。なので、ときどき、「自分の使い方、これでいいのかな？もっと、上手な活用法があったりするのかな？」って思うんですよね。 なにしろ、取扱説明書はないし（書籍はありますが）、他人のEvernoteを見せてもらう機会もないですから、他人が何の目的でどう使っているのか、興味津々なわけですよ。 検索したり、人から話を聞いて調べてみた結果、「こんな使い方があるんだ」、「その手があったか」といろんな発見があったので、紹介しますね。 ＜目次＞ こんなかんじで、5つにカテゴライズしてみました。 (*^_^*) 定番 (´・ω・｀) へぇ～ (・∀・) ｲｲ!! （；^ω^） 私だけ？ (・∀・)オススメ ■1．(*^_
バカ売れキャッチコピーをサクサク作れるプロ直伝の４つのテクニック
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 売れるキャッチコピーを作る力は、ビジネスを成長させる上で必要不可欠だ。 なぜなら、キャッチコピーはWEB上のランディングページやメールマーケティング、PPC広告だけに関わらず、DM、チラシや中吊り広告、考えられるほぼ全てのセールスツールに必要なものだからだ。 平凡な、または無意味なキャッチコピーでは、そもそもどれだけ広告を出しても気にもとめられず、全く売れない。一方、優秀なキャッチコピーがあると、商品を購入する人の興味をダイレクトに惹き付け、広告費を遥かに上回る売上げを出すことができる。 そこで、本日は、私自身も頻繁に使っているバカ売れキャッチコピーを簡単にサクサク作る方法を詳しくご紹介する。 こうしたセールスに直結するキャッチコピーを書
Ruby 2.0.0-p0 リリース
SIZE: 13608925 bytes MD5: 50d307c4dc9297ae59952527be4e755d SHA256: aff85ba5ceb70303cb7fb616f5db8b95ec47a8820116198d1c866cc4fff151ed 特徴 主要な新機能 主要な変更点は以下のとおりです。 言語コア機能 キーワード引数: API 設計の新しい柔軟性 Module#prepend: クラス拡張の新しい方法 シンボルの配列を簡単に作るリテラル %i __dir__: 実行中のファイルのあるディレクトリ名 default UTF-8 encoding: 多くのマジックコメントが不要に 組み込みライブラリ Enumerable#lazy / Enumertor::Lazy: 無限の遅延ストリーム Enumerable#size: 遅延サイズ評価 #to_h: Hash へ
DIV一個で洒落たボックスを作ってみる！最近知ったCSSを使ったボックス装飾とか色々！ | バンクーバーのうぇぶ屋
CSS3からDIV一個で出来る表現なんかも色々あるんですね。ちょっと前まで超面倒だったボックスのオシャンティーな線の装飾とかぼかしとかグラデになんやらかんやら。DIVボックス一つとっても色々な装飾効果をもたせられるなぁと思う今日この頃。 それこそ、ONE DIVのような一つのDIVで表現できるアイコンを作ってるサイトもあって、CSS3を突き詰めると色々知ることも出来て面白いなぁと思うわけです。 っていうわけで、ONE DIV程凝ったことはできませんが、今日はそんなDIV一個で使えそうなボックスの作り方をいくつかご紹介！擬似要素使ってちょっとちょめちょめしたら縫い付け効果のボックス出来たりと、以外と使えそうなものを選んだつもりなので、一度見てみてもらえると嬉しいです！ちなみに、IEチェックは9だけしてます。8とかはCSSPIE当たりで頑張ってなんとかする方向で…何か変なとこあったら直しますの
短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを使って)事を任せてもらっています。 なぜ、JavaScript(JS)がいいのか？なぜ勉強するのか？ まずは、なぜJSをお薦めするのかを説明します。 ①ネイティブアプリがつくれちゃう。 ネイティブアプリとは、iPhoneアプリとか、Androidアプリのことです。 これまでは、iPhoneなら、Objective-Cという言語を、 AndroidならJava(JSとは別物)という言語
シンプルパターン研究所 | すべて無料で商用でも使えるシンプルパターン テクスチャ配布サイト
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デジハリ・オンラインスクール |デジハリ・オンラインスクール
これからのWeb制作に使える、面白いUIを実装できるjQuery・CSS集
