レトロエンジニアのための近代Webフロントエンド事情 - Qiita
フロントエンド開発という言葉があちらこちらから聞こえてくる。 「反対語はバックエンド開発だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。」 ・・・とか思ってたらとんでもない。 世の中ではJavaScript界隈を限定している風な使われ方をしている。 私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。 本文は、近年のWeb技術に追いつこうと調査した結果のメモ書きである。 n番煎じの内容だが、Web業界にいない人間の視点 なので、私と同類のレトロエンジニア等、一部の人には新しい気付きが与えられるかもしれない。 詳しい人の添削・ツッコミは大歓迎。 詳細はリンク先に任せ、私が思う「わかりやすい順序」で、調べたことをざっと紹介していく。 きっかけ 読み飛ばしてもよい。 Reactを使うとなぜjQueryが要らなくなるのか 数年前、
1人Webサービス開発で使っているGemfileそのまま公開 - Qiita
最近個人的に作った写真共有サイトを公開しました。 photoll - スポット写真共有サイト この写真共有サイトで実際に使っているおすすめGemを晒してみます。 あと、おまけで使ってないけど便利そうなGemとかも紹介。 一人で1からWebサービスを作る過程を書いた拙作のブログエントリもよかったら見てください。 【1人でWebサービス開発】新米Railsエンジニアが無謀にも写真共有サイトを作りました だいぶ長いですが、Gemfileをそのまんま載せました。簡易説明付き。 主要なGemをあとで説明します。 source 'https://rubygems.org' gem 'rails' gem 'mysql2' gem 'haml-rails' # HTMLを簡潔に書ける gem 'sass-rails' # CSSを効率的に書ける gem 'bootstrap-sass' # Twitte
JavaScriptのコーディングTips集 - 主に言語とシステム開発に関して
JavaScriptのプログラミングに関するTips集。 主に中級レベルの話題とノウハウを掲載する。 なお，JavaScript初級〜中級をクイズ形式で網羅的に学習するためには，下記のエントリを参照。 JavaScriptの動かないコード (JavaScriptエラー集) http://language-and-engineering.hatenablog.jp/entry/20080912/1221297779 ※JavaScript以外のプログラミングについては，こちらを参照。 ピュアJSを極める： JavaScriptで，クラスを継承する方法 （複数のサブクラスから共通クラスのプロトタイプを参照する） JavaScriptでの例外設計 （throw，try-catch-finally構文のイメージと利用パターン） JavaScriptで，動的に追加されたイベントリスナの実行順序を保
Git がわからなくても Github を利用しよう | そんなこと覚えてない
みなさん Github を利用していますか？ 「Git がわからないから…」と、そんな理由で使わないのはもったいないです。 Webや開発に携わる人間であれば、例えプログラムを書かなくても、Github へアクセスする機会は増えているのではないでしょうか。 Webの人であれば jQueryのプラグインを探したり、サンプルコードが Github においてあったりすると思います。 しかし、いきなり使いこなすのは難しいので、まずは以下のことをはじめてみることをおすすめします。 アカウントを作る 知り合いや気になる人をフォローする 自分が利用しているリポジトリや気になるリポジトリにスターを付ける News Feed を読む 日本人がやってるネタリポジトリの Issues やPull Requestsに絡む Gitを利用しなければいけない機能はとりたててありません。(Pull Requestには突っ込
HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | DevelopersIO
僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに - jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿名関数で全体をラップ - (5) (function($) { // このプラグインの名前 - (1) $.fn.name_space = function() { //要素を退避 - (2) var elements = this; // 要素をひとつずつ処理 - (3) elements.each(function() { // 具体的な処理をここに記述 }); // method chain
HTML5 × CSS3 × jQueryを真面目に勉強してみる – #4 LESS | DevelopersIO
そんな訳で、拡張メタ言語の中でも特にハードルの低いだろうLESSに触れてみることにしました。 拡張メタ言語 - LESS メタと称されるだけあって、LESSはHTMLやCSS、JavaScriptといった類の言語とは毛色が違います。そういった言語によって記述されたソースコードと同じ意味（機能）を持ちながら、より簡略的に表現できるようにしたための言語というわけです。 念のため分かりやすく補足しておきますと、メタとは比喩とか暗喩という意味であって、「アンタなんか牡丹じゃなくて豚よッ！」というセリフの豚という表現が正にメタに当たります。 ※豚というのは例えであって、本当に動物の豚だといっているわけではありません。 他にもこのような拡張メタ言語には、CSSに対してSCSS(Sass)、HTMLに対してHamlといったものがあります。JavaScriptに対してCoffeeScriptというのが比較
改めて最強のJavaScript IDE 「WebStorm」についてまとめてみた(改訂版)
WebStormはHTML(5)+CSS+JavaScript等をメインに扱う、Windows, Mac OS X、Linuxのクロスプラットフォームに対応したIDEです。 これを読む前に以下の文章を見ておく必要があります 最強のJavaScript IDE 「WebStorm」を使ってみた | Web scratch この記事はWebStorm1.0の頃にかかれたものです。 横浜JSTDDハンズオンでWebStormについて発表してきた | Web scratch WebStorm指南書 この記事はWebStorm 4.0 EAPの時に書かれたものです この記事は、WebStorm 1.0 から WebStorm 5.0までの変更や追加機能等を最強のJavaScript IDE 「WebStorm」を使ってみたをベースにまとめたものです。 購入方法 既に購入済みな方などは飛ばして大丈夫で
美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア
あらすじ あなたはとある業務用 Web アプリケーションの開発・保守を任されています。 このアプリケーションは ASP.NET を用いて作成されており、 クライアントサイドは一部 jQuery を利用してナウなヤングにバカウケの UI を実装しています。 さて、今回は 商品情報の変更履歴を一覧表示する。一覧から2つのバージョンを選んで差分を表示できるようにする。 という機能を実装することになりました。 これ自体はちゃちゃっと実装し、以下のようなHTMLが生成されるようにしました: ... <table> <tr> <th>A</th> <th>B</th> <th>変更日時</th> <th>変更者</th> </tr> <tr> <td><input type="radio" name="new_version" value="9"/></td> <td></td> <td>2012-0
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
jQueryの必要なところだけを取り出せる「jQuip」:phpspot開発日誌
jQuip - jQuery in parts :: Builder jQueryの必要なところだけを取り出せる「jQuip」。 ajaxの機能だけを使いたいのに、全部インクルードしちゃうのは回線のムダでパフォーマンスにも影響しますね。 ということでajaxの機能だけとかcssの機能だけといった風にチェックボックスでチェックすればコードをWEB上で取得できてそのままコピペで使えるというものです。 サイト上でminifyしたり逆も可能です。 いらない機能は読み込みたくないものですがこれはナイスですね 関連エントリ 円形で回転するタイマーを実装できるjQueryサンプル Twitter OAuth認証をポップアップで行うjQueryプラグイン 良い感じで動作するニュースティッカー実装jQueryサンプル
cocos2dで簡単なゲーム作っていくよ（まとめ） | リンゴにかじられたブログ
「BigShot」というゲームをcocos2dで作りました。 ダウンロードはこちら 射的屋「BigShot」 カテゴリ: ゲーム 価格: 無料 GitHub ソースコードはhttps://github.com/kasajei/BigShotに置いてあります。書く記事ごとにchapterとしてbranchを残しているので、各回ごとに追っていきたい人はそちらからも御覧ください。 記事一覧 cocos2dで簡単なゲームを作っていくよ(0) cocos2dで簡単なゲームを作っていくよ(1) cocos2dで簡単なゲームを作っていくよ(2) cocos2dで簡単なゲームを作っていくよ(3) cocos2dで簡単なゲームを作っていくよ(4) cocos2dで簡単なゲームを作っていくよ(5) cocos2dで簡単なゲームを作っていくよ(6) cocos2dで簡単なゲームを作っていくよ(7) coc
これからゲームはドコに行くのか。 島国大和のド畜生
かつて、ゲーム製作10個のチェックボックスというエントリを書いた。 １□ゲームのプレイ状態になるまでにかかる時間、ステップは短いか？ ２□プレイヤーにモチベーションを与えるまでの時間、ステップは短いか？ ３□最初の快感を得るまでにかかる時間、ステップは短いか？ ４□プレイヤーに成否を細かく伝えているか？ ５□プレイヤーの行動が、結果だけでなく、過程に意味を持つか？ ６□快感と次の快感のループは適切な時間か？ ７□ゲーム中、プレイヤーの操作不能時間は短いか？（否操作不要） ８□ゲーム中、プレイヤーに無駄な操作をさせていないか？ ９□プレイヤーの上達曲線と合致する難易度を与えているか？ 10□自分で遊んで面白いと思ったか？ なんだ、１０番目だけで後は要らないじゃん！ というもの。 これがだ。もう最近使えない。最重要はここじゃない。 役に立たなくなった。これじゃあ食えない。今風ならこうか。 １□
【ノーベル賞】田中耕一さんが黒髪を代償にまたスゴい技術を開発 : 暇人＼(^o^)／速報
【ノーベル賞】田中耕一さんが黒髪を代償にまたスゴい技術を開発 Tweet 1：名無しさん＠涙目です。(神奈川県)：2011/11/09(水) 00:14:11.82 ID:mZR9F65t0 血液１滴からの病気発見に道 田中耕一さんら抗体開発 ノーベル化学賞を受賞した島津製作所の田中耕一フェローらのグループは８日、わずか血液１滴からさまざまな病気の早期診断ができる技術を開発したと発表した。 がんや生活習慣病などの病気になると、特定のたんぱく質（抗原）が血中に流れるが、微量でも漏れなく捕まえる抗体をつくることに成功した。 ３年以内を目標に臨床研究の実施を目指すという。 抗体もやはりたんぱく質で、抗原と結合して免疫反応を起こす生体内のアンテナのような役割。 従来の抗体は、ほぼ固定された腕の部分に抗原が結合するのを待つような仕組み。田中さんらはバネ状の人工物（ポリエチレングリコール）を組み込み、
asahi.com（朝日新聞社）：血液１滴からの病気発見に道 田中耕一さんら抗体開発 - サイエンス
印刷 ノーベル化学賞を受賞した島津製作所の田中耕一フェローのグループは８日、病原体（抗原）と結合する強さを１００倍以上高めた抗体の開発に成功したと発表した。わずか１滴の血液からでも限られた抗原を漏らすことなく捕まえることができる技術で、がんや生活習慣病などの早期診断法につながるという。 抗体は、抗原と結合して免疫反応を起こす生体内のアンテナのような役割。従来の抗体は、ほぼ固定された腕に抗原が結合するのを待つような仕組み。田中さんらはこの腕の部分にバネ状の人工物（ポリエチレングリコール）を組み込み、前後左右に腕が伸びて抗原を幅広く捕まえるよう設計することに成功した。バネによって結合する力も強くなったという。 アルツハイマー病の発症にかかわるたんぱく質（ベータアミロイド）を捕まえる抗体にこのバネを組み込むと、従来より１００倍以上の結合力だった。 続きは朝日新聞デジタルでご覧いただけます朝
血液検査の感度１００倍 ノーベル賞・田中耕一さんらが新技術開発 - MSN産経ニュース
健康診断などで行う血液検査の感度を従来の１００倍に高める新技術を、ノーベル化学賞受賞者で島津製作所フェローの田中耕一さん（５２）らが開発し８日、発表した。血液１滴でがんや生活習慣病などを早期診断したり、画期的な治療薬の開発につながる成果という。 記者会見した田中さんは「今まであきらめていたものが、これで見えてくる。大きな自信を持って紹介できる」と笑顔で語った。 田中さんらは、病気にかかると体内で新たな種類のタンパク質が作られ、その発見が診断や治療につながることに着目。人の免疫反応で重要な役割を果たす抗体を使って、１０万種類以上のタンパク質から病気に関係するものだけを素早く見つけ出す方法を開発した。 ２本の腕を広げたようなＹの字形をしている抗体の中心部に、バネのような構造を人工的に作製して取り付け、腕が自在に動いて目的のタンパク質を探し出せるようにした。この抗体を使って検査したところ、アルツ
【ノーベル賞】田中耕一さんが黒髪を代償にまたスゴい技術を開発
■編集元：ニュース速報板より「【ノーベル賞】田中耕一さんが黒髪を代償にまたスゴい技術を開発」 1 名無しさん＠涙目です。(神奈川県) :2011/11/09(水) 00:14:11.82 ID:mZR9F65t0 ?PLT(13128) ポイント特典 血液１滴からの病気発見に道 田中耕一さんら抗体開発 ノーベル化学賞を受賞した島津製作所の田中耕一フェローらのグループは８日、わずか血液１滴からさまざまな病気の早期診断ができる技術を開発したと発表した。 がんや生活習慣病などの病気になると、特定のたんぱく質（抗原）が血中に流れるが、微量でも漏れなく捕まえる抗体をつくることに成功した。 ３年以内を目標に臨床研究の実施を目指すという。 抗体もやはりたんぱく質で、抗原と結合して免疫反応を起こす生体内のアンテナのような役割。 従来の抗体は、ほぼ固定された腕の部分に抗原が結合するのを待つよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
オープンソースのPHP+jQuery製オンラインファイルマネージャ・elFinder - かちびと.net
Engadget | Technology News & Reviews
