4年半の英語学習でした事・しなかった事
2013年6月9日 英語 前々から「Manaさんはどうやって英語の勉強をしたんですか？」と聞かれる事が多いのですが、前回の「海外在住Web屋の私のまわりで最近話題の5つのWebサービス」という記事を書いてさらに増えてしまい、もう記事にしてしまえ！という事で今までしてきた英語の勉強方法をまとめてみました。Web関連の記事以外は書くつもりはなかったのですが、今回はお許しくださいまし。 ↑私が10年以上利用している会計ソフト！ まずはここから！身の回りの物を英語環境に まず、iPodやiPhone、携帯電話、できればPC・Macなど、英語に設定変更できるものは全て英語にしてしまいます。これで英語が覚えれる！というわけではありませんが、だんだんと身の回りに英語があるという環境に慣れてきます。突然分厚い本を読み始めてもすぐあきちゃいます。習うより慣れろ！方針で。私の場合はiPodの中身も洋楽のみ（大
WordPressの管理ページをより便利にカスタマイズする方法13
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
空いた時間でお小遣い稼ぎ！フリーランスWeb屋さんにおすすめのサブプロジェクト
2017年7月14日 フリーランス フリーランスWeb屋さんの皆さん、フリーランスの仕事はどうやって探していますか？また、依頼がない時のサブプロジェクトは持っていますか？会社をやめ、フリーランサーとして仕事を始めたばかりの頃は、多くの人が「依頼のない、空白の時間」を体験してしまいがちです。そんな期間を有効活用すれば、フリーランスとしての収入も増えると同時に自分のスキルを磨く事もできます。今回はフリーランサーさんの「サブプロジェクト」に焦点をあててみたいと思います。 ↑私が10年以上利用している会計ソフト！ まずはブログ・Twitterをはじめよう まだ自分のブログとTwitterアカウントを持っていない人は、今すぐはじめてください。なぜならこれらのツールは自分を宣伝する道具としてとても有効だからです。例えばサブプロジェクトとしてWebサイト用デザインテンプレートを作ったとしても、宣伝するツ
Webサービスの名前をつける時のアイデアいろいろ
2017年6月30日 Web関連記事 新しくWebサービスやアプリを作るとき、悩むポイントのひとつとなる「サービスの名前」。悩めば悩むほどよくわからない名前になってしまったり…。私ははっきり言って結構苦手です…が、しなきゃいけない時があるので、研究＋ない頭振り絞って考えました。名づけのプロの方の助言なんぞあれば嬉しいですｗ ↑私が10年以上利用している会計ソフト！ まず、Webサービスの名前を考えるにあたって、有名なWebサービスをあげてみました。Facebook、Twitter、Flickr…。どれも短く、英語でいう「2音節」です。音節とは母音を中心としたまとまりで、音節が増えるほど長い単語になります（音節について詳しくはこちら）。2音節というのはサービス名としては短く、リズムカルに発音することができます。 それをふまえ、私の考えたWebサービスの名前を考える時のポイントを挙げてみます。
Web屋さんのための新年の抱負アイデア24
2017年6月29日 Web関連記事, ライフハック 2011年がスタートしましたが、「なんだか調子でないなー」という方！今年の目標はもう設定しましたか？私は毎年「新年の抱負」を考えているのですが、今年は何にしましょう？ということで、Web屋さんが設定できそうな新年の抱負案を考えてみたので、参考にしつつ新年の抱負を考えてみてはいかがでしょう？ ↑私が10年以上利用している会計ソフト！ 1. CSS3の勉強をする 角丸・グラデーションをはじめ、画像を使わなければできなかった効果がCSS3を使えば簡単に実装できます。デザインの幅がぐんっと広がります。IEで対応していないなどの問題もありますが、CSS3 PIEを使えばIEでも使えるようになりますよ。 CSS3リファレンス CSS3のリファレンスサイト。コードの例もわかりやすいです。 たった一行を追加するだけでIE6/7/8をCSS3対応にする
人生をより楽しくさせる100の方法 | Webクリエイターボックス
2013年3月23日 ライフハック 今、あなたは自分の人生に満足していますか？もしそうでないなら、今回の記事が役に立つかもしれません。より素敵な人生を送るためのライフハックです。SEOに疲れたとき、1pxのズレで残業したとき、納期から逃げたくなったとき（※どっかで聞いたなそのフレーズ）に、ぜひ読んでみてください！ ↑私が10年以上利用している会計ソフト！ Webクリエイターボックスを始めた理由 実は約一年前、毎日なんだか退屈だな…と思っていたときに、今回紹介する「100 Ways To Live A Better Life」という記事を見て、ブログを始める決意をしたのでした。落ち込んでいたり、私と同じく退屈している友達がいればこの記事を見せていました。その友人の中には仕事をやめる決心がつき、バンクーバーでも有名な大手の会社に入社したり、海外に引越たり、結婚を決意したりと、彼らがなにかを始め
インターネットの世界を変えた24人
2013年3月23日 Web関連記事 新聞の代わりにニュースサイトを読み、手紙の代わりにEメールを送る…インターネットの世界は日々めまぐるしく進化しています。その中でもインターネットに革命を起こしたともいえる24人を紹介します。彼らの歴史は興味深いものばかりです。ぜひWikipediaと合わせて読んでみてください！ ↑私が10年以上利用している会計ソフト！ インターネットの父 ヴィントン・サーフ／ロバート・カーン 「インターネットの父」と呼ばれるヴィントン・サーフ氏とロバート・カーン氏は、インターネットのデータ転送技術の基盤となっているTCP/IPプロトコルを開発し、インターネットの創生に重要な役割を演じました。サーフ氏は聴覚障害者であり、聴覚障害者のための大学であるギャローデット大学の評議会のメンバーでもあります。カーン氏は世界初のパケット通信ネットワークであるアーパネットの詳細設計全体
オリジナルテーマの作り方 3.0+
2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト！ WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ
コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
スタッフ紹介ページをうまく活用している企業サイト
2017年6月29日 Webデザイン みなさんが今働いている会社に就職する前、その会社のどのページを参考にしましたか？多くの方が企業紹介のページを参考にしたはずです。その中でも実際に働いている人の紹介ページもあったら、その会社についてもっとイメージが湧きますよね。今回はそんなスタッフ紹介ページに注目してみようと思います！ ↑私が10年以上利用している会計ソフト！ スタッフ紹介ページの必要性 企業サイトが一番伝えたいのは「この会社はどんな事をしているのか」という点だと思います。そのためほとんどの企業サイトに「この会社について」などの企業紹介ページを設置しています。しかし企業の経歴や代表者の挨拶だけで、本当にその会社の説明ができるでしょうか？ 最近デザイン系のWebサイトをはじめ、企業サイトでもスタッフの紹介を掲載するページが増えてきました。どんな人がこの会社をつくっているのか？どのように製品
デザインの要素と原則
2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう！デザインは複数の要素（エレメント）と原則（プリンシプル）から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ デザインの要素（エレメント）と原則（プリンシプル）は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ
ECサイトの色やデザインと購買意欲の関係 | Webクリエイターボックス
色と消費者 色はデザインの重要な要素のひとつです。しかし、全世界において共通しているとは言えません。北アメリカで注目されやすい色がインドでも同じとは限りませんよね。下記は北アメリカのオンライン消費者への色の働きです。 黄色 楽観的・若々しさ。ウィンドウショッピングをしている人の注意を集めるために使われます。 赤 エネルギッシュ。心拍数を高める色。緊急性があり、セール中の商品に使われます。 青 信頼と安全の色。銀行や企業のメインカラーとして使われます。 緑 裕福・リラックスを連想させる色。目に優しく、一連のプロセスを容易に見せます。 オレンジ 活発・活動的な色。「購入する」「購読する」などのCTAボタンに使われる事が多いです。 ピンク ロマンチック・女性的な色。若い女の子や女性に向けたECサイトで使われます。 黒 パワフル・滑らか・光沢など。高級な商品を扱うサイトで使われます。 紫 落ち着き
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
WordPressプラグイン「BuddyPress」でSNSサイトを作成
2017年6月29日 Wordpress SNS（ソーシャルネットワーキングサイト）でユーザー同士がコミュニケーションを取れるサイトを作りたい！そんな時に役立つのがWordPressプラグイン「BuddyPress」。メンバーになると友達の申請やメッセージの交換、グループ（コミュニティ）の作成など、Mixiライクなサイトを作ることができます。さらにWordPress3.0のマルチサイト設定をすれば各メンバーがブログの作成可能！そんな便利なプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ BuddyPressでSNSサイトを構築 目次 BuddyPressでなにができるの？ BuddyPressをインストールする WordPress3.0でマルチサイトの設定 フォーラムを追加する BuddyPressのテーマを変更する 1. BuddyPressでなにができるの？ Word
日本語版 WordPress チートシート | Webクリエイターボックス
2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
WebサイトをiPhoneで見やすくする5つの方法
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel
就活に打ち勝つポートフォリオWebサイトの作り方 | Webクリエイターボックス
2016年2月18日 Webサイト制作 Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します！ ↑私が10年以上利用している会計ソフト！ 最新版書きました！こちらも参考にしてみてください。 ポートフォリオWebサイトを作ろう！2015年版 ポートフォリオWebサイトを作る時のポイント 1. 自己紹介 自分は何者なのか？何ができるのかをわかりやすく完結に紹介します。あまりダラダラ書いても読まれない確立が高いため、大きめのフォント・短い文章で紹介すると効果的です。 「自分はWebデザイナー」という事をはっきり書く 自分ができることをわかりやすく表記
プラグインを使わずWordPressに9の機能をつける | Webクリエイターボックス
2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト！ プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 <ul>
ミュシャ(Mucha)から学ぶ優美なデザイン | Webクリエイターボックス
2013年3月23日 インスピレーション アール・ヌーヴォー様式を代表するグラフィックデザイナー、アルフォンス・マリア・ミュシャ（Alfons Maria Mucha)。美しい女性やきらびやかな装飾類、花、華麗な曲線を使用したデザインが特徴で、生涯を閉じた今も多くの人を魅了し続けています。今回は私の大好きな彼の作品を紹介してみようと思います！ ↑私が10年以上利用している会計ソフト！ ミュシャの作品の特徴 女性と花 彼の作品の多くは女性をメインに花とともに描かれています。髪に飾ったり画面に花をちりばめたり。画家というよりもグラフィックデザイナー・イラストレーターとして活躍していたため、対象物を非常に鮮明に描いています。背景には暗色の幾何学模様や草花を、メインとなる女性には明るい色を使い、どこに焦点をあてているかがわかりやすい。 背景の模様 背景にはアール・ヌーヴォーの特徴である草花と曲線に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
