2024年用、日本語のフリーフォント699種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人でも商用でも無料利用できる、日本語のフリーフォント727種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ 前年の647からフリーフォントが50種類くらい増えています！ ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/6/4: フォントを10種類追加 2024/2/20: フォントを11種類追加 2023/12/26: フ
ゼロからはじめるPython(43) Pythonを使ったWebサイトは百円で運用できる(その1)
Pythonはオールマイティなプログラミング言語だ。Pythonを使えば、他のプログラミング言語でできる大抵のことは実現できる。もちろん、Webサイトの作成だってお手の物だ。今回から、数回に分けて、Pythonを使ったWebサイトの作成に挑戦してみよう。一回目の今回は、スマートフォンでも手軽に更新できるメッセージボードを作ってみよう。 本当にPythonを使ったWebサイトが百円で運用できるか？ 知っている方にとっては、当然のことだが、もう何年も前から、月百円も出せば、自分のWebサイトを開くことができる。もちろん、ブログをやるだけ、SNSで日記を書いたり、つぶやきたいだけなら、お金をかけなくても、無料で十分楽しめる。しかし、自分の作った独自のプログラムを動かし、それを世界中の人に使ってもらいたい場合などは、自分でWebサイトを作って公開してみると良いだろう。月々のお小遣いから百円を出費す
初心者でも音楽アプリが作れる！Web Audio APIを簡略化したJSライブラリ「Tone.js」でピアノ鍵盤を作ってみよう！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、Web Audio APIの実装で面倒な処理をすべて簡略化し、誰でも音楽プログラミングを楽しむことが可能なJavaScriptライブラリのご紹介です。 わずか数行のコードでゼロから「音」を作り出し、メロディを奏でたりエフェクトをかけたりシーケンスを組み立てたり…など、本格的なWebアプリも作れるポテンシャルを秘めていますよ！ 【 Tone.js 】 （多彩なサンプル事例はコチラから確認できます） ■必要なファイルを準備しよう！ 今回は、簡単なサンプルデモを実際に作りながら「Tone.js」の基本的な使い方をご紹介していこうと思います。 作るのは、簡易的な「ピアノの鍵盤」です！ 「Tone.js」を使うと、わずかなコードで「音」を生成して発音させることが出来るので、「鍵盤」のモチーフは初めての学習にちょうど良いと思います。 さて、このサン
HTML5とHTML 5.1、それらの新機能
2016年11月に2年ぶりのバージョンアップを果たしたHTMLの言語仕様。その目指すところと、HTML 5.1の新機能を幾つか見てみよう。 連載目次 2016年11月1日付けでW3CはHTML 5.1を勧告した。これは2014年10月28日付けで勧告されたHTML5をバージョンアップするものだ。本稿ではその主な追加機能などをざっくりと見ていくことにしよう（なお、本稿ではメジャーバージョンのみを付加する場合には「HTML5」と、マイナーバージョンを含める場合には「HTML 5.1」などと表記する。これはW3Cでの仕様における表記とも合致している）。 そもそもHTML5とは 新機能の話をする前に「HTML5とは」について少し考えておきたい。1つは誰が仕様を策定しているか。もう1つはHTML5の位置付けだ。 仕様を策定するのは誰？ 前者に関していえば、現在、HTMLはWHATWG（Web Hyp
Bootstrapの画面を手軽に作れるツールまとめ
業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapのデザインをドラッグ&ドロップで作っていくのですが、見た目はデフォルメされています。その分、細かいところにこだわりすぎずにさくさくと作っていくことができます。 Pingendo – web authoring with comfort PingendoはBootstrap専用のオーサリングソフトウェアです。Mac OS
「速攻！１時間で作るPRサイト」 | ヘッドウォータースのブログ TechNote
1. 無料ハイクオリティーなテンプレートを見てみよう！ 2. ここだけは押さえろ！コンテンツ作成のポイント 3. Railsに速攻デプロイ 上記3つを抑えて、短い時間でハイクオリティなサイトを作ろう！ 1. まずは、無料ハイクオリティーなテンプレートを見てみよう！ 百聞は一見にしかずといいますね。 まずは、テンプレートのクオリティーをチェックしてみましょう。 ちなみにすべて、レスポンシブです！ かっこよくないですか？？ このクオリティーで無料なら、一からつくるのなんて馬鹿らしくなってきません？？ 「うんうん。馬鹿らしくなってきた(読者の声)」 ですよね。じゃまずは、イケてるテンプレートを探してみましょう！ おすすめのサイトを３つご紹介します。 Free Responsive HTML5 CSS3 Website Templates HTML5 UP! Responsive HTML5 an
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
Evernoteの超具体的使用例 〜ノート総数「4100」私のノートブックを公開します〜
先日アップしたエントリーでは、私が現在Evernoteと連携させているiPhoneアプリ、Webサービスをご紹介いたしました。 そこでふと気がついたのが、最近Evernoteのノートブック晒しをやっていないなと言うこと。 参考：参考になりすぎるEvernote活用例4 –@OZPAのノートブック晒し– | goryugo, addicted to Evernote 昨年の12月、@goryugo 氏のブログに寄稿させていただいたのが上の記事。 本格的にEvernoteを使い出した昨年5月からの7ヶ月間で、ノート数は2200程度でした。 で、それから4ヶ月。現段階での私のEvernoteノート数は4100ほど。 Evernoteにライフログを叩き込もう！と勢いごんでから、そのノート数は加速度的に増加しております。 この4100という数が多いのか少ないのかは皆様の判断に委ねるとして、現時点での
Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ
レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので 好みで端折っています。 レイアウトの調整や補助などに使えるjQueryプラグインのまとめ。と、言っても大抵は既出だと思います。順不同。 Supersized 画面に合わせて自動的に背景画像を伸縮してくれるだけでなく、スライドショーにもなってくれます。いつか仕事で使いたい。最近FlickrのAPIにも対応しました。 Supersized jQuery UI.Layout Plug-in ブラウザごとの差異を考えずに自由にレイアウトを組めます。 jQuery UI.Layout Plug-in JQUERY CUSTOM CONTENT SCROLLER スクロール
新しい音楽を開拓＆垂れ流しにできる音楽ストリーミングサービス８+選 - P2Pとかその辺のお話@はてな
いろいろと思うところがあって、新しい音楽を開拓＆垂れ流しにできるオススメ or 人気の音楽ストリーミングサービスを紹介したいと思う。 Jamendo Jamendoは、世界最大のクリエイティブ・コモンズ・ミュージックサイト。現在配信中のアルバムは4万6千枚を数え、30万曲超のCCミュージックを提供している。Jamendo自身も、おすすめの曲のJamendoラジオストリーミングを行っているが、Chrome拡張のJamendo Radioを導入するとさらにカスタマイズされたラジオチャンネルの作成が可能になる。こうなると、ブラウザを立ち上げている間中、好きなジャンルの音楽をかけっぱなしに出来てしまう。 また、Chromeユーザ以外の方には、Jamendo APIを利用したJamendo HTML5 Audio Playerがおすすめ。こちらは、タグをクリックすると自動的にそのジャンルの楽曲のプレ
my code stock.com
Save and manage At my code stock.com you can save and organize all your snippets or even complete scripts for your work. Keep track of even huge collections by using folders, tags and the powerful search functionality. Powerful editor Edit your snippets by using the powerful editor which provides syntax highlighting for more than 30 programming and scripting languages, autocompletion, highlighting
ニコニコ動画やYouTubeなど30以上のサイトから無料でムービーをダウンロードできる「モノオトシ」
アドレスを入力するだけで、MPEG4/FLV/DivX形式の動画を簡単にダウンロードでき、高画質HD動画ダウンロードにもしているサービスがこの「モノオトシ」です。ブックマークレットにも対応しているので「これ欲しい！」と思ったときにぱっとすぐに使えます。 対応しているサイトはYouTube・ニコニコ動画（エコノミー回避有り）・ぱらすて（コメント有り）・コメコメ動画（コメント有り）・zoome・Ameba Vision・Veoh・Dailymotion・DONOGO・Vimeo・GUBA・MySpace動画・MetaCafe・YourFileHost・VnTube・6.cn・sevenload・Tube8・XVIDEOS・FC2動画・AdultSatellites・Stagevu・Jokeroo・xHamster・Megaporn・MEGAVIDEO・B9・Pandora.TV・SayMove
忙しい人のための「初めてのPHP」
この記事は7年以上前の記事です。情報が古い場合がありますのでお気を付け下さい。説明は適度に、駆け足でお届けします。 言っておきますが、これを覚えたからと言って「PHP出来ます！（ｷﾘｯ」とか言ったら鼻で笑われるレベルだということは認識しておいてくださいね。 ＜追記あり：2012/02/16＞ 大前提 HTML/CSSの基本的なところはわかってるものとします。FTPでアップロードするって意味さえわからない人はこのへんで勉強してください。つまり、出直してください。 あと、もっとちゃんと勉強したい人はこんな駄文を読まないほうがいいです。アシアルさんのコンテンツを読んでください。この文章の100倍素晴らしいコンテンツが満載です。 エディタ Windowsユーザなら、標準で付いてるメモ帳を使うのはやめましょう。 PHPに限らず、プログラムを触るなら、あんなもん使わないでください。文字コードも変更でき
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
本当は超簡単！ゼロから始めるTumblrの使い方 | nanapi[ナナピ]
本当は超簡単！ゼロから始めるTumblrの使い方に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！ あなたのライフレシピを待っている人たちがいます あなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます！ あなたの投稿で、 みんなの生活をハッピーにしてみませんか？ nanapiに参加する（無料） はじめに Tumblrって聞いたことありますか？「なんとなくwebで字面だけは見たことある」という方は多いのではないでしょうか？ 「使ってみたいけど何のサービスかわからない…」「サイトが英語だから抵抗ある…」という人の為に、Tumblrの楽しい使い方を細かくご紹介したいと思います。 Tumblrってどんなサービス？ 日々インターネットをしていて、「この画像おもしろいなあ～」や、「この文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
月額10円から作るServerLess Website
暇つぶしに最適なサイト教えれ : VIPPERな俺
JAZZRADIO.com - enjoy great jazz music
