ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。 順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。 HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。
今回はウェブ上で学ぶことができる学習サイト・学習サービスを厳選してご紹介します。 全て無料で利用することができるので、興味のある講座があれば空いた時間に学んでみましょう! 学習欲を刺激する良質な6つの独学サービス YouTube EDUで世界の講義を聴こう! EDU - YouTube 「YouTube EDU」は大学講義などの動画を閲覧できるサービスです。 世界のトップレベルの講義・講座を聞くことができますよ! 東京大学の講義ビデオ・ノートまとめ 東京大学 講義 UT OpenCourseWare あの東京大学の講義ビデオや講義ノートが公開されているので、東大に入学した気分で良質な講義を聞くことができます。 学科名・研究科名、講義名、先生の名前から検索できるのも便利。 京都大学の講義まとめ 京都大学OCWへようこそ 京都大学の講義を閲覧することができます。 世界の京大がやる講義はやっぱり
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
手軽なHTML5アニメーションを作るならこれがベストかも 前回Adobe Edgeの雑感を書いたが、今回は実際にEdge Animateを使ってみる。アニメーション自体を作るのは簡単だが、クリックしたら再生など、ちょっとしたインタラクティブ性を加えるにはJavaScriptの記述が必要になる。手順としてまずAdobe Animateでアニメーションを作り、さらにJavaScriptで制御してみたいと思う。 今回作るサンプル 単純なサンプルではあるが、PLAYボタンを押したらアニメーションが開始し、ボタンの状態をPAUSEボタンに変化させるトグルボタンの実装と、アニメーションが一回再生されるごとにカウンターの数字が上がっていくサンプルを作る。 デモ Edge Animateで作られる要素 コンポジションとシンボルの2つの考え方で構成される。Flashで言うところのStageとMovieCli
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの?」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
ゲームグラフィックスについて詳しく解説されているスライド。現時点で既に14回分も有ります。 Kohe Tokoi’s Presentations on SlideShare http://www.slideshare.net/tokoik/presentations 床井先生は OpenGL を勉強した事の有る人で有ればこちらのサイトや本を書かれた方としてご存知の方も多いのではないでしょうか。 GLUTによる「手抜き」OpenGL入門 http://www.wakayama-u.ac.jp/~tokoi/opengl/libglut.html GLUTによるOpenGL入門―「OpenGL Utility Toolkit」で簡単3Dプログラミング! (I・O BOOKS) 作者: 床井浩平出版社/メーカー: 工学社発売日: 2005/05メディア: 単行本購入: 7人 クリック: 66回こ
「アイディアはあるんだけど、モックすら作れないIT起業家」「“UIだけなら自分で作れる” とやってみたけど、見にくいページにしかならない、どうしよう、、、」。高度なテクニックは不要、でも、やっぱりデザイナーさんに依頼しないといけないシーンが多いこの業界。 しかし、「Twitter Bootstrap」(以下 bootstrap)の登場により、多くの人がデザイン性の高いページデザインを短期間で作れるようになり世界は変わった。bootstrapは、プログラマーやディレクターなどが、最低限のコードの組み合わせでスッキリと解りやすいユーザーインターフェイス(UI)を構築できるライブラリ(支援プログラム群)のこと。 Bootstrapの登場で、スタートアップはスピーディにページを作りあげ、プログラマーは必要なページを “とりあえず” 作っておくくらいのことをするのが手軽になった。ただ、bootstr
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
JavaScriptテストの基礎知識と使えるフレームワーク6選:フレームワークで実践! JavaScriptテスト入門(1)(1/3 ページ) しっかりとJavaScriptの“テスト”を行うために、最近のJavaScript事情やテストを取り巻く環境、今注目のテストフレームワークを6つ紹介する JavaScriptでもテストを書こう @ITの読者の方たちのほとんどは、どのような言語を主に利用しているのかなどの違いはあるにせよ、日常的にプログラムを書いている方たちが多いかと思います。 アプリケーションを作る、ライブラリを作成する、オープンソースプロジェクトに貢献するなど、皆さんがプログラムを書く場面はそれぞれいくつかあるはずです。それらプログラムを書く場面に共通して大切な習慣の1つとして、「作成するプログラムに対しては必ずテストコードを書く」ことがあるのは、誰にでも同意してもらえることでし
こんにちは、ゲームチームのキノです。 先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました!!!! ひとさしゆびだけの超シンプルな(でもムズイ)ダンジョンゲームです! 過去にキャンペーンの一環などでゲームは何度かつくってきましたが、 今回が初の企画段階からのモック含めた参加になるので、学んだことや役立ったを書いておきます。 あとは地味にデザイナー向けにアプリ制作のtipsなど。 意外と長くなってしまったので、週末にじっくりお読みください〜 アプリは無料!!こちらからダウンロードできます。 それでは記事の続きをどうぞ〜!! 素材の話 いつも数字忘れるので アイコン (なにか見覚えのある階段的なアイコン) アイコンはかなり肝いりです。 気をつけている点は 1キーワードで言い表せるか フレームと世界観はあってるか 類似アプリより突出しているか 画
1年半ほどコツコツと書きためてきた iOS アプリ開発 / Objective-C 関連の Tips をカテゴリ別にまとめてみました。 数が多いので、オススメのものを太字にしてあります。 (更新情報 2012.8.11)ちゃんと数えてみたら88個しかなかったので、20個ほど追加しました。 (追記 2013.10.1) 本記事をきっかけに秀和システム社よりお声がけいただき、書籍を執筆 させていただきました。iOS開発に役立つTips集です。ぜひ下記ページより 目次を見ていただき、興味のある項目がありそうであれば ご購入いただけるととても嬉しいです。 『iOSアプリ開発 達人のレシピ100』という本を書きました ライブラリ/フレームワーク ゲームアプリ向け UI コンポーネントセット "UIKitForGame" ゲームアプリをつくる際に便利な UIKit のカテゴリ/サブクラスの詰め合わせラ
By Louish Pixel 無料でダウンロードでき、自作したムービーの効果音などとしても利用できるのがイギリスの音楽プロデューサーRameses Bさんの作ったBGM集。テレビドラマをテーマにしてあったり、女性ボーカルが入っていたりと、どれもハイクオリティな仕上がりとなっています。 Rameses B - YouTube https://www.youtube.com/user/RamesesB ダウンロードの際は、まずムービーの説明書きにある「Free Download link」の隣にあるアドレスをクリックします。 するとSoundCloudにあるRameses Bさんのページに飛びます。 Downloadボタンをクリックすればダウンロード完了です。 また、Facebookからもダウンロード可能。Rameses BさんのFacebookアドレスをクリックします。 「Band Pag
プログラミング技術さえ身に付けば、プログラマとして一人前と言えるでしょうか? プログラミングを始めたばかりのうちは、プログラミング言語の習得や周辺の知識を得ることばかりに目がいきがちですが、それだけでは一流のプログラマになれません。(プログラミング言語を学びたいならこちら:写経で身につけるプログラミングの基本) プログラマとして成長するためには、プログラミング技術を学ぶだけではなく、良いソフトウェアを作るための良い習慣を身に付けることが大事になります。初心者のうちに良い習慣を身につけておけば、ただ知識を追い求めるのではなく地に足をつけた成長ができるはずです。 本記事では、私自身も先人たちから学んだプログラマが身につけたい3つの習慣について書いています。 自分で書いたすべてのコードを説明できるようになろう プログラミングは全て、明確な判断の結果です。if文を使うべきかどうか、どのAPIを使う
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
OTA配布が手軽にできるオープンソースのPHPスクリプト書きました。TestFlightが様々なポリシーで使えない方向けに書きました。 ku-suke/SimplePHPAdhocServer · GitHub これはなに? USBケーブルを繋がずに、開発中のアプリを実機に配布できるPHPスクリプトです。自前のサーバに設置してご利用ください。developmentプロファイルでもdistributionプロファイルでもenterpriseプロファイルでも使えます。enterprise以外はあくまでUDID登録済みの実機だけです。 動作確認というか必要条件 PHP 5.2以降 MySQL 5.0以降 USBで実機にアプリをインストールすることが出来る環境(Xcode/Provisioning profile etc) ライセンス 個人で書いたのでMITで自由に使えるよ!同梱ライブラリのライセ
作成した印刷物やデジタル・コンテンツについて商用・非商用にかかわらず無料で使用できる「やさしさゴシック」は手書きっぽいかわいいデザインで、アルファベット、ひらがなのほか、漢字まで使うことができるため、デザインのお仕事をしたり個人でフリーペーパーを作成するときの表現の幅が広がります。 やさしさゴシックのフォントダウンロード | フォントな、情報。オープンソースの安心フリーフォントのダウンロード http://www.fontna.com/blog/379/ ◆ひらがな、漢字 ◆アルファベット(大文字) ◆アルファベット(小文字) ◆カタカナ(全角) ◆カタカナ(半角) また、やさしさゴシックフォントには、ちょっと太め(ボールド)のフォントもあります。 やさしさゴシックボールドのダウンロード | フォントな、情報。オープンソースの安心フリーフォントのダウンロード http://www.font
2014年8月17日 スマートフォン 「iPhone/iPadアプリを作るのは難しい」。デザイナーの人は特にそう思い込んでいませんか?確かに新しいプログラミング言語を習得するには時間がかかります。しかし、一度「楽しい!」と思えばこっちのものです。その気持ちだけで難しいものも簡単に乗り越えてしまえるもの。そう、もう無敵です!どんなアプリでも作れるようになります!ここではアプリの開発方法よりも、「どうやって楽しく学習できるか」に焦点を当ててみたいと思います。 ↑私が10年以上利用している会計ソフト! 準備しよう 必要なもの Mac OS Lion iOSアプリの開発は基本的にMac OSですすめることになります。Apple Storeでポチッちゃいましょう :P XCode 4 iPhone/iPadアプリの開発にはXcodeが必要になります。App Storeで最新のXcodeをダウンロード
グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License http://designresourcebox.com/a-collection-of-41-fonts-with-free-for-commercial-use-license/ ◆01.Aaargh Aaarghとはうわ~!という意味。 ◆02.Aldo ◆03.Aller フランス語で「行く」という意味のフォント名。 ◆04.Alte Haas Grotesk ちょっとレトロな感じのフォント。
タトゥーと言えば梵字っぽいデザインで入れられることがよくありますが、実際に体に入れるのは覚悟がいるし結構大変、しかも基本的に「若気の至り」的なものであるため、そこかしこから痛々しいというかイキりまくりというか、そういう中二病的なセンスが非常に多く、後々に黒歴史化してしまい、身体に入れてしまったことを後悔すること必至です。 しかしフォントであれば問題なしの使い放題、むしろ見る者にインパクトを与え、鮮烈なイメージを残すことができます。というわけで、すぐに使える印象的なフォント集は以下から。 30 Tattoo Script Fonts You Should Have | CreativeFan http://creativefan.com/tattoo-script-fonts/ 01.A Charming Font 02.AmazDooM ゲーム「DOOM」っぽいロゴデザイン。 03.Bad
こんにちは、最近毎日Xcodeを触っています@sayobsです。ずっとXcodeを触ってなかったら色々進化していてびっくりしました。 僕はいつもYouTubeでチュートリアル動画を探して勉強します。YouTubeにとてもわかりやすいチュートリアル動画があったので紹介します。しかもiOS5対応です:) ※英語でのチュートリアルになります。 チュートリアル動画 50個 Cがわからない方向けのチュートリアル動画もあります! まずはここから。if,for loopなど基本的な事が学べます。 Cの理解が深まったらobjective-cのチュートリアル動画を観ましょう!0、1とあるんですが飛ばしても大丈夫です。実質2からがチュートリアルです。Class名の付け方とか基本的な事が学べます。 NSArrayやNSDictionaryについて。 実際にXcodeを使ってHello,Worldを表
デザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Lab
記号やイラストなどを収録しているフォントをお探しの方用のエントリ。 自力で無料のものを探すのは難しいという方は参考にどうぞ。 Kaomoji Holiday illust Garabata - dingbats The Scrappin Cop SocialIcons font by ptocheia - FontSpace Irresistible Free Dingbat Fonts | Part II - StarSunflower Studio このページにはかなりの量がまとまっています。キャプチャーは全て、このページのリンクへつながっています。 Was Woodcuts Griffin Bats Zooland My 70's Ding Squares Font Medieval Dingbats Kaloscai Flowers Jade Dingbats Font 001 M
Unityで開発するメリットは、それほどの知識がなくてもドラッグ&ドロップで手軽に3Dデータが扱えることと、物理エンジンをすぐに導入できることです。思いついた仕組みを短時間で実際に動かすまで持っていけるため、触り心地やレベルデザインの部分に時間を割くことができます。 また、1つのプロジェクトをiOSやAndroid、Flashといったマルチプラットフォームに書き出せるため、より多くの人に自分の作ったゲームを遊んでもらえます。 モバイル端末のゲーム制作に興味があっても、なかなかネイティブ言語(iOSだとObjective-C、AndroidだとJavaなど)による開発に手が出せなかったような人には、ぜひUnityによる開発を体験してみてほしいと思います。 本連載では、Unityを使用した簡単な3Dゲームを仕上げるまでの過程を解説していきます。実際にUnityで作っていくところから説明していき
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
★ティーハウスムジカの紅茶。 (リンク先はティーハウスムジカのHPではなく、取り扱いのある店) 紅茶好きが、この手の手軽に楽しめる紅茶としてまず挙げると思われるのが、ムジカの紅茶。 紅茶店の老舗&有名店でありながら、ほとんどの紅茶が100gあたり1,000円以下。 私は店でしか飲んだことがないけど、親しみやすい味の紅茶だった。 「おいしい」とよく耳にするのは、「堂島ブレックファースト」(200gで1,680円)。 ★The Darjeelingの農園もののダージリン。 ここは、50gあたり1,000円弱から農園もの&季節もののダージリンがある。 通常、こうしたダージリンの平均価格は50gで2,000円前後(推定)を考えると超破格。 一度、セカンドフラッシュを買ったことがあるけど、普通においしくてびっくりした(失礼なやつ)。 ・リーフ(葉)で50gあたり1,000円~ ・ティーバッグ12個で
底辺には趣味も特技もありません。 にも関わらず、世人は底辺と会話する時に「御趣味は?」等と不躾な問い掛けをします。 何らかの趣味を持っているフリをしなければならない場面が社会には意外に多く、 底辺はうんざりしておりました。 今回、挙げていくのは、 「金を掛けずに準備しておける趣味」です。 欲を言えば、労力も掛からず、誰からも粘着されない物が好ましい。 学生さんなら、履歴書に書けるレベルのナニカですね。 個人的にお奨め出来るのが、金貨・銀貨収集。 現金化可能であれば、それに越した事はないので。 【関連スレ】 貨幣総合スレ 【関連スレ】 貨幣総合スレ2 【関連スレ】 金の延べ棒の見分け方 【関連スレ】 ハイパーインフレから資産も守る方法を考えるスレ 【関連スレ】 金貨取引収集の情報交換スレッド 【関連スレ】 銀貨取引収集の情報交換スレッド 5 : 前ス
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
Android 開発初心者向け めちゃくちゃ役に立つ無料動画チュートリアル200個! 最終更新日: 2013/07/15 Android開発 こんにちは@sayobsです。iPhoneアプリを2ヶ月で作った時もYouTubeにある無料動画チュートリアルを多いに活用しました。 C言語すら知らなかった私が2ヶ月でiPhoneアプリをリリースするまでにやった事。 | Last Day. jp2ヶ月間独学で勉強したiPhoneアプリが遂にリリースされました。 … Androidのチュートリアルもあるかな?と思いYouTubeで検索してみると沢山出てきました。僕がiPhoneアプリ制作の時にお世話になったthenewbostonさんは200個もAndroidの無料チュートリアル動画も作っていました! これを見た時は感動しました!!チュートリアルの内容は英語ですが簡単な英語です。 Eclipseでの環
Technix Business Card ...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く