黒い画面不要！デザイナ向け静的サイトジェネレーター「Phest」を公開しました | チャットワーククリエーターズブログ
こんにちは！ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します！ >>PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって？静的サイトジェネレーターとは、テンプレートなどプログラム的な処理を実行し、 HTML/JavaScript/CSS/画像などだけで構成された静的なWebサイトとして書き出すツールのことです。 Webサイトをつくる上で共通のヘッダやフッタなどは、PHPやSSIなどのinclude構文を使ったり、 そもそもWordpressなどのBlogやCMSなどを使って構築するケースが多いと思います。 静的サイトジェネレーターは、そういったシステムが必要な部分をあらかじ
［TGS 2013］北海道IT推進協会ブースにこっそり展示されていた，ニンテンドー3DS用プログラミングツール「プチコン3号（仮称）」を見てきた
［TGS 2013］北海道IT推進協会ブースにこっそり展示されていた，ニンテンドー3DS用プログラミングツール「プチコン3号（仮称）」を見てきた ライター：稲元徹也 東京ゲームショウ2013を取材する合間に，何となく会場で配布されているパンフレットを読んでいた筆者は，北海道のゲーム開発会社8社が共同出展する「北海道IT推進協会」のブースに，「プチコン」があることを発見した。 プチコンとは，スマイルブームが開発しているプログラミングツールで，これまでに「プチコン」と「プチコンmkII」の2作品がニンテンドーDSiウェアとしてリリースされている。30代以上のPCファンには懐かしい「BASIC」でプログラムが組めるツールだ。 このツールを使って，ごく簡単なプログラムから，BASICとは思えないほどのハイクオリティな作品が制作され，YouTubeやニコニコ動画などで発表されている。 筆者はプチコン
Paletta - HSV Color Palette for Every Programmer
Palettaは顕色系 (色相, 明度, 彩度) をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます. 詳しく
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
Flood Maps
Dynamic maps of sea level rise. Will global warming affect you?
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ - かちびと.net
Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック 各ブラウザでどのように表示されているかの確認が可能なツールです。 BrowserLab 今のところ、一番良さそうなWebサービスでしょうか。adobe提供のブラウザチェックツール。要ユーザー登録です
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
オンラインであらゆるフォーマット変換が可能！「Convert.Files」 - CNET Japan
内容：「Convert.Files」は、さまざまなフォーマットへの変換に対応したウェブサービスだ。文書はもちろん画像、動画、音声、映像に至るまで、ありとあらゆるフォーマットのファイルをオンラインで相互変換できてしまうのが特徴だ。 サイトトップページ。対応するファイルフォーマットと、変換可能なフォーマットがページの下までズラリと列挙されている。その豊富な種類はまさに圧巻の一言 「Convert.Files」は、文字通りありとあらゆるフォーマットの変換に対応したウェブサービスだ。ドキュメントであればDOCX、DOC、TXT、XLSX、XLS、PDF。イメージであればBMP、GIF、JPG、PNG、PSD。オーディオであれば、AAC、MP3、WAV、WMA。ビデオであれば、3GP、ASF、AVI、FLV、MPG、WMV。これらのフォーマットの相互変換がすべてオンラインでできてしまうのだから、まさ
バックアップどうやってますか？ 無料のやり方大紹介！
バックアップとってなくって泣きを見たのは過去に1回。あれはつらかったな。 バックアップってみなさんどうしてますか？ あたしは、たまに外付けハードに必要なファイルをガーーーっ!! っと保存してますけど、それでもついついさぼりがちになってます。よくないですねぇ。 何かパソコンに問題があると必ず言われる1言。 ｢最後にバックアップしたのいつ？｣バックアップは大事なんです。わかっているんです。でも、パソコンの調子が悪くなったことないし。いつ必要になるかわからない（もしかしたらずっとうまくいけば必要ない）バックアップ用の外付けにお金だすくらいなら、なんか他のことに...なんて思ってついついバックアップ先延ばしにしてる人いませんか？ そんなあなたのために、無料でバックアップする方法紹介します！ 注）ここで紹介するのは、フルバックアップではありません。ドキュメントや、写真、音楽等、必要なファイルのコピー
日本の伝統色 和色大辞典 - Japanese Traditional Color Names
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
Live2D − 3Dとは異なるアプローチによる本格的な立体表現
株式会社Live2Dでは2006年の創業以来、世界中で使われる技術、100年後にも残り続ける技術を目指して、 映像技術「Live2D」の開発を行っております。 『描きたいとおりに描き、動かしたいとおりに動かす』 そんな夢をクリエイターの皆さんと共有しながら、Live2Dは更なる新次元へと歩み続けます。 Live2D Cubism 1枚の原画から「2Dによる立体表現」を実現する、2Dモデリングのプロフェッショナルスタンダード。 単純化した2Dアニメーションや、3Dモデルを使ったアニメーションとは異なり、原画を直接加工するアプローチを採用。線のタッチや塗りの質感などもそのまま保たれるのが大きな特徴です
3分LifeHacking：Amazonの長いURLを短縮表示する - ITmedia Biz.ID
長くて困るAmazonの商品ページのURL。これをできるだけ短くする方法を紹介しよう。ただし、URL短縮サービスは利用しない。 Amazonで商品を検索すると、検索ワードや著者名がエンコードされた長いURLで表示される。ただブラウザに表示している分には気にならないが、メールに張り付けようとした場合、メールソフトによっては折り返されて2行にまたがってしまうという問題が発生する。掲示板やブログに張り付ける場合、ブラウザによってはこれらのURLが折り返されないこともあって、レイアウト崩れの原因になりがちである。 こうした場合、URLの削れる文字列は削ってしまうとよい。もともとAmazonの商品ページは、書籍であれば10けたのISBNコード、それ以外の製品もASINの10けた番号さえあればアクセス可能だ。エンコードされた検索ワードや著者名、そのほかのパラメータはすべて省略してしまって構わない。 具
swfファイルからflaファイルに変換・抽出できるデコンパイラを試してみた。｜_level0.CUPPY
Flashを扱っていると、swfファイルからActionScriptやflaファイルを抽出できる、「デコンパイラ」の存在を知ると思います。 デコンパイラとは、コンパイルされたswfファイルをflaファイルに変換したり、swfファイル内に含まれる素材を抽出することが出来るツールのことで、大事なflaファイルを紛失してしまったときの蘇生手段として活躍します。 ですが実際にはその使われ方よりも、参考にしたいFlashの中身はどうなっているのかを純粋に解析したいときに良く使われているんじゃないでしょうか。 今回は自分が使ったことのあるデコンパイラを二つご紹介します。 Flare 【特徴】 swfファイルからActionScriptを抽出してひとつのテキストファイルに書き出せるソフト。 フリーウェア。 Win/MacOSX/Linuxに対応。コマンドプロンプトからも使える。 画像や音データは抽出でき
デスクトップの様子をAVI/WMV/MPG/3GP/MP4などの各種ムービー形式で記録できるフリーソフト「Debut」 - GIGAZINE
ウェブカメラやUSB接続のその他の映像デバイス、さらにはデスクトップの様子などをそのままムービーとして記録できるフリーソフトがこの「Debut Video Recorder」。様々な形式で保存できるのが特徴で、保存方法も多彩で、自動的にFTPでアップロードしたり、メールに添付してあらかじめ指定したところに送ったりすることが可能です。 ダウンロードとインストール、使い方などは以下から。 Debut Video Capture Recording Software - Record Video Files for Free まずは上記ページのリンクをクリックしてダウンロード クリックして実行 規約部分を下までスクロールするとクリックできるようになるので「次へ」をクリック 「いいえ」をクリック 「完了」をクリック タスクトレイの右下に常駐しているこのアイコンが見えていれば起動成功。クリックすると
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
147 Colors Grid - CSS Color Names
tweetbubbles.net
Photoshop VIP ☞ カテゴリー別に選ぶ、フォトショップ用ブラシ1000個集めました。
Welcome to Aviary
YouTubeの映像をMP3ファイルに変換してくれるシンプルツール『FLVto』 | 100SHIKI