Oh My Git! – git の使い方を学べるゲーム
Oh My Git! は、バージョン管理ツール git の使い方を学ぶためのゲームです。 中央にgitツリーのグラフが表示され、手元にはgitコマンドを表すカードが配られます。 カードを使わずに右側のターミナルでコマンドライン操作することも可能。お題で出てきた課題を満たすためのカード/コマンドを正しく実行すると、右側の達成項目が緑に反転し、すべて達成すればそのレベルはクリアです。 commit を指定し、そこにカードを捨てることでカード上のコマンドを適用。 levels にあるステージ一覧から、好きな項目について遊ぶことが可能です。 カードを使っても解けますが、コマンドラインで解くと右端のボックスを黄色にすることができます。 ソースコードは GitHub で公開されていて、バイナリ版も Windows, MacOS, Linux 向けに提供されています。 テキストファイルで新たなlevel
Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！｜ハイクラス転職・求人情報サイト AMBI（アンビ）
ハイクラス求人TOPIT記事一覧Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebaseでは、バックエンドやインフラに精通したメンバーがいなくても、モバイルやWebフロントの開発に集中できます。Authentication、Firestore、Cloud Functions、さらにセキュリティルールまで、クックパッドの岸本卓（@_sgr_ksmt）さんが、実践的に解説します。 Firebaseをご存じでしょうか？ Firebaseを利用したことはありますか？ 今回は「Firebaseをこれから使ってみたい！」「絶賛使っているけど、初めてでどう開発したらいいかよく分からない……」という方
Android Icon Design Training
はじめに ランチャーアイコンはアプリを識別する顔であり、マーケットにおいて最も重要で最も目立つ宣伝です。 そのため、アプリのアイコンにこだわる事はとても重要です。 しかし、同時にプログラマーに取っては苦手意識や他人事になりやすい部分でもあり、素晴らしい機能を持ちながら投げやりなアイコンが付いたアプリも少なく有りません。 そこで非デザイナー向けに、絵心が無くてもハイクオリティなデザインは可能である事をAndroidのランチャーアイコン作りを通じて体感し、デザインを身近に感じてもらうとともにデザイナーと話をするための基礎を築くことを目的としたイベントAndroid Icon Design Trainingを4/6にAIP Cafeにて開催しました。 そのときの資料をアップしてほしいというリクエストがあったため、前半部分を中心に説明を追記しながら公開します。 後半部分はInkScapeやホワイト
Home | Developer World
Be Part of the Sony Open Source Community Our Open Source projects have the aim to encourage collaborative work in building innovative technologies. To set the basis for Open Innovation, we share open source resources with developers around the world. AOSP on Xperia Open Devices For some of the Xperia™ devices, we provide Android™ Open Source Project (AOSP) device configurations on GitHub. This me
楽器を作ろう
楽器を作ろう 1 このドキュメントについて 1.1 このドキュメントのライセンス 1.2 ソースコードのライセンス 1.3 リソース 2 楽器を作ろう 第1回 ユーザーインタフェースの作成 3 「新しい」楽器 4 Soundballアプリケーション 5 画面を描画する 5.1 SoundballCharacterクラス 5.2 Ballboxクラス 5.3 Soundballクラス 5.4 SoundballSurfaceViewクラス 6 画面のタッチイベントを処理する 6.1 画面に指を置いたとき 6.2 指をドラッグしたとき 6.3 画面から指を放したとき 7 効果音を鳴らす 8 楽器を作ろう 第2回 基本的な音の生成方法
web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
BiND4で、空腹時に絶対見てはいけないサイトを作る！ (1/3)
記者の人生には大切なものが2つある。1つは猫、もう1つは食事だ。大切にしすぎたせいか、iPhoneのフォトライブラリーはその2つで埋まってしまった。1000枚中、500枚余りが食べものを撮影した写真だ。もはや、そういう端末だったのかとさえ思えてくる。 そこで食べものの写真だ。美味しかったものをズラリと見せたい。でも、グルメサイトに投稿するのは抵抗がある。自分のサイトが作りたい。カッコイイやつを。どうせなら最新のウェブ技術で。でも知識はない。勉強する気もない。さてどうしよう。 解決策は、最新のHTML編集ソフトを使うことだ。ズルではない。これを「大人のやり方」という。時間はかけず、出来は抜群。その卑怯な願いはどこまで叶うのか。「BiND for WebLiFE* 4 プロフェッショナル版」（2万8800円）を使い、サイトをゼロから作りはじめてみた。 ■ ＧＯＨＡＮＳＣＩＩ.ｊｐ（ゴハンスキー
【レビュー】SVGエディタInkscapeを使いこなすための15のチュートリアル | エンタープライズ | マイコミジャーナル
Linux, Open Source, Gadgets, and all things Digital - TechSource ビッグスクリーンで動作するブラウザ、ノートPCで動作するブラウザ、ネットブックで動作するブラウザ、iPad、iPhone 4、iPhone 3GS、そのほかのスマートフォンやタブレットタイプのデバイスなど、Webコンテンツにアクセスするデバイスと条件は多様化し続けている。こうしたすべての環境に対して適切なデザインを実現するのは簡単なことではない。 特に問題となるもののひとつがビットマップ画像。iPhone 4のレティナディスプレイのように高い密度を実現したスクリーンで美しい表示を実現するには、ビットマップ画像は問題が多い。はじめから大きなサイズのビットマップ画像を用意すれば美しさは確保できるが、帯域の無駄が発生する。ここでの解決策のひとつはSVGを採用することに
AJAXサイトをクローラブルにする - 検索エンジンフレンドリーなAJAX実装方法
米Googleが、AJAXベースのウェブサイトをコンテンツを検索エンジンに登録する方法についての、最新ドキュメントを公開しました。昨年10月に検討段階の実装方法が公式サイトで紹介されましたが、それのアップデート版になります。 最初におさらいをします。AJAX（エイジャックス）は、ページ遷移なしにサーバとデータ通信を行うことで、動的なWebアプリケーションの開発が可能です。しかし、いまブラウザで表示している内容と対になるURLが存在しないために、クローラが個々のコンテンツをクロールできないこと、また、仮にステートフルURLを用意しても（クローラは）JavaScriptを実行できないためコンテンツを読み取ることができないため、検索エンジンに登録することは困難な状況でした。 しかし、Googleによると69%のウェブコンテンツがJavaScriptなどで動的に作成されているなど、近年のウェブテク
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
Scala言語を学ぶやさしいツール「Kojo」が無償公開
オブジェクト指向言語と関数型言語の特徴を備えたプログラミング言語「Scala」は、JavaVM上で高速に動作する生産性の高い言語として最近注目されている言語です。 Scalaは静的型付け言語としての高速性を実現しつつ、非常に柔軟なプログラミングが可能で、オブジェクト指向言語としてコードが記述できると同時に関数型言語の機能も発揮できるとされており、これらが高い生産性につながるといわれています。 また、関数型言語は並列処理を記述するのに適したプログラミング言語としても注目されています。 そのScalaを、子ども向けにやさしくプログラミングを学ぶための言語として採用したオープンソースの統合学習環境「Kojo」が、無償公開されています。 タートルグラフィック機能を搭載 Kojoは、いわゆるタートルグラフィックス機能を標準で備えたScala言語のサブセットで、タートルに命令を与えると画面上にグラフィ
Android WebView を使う
公式リファレンスはこちら "WebView | Android Developers" ・AndroidManifest.xml にパーミッションの設定を忘れずに！ <uses-permission android:name="android.permission.INTERNET" /> ・onCreate でインスタンスを作る WebView webview = new WebView(this); setContentView(webview); ・layout xml で定義する setContentView(R.layout.main); webview = (WebView) findViewById(R.id.webview); main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:androi
SVG with a little help from Raphaël
First we create a table of values that add up to 100%. These are the values for each wedge in the pie chart. We can enhance the regular table if the browser supports it. <table id="nutritionFacts"> <caption>Nutritional information for product X</caption> <tr> <th scope="row">Calories</th> <td>45%</td> </tr> <tr> <th scope="row">Saturated Fats</th> <td>25%</td> </tr> <tr> <th scope="row">Protein</t
[Android] Multithreading For Performance パフォーマンス向上のためのマルチスレッド化の方法 - Project Hews by 木南英夫
A good practice in creating responsive applications is to make sure your main UI thread does the minimum amount of work. Any potentially long task that may hang your application should be handled in a different thread. Typical examples of such tasks are network operations, which involve unpredictable delays. Users will tolerate some pauses, especially if you provide feedback that something is in p
![[Android] Multithreading For Performance パフォーマンス向上のためのマルチスレッド化の方法 - Project Hews by 木南英夫](https://cdn-ak-scissors.b.st-hatena.com/image/square/c98661a32d101bb68e5231f1fd81e49a6850e282/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhkinami%2F20100721%2F20100721132822.png)
App Inventor for Android - Learn
App Inventor In Action Watch a short video of App Inventor in action.
IEやiPhoneでも問題なく動作・ドラッグやスクロール等、多方面で応用出来るjsライブラリ・Dragdealer JS
なかなか使い勝手が良さそう だったのでメモ。スクロールバー や、コンテンツスライダーなど、 多方面で応用の効くjsライブラリ、 Dragdealer JSのご紹介。 IE6、7、8や、iPhoneでも動作を確認しましたが、何の問題も無く動いてくれますよ。 ↑ 上図はスクロールバーに使用した例です。動作も凄くスムーズです。Flashでよく見かけますね。 ↑ 文字の拡大をドラッグで実装。 ↑ 斜めに移動するコンテンツスライダーにも応用できる。 ↑ こちらではコメント送信に使っています。ユニークですね。 iPhoneでは全てフリックで動作します。 IE6とか7がだいたいネックになるのでどのブラウザでも実装できるjsはいくつ覚えておいても損なさそうですね。加えてiPhoneなどでもスムーズに動いてくれるのでなかなか使えそうです。以下で動作をご確認下さい。 Dragdealer JS
Learn to build Android apps | Appinventor
AppInventor.org teaches you how to code with the MIT App Inventor visual coding tool. The site offers a course-in-a-box for teachers and self-directed students, including videos and a free book on App Inventor. AppInventor.org was created by Professor David Wolber and students at the University of San Francisco. Our work is made possible by our friends at MIT App Inventor, found at appinventor.mit
「HTML5 Rocks」だけじゃない、ブラウザ各社のHTML5チュートリアルを集めました
Webブラウザを提供する主なベンダ、グーグル、マイクロソフト、モジラ、オペラ、アップルらは、HTML5への対応を急ぐと同時に、相次いでHTML5の魅力や内容をデベロッパー向けに紹介するサイトを開設しています。この記事では、それらをまとめて紹介することにしましょう。 グーグルの「HTML5 Rocks」 グーグルは6月22日に開発者向けにHTML5を紹介し、学習するためのWebサイト「HTML5 Rocks」をオープンしました。 HTML5 Rocksは現在3つのコーナーに分かれています。 1つ目は「Interactive Presentation」。これはHTML5の新たなAPI、DOM APIやLocal Storage、WebWorkerなどさまざまな機能を紹介するプレゼンテーション。機能と共にJavaScriptでのコーディング例や実際に動作するデモなどが用意されており、HTML5の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
Sign in - Google Accounts
