KOUSHIKI SANS FONT T L R ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 KOUSHIKI SANS FONTは、ゴシック体の基本的な形態を踏襲しつつ、個性的な存在感と視認性を実現しました。ウェブサイトやインフォグラフィック、看板やサイン、大判のグラフィック、ドキュメントのヘッドラインなど、美しい文字表現を可能にします。 KOUSHIKI SANS FONT keeps the basic shape of Gothic Fonts, while allowing a presence of individuality and unique visibility. This font can allow you to express beautiful characters eithe

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into

POPやショップカードなどの印刷を外注する際に、みなさんが使っている業者さんがあれば紹介してください。こんなとこがいいよっというオススメポイントなどもあれば是非。宜しくお願い致します。

スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。 これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。 知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。 解説が不十分なツールについても、補足（コピペで本文に取り込める体裁だとありがたい）を頂けると助かります！ 元ネタの投稿は現在進

最近nodejsで遊んでるのですが、nodejs単体だと面倒な事も多いのでライブラリを色々調べてみました。今回はそのまとめです。 よく見るもの 世間でよく使われてそうで、基本的なものを並べてみます。 node-dev スクリプトが更新されたら、自動的に再起動してくれるライブラリです。 node-inspector chromeとかをnodejsのデバッガとして利用可能にするライブラリです。 express 世間でよく見るフレームワークです。便利。Webやるなら必須な印象です。 socket.io websocketで遊ぶならこれです。。 connect expressも利用しているWebフレームワーク。サーバとか作る機能があるみたいです。 コールバックを何とかする系 nodeはシングルスレッドにもかかわらずマルチスレッドで動作しているかのように見せるため、逐次処理しようとしても想定と違う動

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさまこんばんは。 前回に引き続き、平松 @co_sche (co-sche)です。 想定している読者は、JavaScriptの基本的な構文を理解している方JavaScriptで関数を定義・使用したことのある方LLと総称される言語を扱っているが、関数型プログラミングを意識したことのない方です。 はじめに前回は、関数型プログラミング(以下、たまにFP)を学ぶ上で欠かせない、関数の特徴について学びました。 今回は、実務にありがちな例を挙げてFP的なアプローチ方法を見て、FPのメリットを実感してみましょう。 今回のサンプルコードの出力には、console

冬でも麦茶がうまい！どうもこんちには nakamura です。 今更感がハンパじゃないですが最近ようやっとまともに WordPress を触るようになりまして。もうね、あまりにプラグインが充実しすぎていて何度か気絶しかけましたよ。このまま CMS がどんどん便利になってくとホントにプログラマいらずな時代になっちゃいそうだな～。。。 てなわけで軽く触ってみた中で、WordPress の用途に関わらずこの辺りのプラグインはデフォルトで入れておいていいんじゃないかな～というのがいくつかあったのでご紹介したいと思います。 キャッシュとか最適化関連 W3 Total Cache W3 Total Cache ページキャッシュ、データベースキャッシュ、オブジェクトキャッシュなどなど・・・、片っぱしからキャッシュしてくれるプラグインです。memcached なんかと組み合わせると表側はかなり速くなった気

皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて

Posted: 2012.02.13 / Category: javascript CoffeeScript は JavaScript を Ruby や Python ライクに書けるので、タイプ数が減ったり、コードの見通しが良くなったりといったメリットがあるようです。 この記事では CoffeeScript の基本構文と使い方をご紹介します。 変数に var は必要ない では、基本的な構文からみていきましょう。 CoffeeScript num = 3245 console.log num JSなら var num = 3245; と書くところですが「var」も「 ;（セミコロン）」も必要ありません。 2行目の console.log num は console.log (num) とカッコで囲んでも大丈夫です。 これをコンパイルすると次のように展開してくれます。 JavaScript (

CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を３つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 存在は知ってたけどさっぱり興味のわかなかったCoffeeScriptなのですが、使ってみたらこれいいかもって思って、というかもうこれからはCoffeeScriptで書いていこうかなと思いだしてる中。CoffeeScriptが何かについては、以下を参照のこと。 今日から始めるCoffeeScript | tech.kayac.com - KAYAC engineers’ blogRails Hub情報局: ベターJavaScript!? CoffeeScriptが注目されるワケきっかけは JavaScript Web Applications という本を読んで、この本書いてる人が作ってる Spi

Developers Summit 2012 で使用したスライド 後半を抜き出し少し更新したものはこちら: http://www.slideshare.net/dynamis/kanazawajsnextRead less

MacBookAirを充分に使いこなせていなくても心配入りません。また、これから買おうと思っている人も大丈夫です(´∀｀) シゴトにも使えて、ブログを書いたり、絵を描いたり、どんな趣味にも活躍してくれるMacBookAirは、その使い方によってあなたの人生で強力なサポーターになってくれるはずです。 この記事では、これからMacBookAirを買おうと思っている人、持っているけどなかなか使いこなせていない人のために、毎日Macアプリを買いあさっている@torizoが自信を持って、オススメできる実用性の高い厳選アプリを紹介したいと思います。 もし、使えそうなアプリがあったら参考にしてください。あなただけのMacBookAirにカスタマイズし、素敵なMacライフを送っていただければ幸いです。

ご連絡頂いたのですが、とても良い感じ だったのでご紹介。日本向けのコーポ レートサイトを作成する為に作られた レスポンシブWebデザイン対応のフリー WordPressテーマ・BizVektorです。機能 も優れていて参考になりました。 凄く良く出来てましたよ。とっても勉強になりました。無料で配布って凄いですね・・WordPressをCMSとして企業向けに導入したい、という方は一度ご覧頂くことをオススメします。 CMSとしての機能が最初から備わっており、上図のようにレスポンシブWebデザインにも対応した日本企業サイト向けのフリーのWordPressテーマです。※iPadのキャプチャがおかしいのは気にしないで下さい 機能は以下のような感じ。 レシポンシブWebデザイン対応カスタム投稿タイプによるお知らせコンテンツ独自テーマオプション主要SNSとの連携カスタムメニュー対応カスタムヘッダー対応分

Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさま、初めまして。 アメーバ事業本部ピグディビジョン所属、Flashディベロッパーの矢澤(@Akichi )です。 （もちろんコードを書くこともあります！） 今回は、ピグのアクションがどのようにできているのかを、 少しでもお伝えできればと思います。 ピグのアクションってどんなの？ ピグのアクションは大きく2つに分けられます。 ・通常アクション 使用回数の制限がなく、使ってもなくならないアクション （基本的にピグの動きだけで表現できるもの） ・消費アクション ポケットウィンドウから利用でき、使用回数の制限があるアクション （広告商品アイテムなどに使

そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者: