タグ

2013年9月10日のブックマーク (8件)

  • プロジェクトに合わせたサイトを自由に作成できるWordPressのテーマファイル -Roots

    HTML5 Boilerplateをベースにミニマルでアクセシブルなマークアップで、より少ないコードでファイルやテンプレートの構造を設定でき、/wp-content/などのWordPress特有のURLの変更やルートからの相対パスの利用など、カスタマイズに優れたWordPressのテーマファイルを紹介します。 Bootstrapも用意されているので、すぐ使いたい人にも対応! また、サイト制作中のワークフロー、運営・管理などのメンテナンスにも配慮されています。 Roots Roots -GitHub Rootsの特徴 組織化されたファイルとテンプレートの構造 マイクロフォーマットとARIAに対応したHTML5のテンプレート jQueryはGoogle CDNから最新版を利用 Google Analytics対応 HTML5 Boilerplateの.htaccessをWordPress用にカ

  • プログラマは職人、力なければ淘汰されて然るべき―ソニックガーデン倉貫氏が問う、プログラマの覚悟。 | CAREER HACK

    プログラマを一生の仕事に―と考えるソニックガーデンCEOの倉貫義人氏。人月ビジネスで時間を切り売りしているうちは、35歳定年説は覆せず、収入を上げるためにはマネジメントの道に進むしかない。人の管理ではなく、生涯プログラマであり続けるために必要な条件とは。 ▼ソニックガーデン代表倉貫氏へのインタビュー第1弾 “納品のない受託開発”とは何か?―ソニックガーデン代表 倉貫義人氏が全貌を語り尽くす。 プログラマを続けられる人、続けられない人。 「納品のない受託開発」というビジネスを確立したソニックガーデン。代表である倉貫氏は、「従来の受託開発は誰も幸せにできないモデル」と切り捨てる。倉貫氏の考える、新しいエンジニアの働き方とは何なのか。プログラマを一生の仕事にするために、必要な環境や能力とは。 人月商売は、エンジニアを馬鹿にしている。 ― 従来の受託開発モデルは、顧客・ベンダー・エンドユーザーから

    プログラマは職人、力なければ淘汰されて然るべき―ソニックガーデン倉貫氏が問う、プログラマの覚悟。 | CAREER HACK
  • 「CodePrep(コードプレップ)」をやってみた!無料のプログラミングサービス

    ここでは、中学生のプログラミング必修化について解説します。 プログラミング必修化のメリットなどについて触れたうえで、今後の社会の変化を把握しておきましょう。 目次 中学生でプログラミングが必修化 中学生からプログラミングを学ぶメリット 中学生が学ぶべきプログラミング言語 3選 中学生がプログラミングを学ぶ方法 ①書籍で独学 中学生がプログラミングを学ぶ方法 ②オンライン教材で独学 中学生がプログラミングを学ぶ方法 ③プログラミングスクールで学ぶ 中学生がプログラミングを学ぶ時のポイント/注意点 まとめ 中学校でプログラミングが必修化 2021年度から中学校でもプログラミング教育が必修化されます。 中学校では、技術・家庭科(技術分野)においてプログラミング、情報セキュリティに関する内容を充実させ、次のような内容について学びます。 計測・制御のプログラミング ネットワークを利用した双方向性のあ

    「CodePrep(コードプレップ)」をやってみた!無料のプログラミングサービス
  • モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)

    ※いずれの言語もマルチプラットフォームであり、Windows, Mac OS Xともにどちらでも利用することができます。 比較対象のサンプル サンプルとしてシンプルなスライドショーのWebコンテンツを用意しています。それぞれの言語でどのように記述して実装するのか、また生成されたJavaScriptがどのようなものであるか確認していきましょう。このサンプルでは言語の特性を紹介するために、実用的な要素として「クラス構造の利用」「既存JSライブラリの利用」「ユーザー操作」を含めています。 デモを開く 「Change Photo」ボタンをクリックすると写真が切り替わります。CSS3の3D TransformsをjQueryを用いて制御します(確認の際には、CSS3の3D Transformsが利用できるブラウザをご利用下さい) 概要 TypeScriptはマイクロソフトが開発するオープンソースの言

    モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前篇 – TypeScript, CoffeeScript, Haxe)
  • 【Ninja】jQueryとCSS3アニメーションで作る何度もクリックしたくなる「ページトップ」ボタン / SQUEEZE - Web Design Studio -

    前回の記事『Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個』にならって、jQueryとCSS3アニメーションを使って遊び心あふれる何度もクリックしたくなる「ページトップ」ボタン作成してみました。 Ninjaページトップボタンブックマークバーとスクロールアニメーションを活かしたページトップボタンにしてみました。サンプルページをご覧ください。 サンプルページ » 忍者登場はCSSスプライトアニメーションコマ送りでアニメーションさせるため、1枚のPNG画像に32px×32pxの絵を10個並べました。マウスオーバーした時に、X軸方向に-32pxずつ背景画像がずれることでアニメーションしているように見えます。 .ninja{ display:block; width:32px; height:32px; background:url(images/ninja.png) no-r

    【Ninja】jQueryとCSS3アニメーションで作る何度もクリックしたくなる「ページトップ」ボタン / SQUEEZE - Web Design Studio -
  • 6OS対応の土台とWebGL/Three.jsで動くFirefox OS/Tizenアプリを作成

    WebGLで動く3Dテトリス:Firefox OSとTizen編 前回の「6つのモバイルOS向けにアプリを作るための基礎知識」では、急増するさまざまなモバイルOSに対してマルチプラットフォームで動くHTML5アプリを作成するための基的な情報を書きました。 今回は、実際に動作するサンプルアプリを使って各開発環境のうち、Firefox OSとTizenにおけるアプリの作り方と汎用的に使える「ベースパッケージ」の作り方を説明します。 HTML5によるアプリ作成はNativeアプリと比べて覚えやすいと思いますので、今までモバイルアプリを開発していない方もぜひ、この連載を通して体験してください。 エディタと開発環境 アプリを作成するためには、まずプログラムコードを読み書きするための開発環境が必要です。HTML5のアプリはHTMLCSSJavaScriptで作るため、極論をいってしまえば、ただの

    6OS対応の土台とWebGL/Three.jsで動くFirefox OS/Tizenアプリを作成
  • これからプログラミングを始めたい大学生必見!WEB系プログラミング言語一覧|キャリアバイトコラム

    皆さんは日頃使っているスマートフォンアプリやウェブサービスがどのようなプログラミング言語で書かれているか知っていますか?また、プログラミングをやってみたいけど何から手をつけていいかわからない、スマホアプリを作りたいけど、どの言語をやったらいいかわからない、という方もいるのではないでしょうか。 今回はウェブサイトやスマホアプリ制作によく使われる5つの言語に関してまとめて見ました。 Java Javaは仮想マシン上で動作が行なわれます。なので、様々な分野で利用されることがあります。 身近なところでは、パソコンのアプリやAndroidアプリでJavaが使用されていますが、ウェブサイトの作成にも利用することができます。 PHP ウェブサイトを作成するのに使用される言語です。 ウェブサイトを作成するために作られた言語ですので、ウェブサイト作成が簡単に行なえます。 また「コンパイル」と

  • 選ばれるウェブデザインとは

    東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る

    選ばれるウェブデザインとは