これからweb開発に携わりたいと考えている人にお勧めの言語
一説によると有史以来開発されたプログラミング言語は4000を超えるとされている。その中でどの言語を選べばいいのか初学者にとっては悩みの種であろう。この記事ではそんな初学者のとっかかりとなることを想定して書かれている。 Javascript(お勧め度☆☆☆☆☆)Javascriptは長らく「使えない糞言語」とのレッテルを張られていた言語である。2005年頃からAjaxの台頭で価値が見直され、2010年頃からはnode.jsの盛り上がりで一気にweb開発の主要言語の一つに躍進した。 node.jsは現在活発に開発が進んでおり今年中には実践投入が可能になる画期的なアーキテクチャとなる可能性が高い。それによって「クライアントサイド」と「サーバーサイド」をどちらもJavascriptで開発できることになり、これはよく比較対象にされるLLのライバル達が絶対になし得る事の出来ない独占的なメリットである。
Faust Programming Language
Functional Programming Language for Real Time Signal Processing GitHub Quick Start Try It Online! What is Faust? Faust (Functional Audio Stream) is a functional programming language for sound synthesis and audio processing with a strong focus on the design of synthesizers, musical instruments, audio effects, etc. created at the GRAME-CNCM Research Department. Faust targets high-performance signal
今見るべきは公立小学校のホームページ | オモコロ
進化が止まったインターネット ネット人口の増加に伴い新たに無数のインターネットコンテンツが生まれ、淘汰・洗練を繰り返し、今では質の高いコンテンツしか生き残れなくなっています。 しかしそんなインターネット上の読み物でありながら、一切の進化を遂げず唯一その淘汰の渦から外れている存在をみなさんはご存知でしょうか。 そう、公立小学校のホームページです。 新たな顧客を獲得する必要がなく、誰からも批評の対象に見られていないインターネット唯一のオアシスと言っていいかもしれません。 そこで本日は、そんなオアシスだからこそ生まれた各所に見られる「洗練されてなさ」を紹介します。 「洗練されてなさ」とは 先ほどお見せした1枚だけでも「洗練されてなさ」の宝庫です。 まずはこちら お分かりでしょうか。 公立小学校ホームページあるある「何かと重なる文字と画像」です。 多少の重なりなど気にしない心意気。 これが商業化さ
Amazonが流行ると本屋が潰れる法則は正しいのか？ | Tips of Rubbish
Webツール開発を行なっている時に、Ajaxで読み込み待ちの状態で「Loading」と文字が書かれているだけの表示は非常に寂しい。 そこで、いつでもサクッと使えるように、「NowLoading」のアニメーションで著作権フリーの「cc0」のものを集めてみた。 ジャンル分けしてみたので、便利にURLを貼り付けて使ってみてください。 ただし、アクセスが多い場合は、素材を置いてあるサーバーに迷惑をかけるので、直URLではなく、素材をDLして自サーバーに設置して使いましょう。 くるくるバージョン
ブラウザ × MIDI？Web MIDI APIを使ってMIDIデバイスの入力を取ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、店長です。 今回はWeb MIDI APIと、それを使って入力を取得する方法を解説したいと思います。まだまだ対応ブラウザは少ないですが、意外と簡単に扱うことができるので、ぜひ試してみてください。 Web MIDI APIとは MIDIとは電子楽器の演奏データを機器間でやりとりするための世界規格のことです。 MIDI（ミディ、Musical Instrument Digital Interface）は、日本のMIDI規格協議会（JMSC、現在の社団法人音楽電子事業協会）と国際団体のMIDI Manufacturers Association (MMA) により策定された、電子楽器の演奏データを機器間でデジタル転送するための世界共通規格。 MIDI – Wikipedia Web MIDI APIはMIDIデバイスとブラウザ間で通信をおこなうことができるAPIです。使用しているパソ
夜逃げ、ヤミ金、改名…理不尽スパイラルから救ってくれたのはインターネットだった。徳谷柿次郎の原点 | CAREER HACK
"日本一ふざけた会社”ことバーグハンバーグバーグの徳谷柿次郎さん。10代から極貧生活を送り、26歳まで新聞配達と牛丼屋のアルバイトを掛け持ちして家計を支えてきた過去はあまり知られていない。彼のルーツ、そして生き方から理不尽やトラウマをはねのけるヒントが見えてきた。 大阪。借金返済に奔走していた青春時代。 "日本一ふざけた会社”ことバーグハンバーグバーグの一員として、メディア運営に携わる徳谷柿次郎さん。 今やメディアやイベントに引っ張りだこの柿次郎さんだが、10代では家庭の事情で極貧生活を強いられ、新聞配達と牛丼屋のアルバイトを掛け持ち。借金を返済しながら暮らしてきた過去はあまり知られていない。 「10代・20代の頃は、劣等感の塊でした」 こう笑顔で話す柿次郎さん。フツーであればそのままズルズルと泥沼化して、いろいろとこじらせてしまいそうだが、いかにして自ら生きる道を切り拓いてきたのか。そし
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it – why
ロリポップのサイト改ざん事件に学ぶシンボリックリンク攻撃の脅威と対策
既に報道されているように、ロリポップ！レンタルサーバーに対する改ざん攻撃により、被害を受けたユーザー数は8428件にのぼるということです。ここまで影響が大きくなった原因は、報道によると、(1)「WordPressのプラグインやテーマの脆弱性を利用」し、不正なファイルがアップロードされた、(2)パーミッション設定の不備を悪用されて被害が拡大した、ということのようです。 29日夜の時点では、攻撃者の改ざん手法について「WordPressのプラグインやテーマの脆弱性を利用」し、不正なファイルがアップロードされて「wp-config.phpの」の設定情報が抜き出されたと説明していたが、30日午後7時過ぎの説明で、この脆弱性が侵入経路となって同社のパーミッション設定の不備を悪用されたことが原因だったことを明らかにした。 「ロリポップ」のWordPressサイト改ざん被害、原因はパーミッション設定不備
人気上昇中のJavaScriptライブラリを調べてみた【2015年版】
altJSの人気が混戦で面白い！ 2014年中に人気が急上昇してきており、「2015年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表。 ← 前回 連載 INDEX 次回 → こちらのページで【2016年版】も発表！ ■ 2015年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2014年中に人気が急上昇してきており、「2015年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する（※昨年の2014年版はこちら）。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名
htmlをjadeに変換するのに役立つwebサービス
シェアボタンを作成する場合、「 Twitterボタン」や「 Like Button」のページからhtmlを作成することが多いです。 jadeを使っている場合にサクッとこれらのhtmlをjadeに変換したいなと思って調べていたら、htmlをjadeに変換するサービスがいくつかありました。 HTML2Jade - HTML to Jade Online Realtime Converter HTML 2 Jade - a converter for HTML aaronpowell/html2jade-website githubでソースコードも公開されているのでローカルマシンで動かすこともできますね。
Google Chromeに手動で検索エンジンを追加する手順と私が追加している検索エンジン | TechMemo
Google Chromeのアドレスバーは、キーワードを入力することで検索エンジンとしても利用できます。デフォルトだと、検索エンジンはGoogleになっています。 Chromeは、使った検索エンジンを認識して自動で追加してくれることもあるのですが、すべてが追加されるというわけではないみたいです。 そこで今回は、Chromeの検索エンジンを手動で追加・変更する方法と私が追加している検索エンジンを紹介したいと思います。 検索エンジンを追加する方法 1. Chromeの[設定] – [検索] – [検索エンジンの管理]にアクセスします。もしくは、アドレスバーを右クリックして[検索エンジンの編集]でもOKです。 2. 現在追加されている検索エンジンが表示されるので、一番下までスクロールします。 3. フォームがあるので、左から「検索エンジンの名前」「キーワード」「検索エンジンのURL」を入力します
Formを作らずにJSでPOST送信
AタグやButtonのonclickなんかを引っ掛けてPOSTしたい場合、hidden要素しか持たない隠しformを作ったりしていましたが、Javascriptだけで処理できたのでメモ。 ※参考 HTMLでformを作らずにJavaScriptでPOST送信 /** * データをPOSTする * @param String アクション * @param Object POSTデータ連想配列 */ function execPost(action, data) { // フォームの生成 var form = document.createElement("form"); form.setAttribute("action", action); form.setAttribute("method", "post"); form.style.display = "none"; document.
LocalStorageがおもいのほか便利すぎたのでまとめ - それマグで！
localStorageを使って見た．食わず嫌いでした．すごく便利ですね cookieで保存するより相当便利です． cookie VS localstorage 比較 Cookieの特長 ドメイン毎にデータが保存される．(SameOriginの原則) Stringが保存される． HTTPリクエストで毎回サーバーに送られる JavaScriptからアクセス可能 有効期限がある LocalStorageの特長 ドメイン毎にデータが保存される．(SameOriginの原則) Stringが保存される． HTTPリクエストで毎回サーバーに送られない JavaScriptからアクセス可能 有効期限が特にない 比較まとめ Cookieの特質から、HTTP通信で送る特性を省いたものHTTP通信で送る必要がないので，Expires（期限）も省略される localStorageの保存方法 js> local
リアルタイムWebの時代にElixirが来る？ Qiita高橋侑久氏が今注目する技術領域 - エンジニアtype | 転職type
技術情報共有サイト『Qiita』は、日本で働くプログラマーにとっていまや、なくてはならない存在となっている。また、チーム内の情報共有に『Qiita:Team』を利用しているという声を聞く機会は多い。こうしたプロダクトを通じて、「ソフトウエア開発をよりよくすることで世界の進化を加速させる」ことを目指しているのがIncrementsだ。 情報感度の高いプログラマーに向けたプロダクトの作り手は、おそらく情報感度が高いはずである。『Qiita』の「中の人」は今、どのような技術に注目し、どうやってそれを身につけているのか。 同社CTOの高橋侑久氏に、現在注目し、インプットしている技術領域と、学びのソースについて聞いた。 高橋氏は、注目している技術領域として次の3つを挙げた。 【1】Railsの課題に回答をもたらすElixirとPhonenix Framework 【2】Terraformでインフラを
コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方｜WEB Drawerをご覧下さい。 Gruntで何が
「GitLab 8.0」がリリース - GitLab CIの統合やデザインの刷新が行われる | ソフトアンテナ
GitLab開発チームは9月22日(現地時間)、オープンソースのGitHubクローン「GitLab」のメジャーバージョンアップ版「GitLab 8.0」をリリースしました(リリースノート、Hacker News)。現在公式サイトより、Ubuntu / Debian / CentOS / Raspbian用の無料版GitLab CE(Community Edition)のOmnibus(全部入り)パッケージ等をダウンロードすることができます。 GitLab 8.0はGitLab 7.0リリース以来15ヶ月ぶりのメージャーバージョンアップ版で、UIの刷新やGitLab CIの統合をはじめ、 パフォーマンスの大幅な改良、LDAPの統合、巨大ファイルのトリア追加を可能とするgit annexのサポートの追加など、さまざまな新機能が実装されています。 なかでも注目は、これまで個別に配布されてきたGi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
視覚的に指定したウェブサイトの差分を表示してくれるサービス「Diffd」 | ライフハッカー・ジャパン
HTML5動画プレイヤーを拡張させられる「jquery-video-extend」:phpspot開発日誌
CodePen - Front End Developer Playground & Code Editor in the Browser
スタジオ・アルカナ、ブラウザベースの議事録ツール「SIGN」を無償提供
