フロントエンドエンジニアが2017年触ったWebの技術まとめ(非フロントエンド含む) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2017年ももう終わりなので、自分用のメモも兼ねて今年触った技術をざっとメモしてみる。 フロントエンドに対しては大凡モダンなものを使っているけれど、他についてはその限りではないので、自分が古いと感じるものについては来年以降移行したいもの、手をつけたいものもあわせてまとめる。 ちなみに今年のGitHubで見えるだけのアクティビティとしてはこんな感じ。そこそこコードは書いた。 技術の分類 とりあえず以下でカテゴライズしておく。そこそこその他はありそう。 Webフロントエンド Webバックエンド その他Node周り インフラ / ミドルウェア
「生涯現役開発者」を貫く40代～60代のソフトウェア開発者たち
日本では「プログラマー35歳(40歳)定年説」が存在しますが、アメリカでも同じように、いつまでも「イチ開発者」として生涯を過ごすのは困難と見なされています。40歳を超えたプログラマーはやがて「管理職」になることを促されるのですが、マネージャーになることを拒否して「生涯現役開発者」を貫いている40代～60代のソフトウェア開発者にインタビューが行われています。 Software Developers After 40, 50 and 60 Who Hate Being A Manager https://belitsoft.com/php-development-services/top-software-developers-after-40-50-and-60#2 ◆45歳でシニア・ソフトウェアエンジニアのロブ・フレッッチャーさん 得意分野：ウェブ開発、テスト駆動開発、アジャイルソフトウェ
【ハイブリッドアプリ】Monacaを利用してみてはじめに疑問に思ったこと一覧 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Monacaでハイブリッドアプリを作りたいと思って利用してみてやってみたことや不明だったことをメモも兼ねてまとめてみます。 個人的な感想なのであくまで参考程度に。 どこで勉強したらいい？ サイト Monaca入門：Onsen UI＋AngularJSで作るハイブリッドモバイルアプリ Monacaを最初から使ってみてAngularJSの基本やAPIのコールなどから勉強できる。 超速アプリ開発！ニフティクラウド mobile backend 入門 ドットインストール：Monacaを利用してPUSH通知まで簡単にできる。サーバ側もmobile
コンポーネント指向のUI開発時に起きがちな密結合・複雑化問題をStoreパターンで解決する
こんにちは。プレイドの藤川(@atsushiss15)です。 プレイドには学生時代よりインターンとして参加しており、今年の４月に新卒社員として正式に入社しました。現在に至るまで弊社の提供するKARTEの機能開発を担当しています。 今回はVue.jsを利用したコンポーネント指向のUI開発において、私たちが実際に遭遇した問題とその解決策として導入したStoreパターンについてご紹介したいと思います。 Vue.jsというフレームワークが題材にはなりますが、Storeパターンの考え方自体は他のフレームワークを使った開発にも転用できると思うので、ぜひ読んでみていただければと思います。 目次 Vue.jsとは？ アプリケーションの大規模化に伴って生じた問題 解決策としてのStoreパターン サンプルコード他 Storeパターンに移行した感想 最後に Vue.jsとは？ Vue.jsを一言で表現するなら
簡単、綺麗。今からアプリ開発するならIonicが良さそう - YDブログ
半年ほど使って、すっかりファンになってしまったので紹介します。 ionicframework.com 目次 目次 Ionic Frameworkって？ 動作デモ インストール 「Lab」 参考記事 Ionic CLIのインストール・使い方 プロジェクトの作成 Webサーバで確認 ビルドと実行 転送、Ionic Viewで実機確認 まとめ Ionic Frameworkって？ 導入の容易さ、パフォーマンスと安定性、優秀なUIコンポーネント群ほか便利機能満載のアプリ開発フレームワークです。 Web技術(HTML・CSS・Javascript)で、ハイブリッドアプリが簡単に作れます。 いわゆるCordovaとAngularJSがベースです。 AngularJSを用いたコードのベストプラクティスの一例として、初心者だけでなくベテランにも学び甲斐があります。 動作デモ どういうものかはまず、下のデモ
AngularJSアプリの入力生産性を向上する3種のライブラリ
<!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8" /> <title>AngularJS</title> <!-- （1）Angular Wizard本体とスタイルシートをインポート --> <link rel="stylesheet" href="bower_components/angular-wizard/dist/angular-wizard.css" /> <script src="bower_components/angular/angular.min.js"></script> <script src="bower_components/angular-wizard/dist/angular-wizard.min.js"></script> <script src="scripts/wizar
はてブとpocketから一括検索できるwebサービス『tanaoroshi』を作ってOpenshiftで公開しました - undefined
最近Node.js + AngularJSでこそこそ作ってたWEBサービスを公開しましたので紹介します。 お詫び(7/4 7:25追記) ちょくちょくクラッシュしているようです。申し訳ありません。 セッションをメモリで管理しているため、クラッシュした場合再ログインしていただく必要があります。ごめんなさい。 あとconnect.session() MemoryStoreはメモリリークがあるっぽいです。production環境での使用は非推奨っぽいですね。connect-mongo等を使用する必要がありそうです。順次対応いたしますのでよろしくお願いいたします。 作ったもの http://tanaoroshi.bokuweb.me/ Tanaoroshi. なんぞこれ？ 「はてなブックマーク」と「pocket(旧read it later)」のデータから一括検索・閲覧するためのシンプルなWEBサ
フロントエンド、サーバサイド、インフラの具体例
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Webエンジニアの種類は、概ね フロントエンドエンジニア：見える部分を作る人 サーバサイドエンジニア：動的な処理を記述する人 インフラエンジニア：各種サーバ環境を整える人 に類別できる。 ただし、人によってその担当領域が異なるため、明確な線引はできない。 （サーバサイドエンジニアがインフラをやったりフロントをやることも大いにあり得る） 「クライアント・サーバ」の概念との関係付けをするならば、下記画像のようになると言えるが、普段そういうことを意識することはあまりない。 フロントエンジニア： 上記画像の「ビュー」に直接関与する部分を作成する
クリスマスだし爆速でMEAN stackのWebサービスを作りながら入門する。
これはAngularJS Advent Calendar 2014の24日目の記事です。 せっかくのクリスマスですし。 クリスマスには「孤独なエンジニア」と「暇だからMEAN stack入門しとくかなってエンジニア」の２種類が発生すると思います。これは後者のための記事です。 例えばAngulaJS大好き！といっても、具体的なサービス作るってなると結局サーバーサイドも必要でそっちも考えないといけないですよね？そこでまず思いつくのが、ちらほら話題となっているMEAN stackです。自分もそろそろ触っとこうと思って爆速でMEAN stackでWebサービス作ってみました。 MEAN stackとは mean.io はWebアプリケーションスタックです。 mongoDB express AngularJS Node.js LAMP(Linux, Apache, MySQL, PHP)に変わる提案
railsとangularjsとbootstrapでwebサービスを作ってみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? railsとangularjsとbootstrapでアップスワーク (AppsWork)というクラウドソーシングサービスを作ってみました。 Webサービスを作った動機 下記記事のように現状のクライアントが圧倒的に強い、Win-Winになりにくい既存のクラウドソーシングの仕組みをなんとかできないかと考えたのが始まりです。 http://kosuke.cc/column/impression-of-lancers/ この記事を書いた動機 作りながらでいいアイデアが浮かぶだろうと考えていたのですが、結局既存クラウドソーシングを覆せるようなアイ
2chまとめサイトを横断して検索できるWEBサービス『2chy』を公開してみました。 - undefined
最近Node.js + AngularJSで何か作ってみるシリーズです。 前回に続き作ってみたものを紹介します。 作ったもの 2chy.bokuweb.me なんぞこれ？ 2chまとめサイトを横断して検索できるWEBサービスです。 「masuda」を作っているときに2chまとめも検索できれば需要があるのかな？と思い作ってみました。 構成 構成は毎度ながら以下。これでopenshiftの無料枠(最大3アプリケーション)は使い切ってしましました。前回紹介した「masuda」は9割9分アクセスがリファラスパムという残念な結果ですので、何か次に作りたいものが思いついたら順次停止するかもしれません。 OpenShift MongoDB Express AngularJS Node.js 技術的なところ 概要 OpenshiftでNode.jsアプリケーションとして動かしています。基本的には「masu
How to Consume Laravel API with AngularJS — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. In part 1, we built our server part. Now we can build our client. We are going to use AngularJS to make a Single Page Application. We will use a very basic bootstrap template, built on the fly. Key Takeaways Ut
Lifehack Focus vol.4 - Unity5でゲーム開発がしたいぞ！！
その週に気になった記事を振り返りつつ紹介「Lifehack forcus」。3/1〜3/7にブックマークした記事、閲覧した動画で特に気になったモノを紹介します。 ■プログラム系 ネットで簡単にプログラミングが勉強できるProgateが凄すぎる件について – タコの卵 Progate自体は本当に素晴らしいサービスだと思うので、是非もっとコンテンツを増やして欲しい！もっとjQuery突っ込むとか、AngularJSとか、PythonでDjangoかPyramidとか。JenkinsやAnsible、Cobblerあたりも是非！（後半プログラミングスキルじゃないけど） ゲーム開発初心者のためのUnity入門（14）：Unity 5正式リリース＆AnimatorとAnimationの違いについて (1/3) – ＠IT Unity5の正式リリースですよ！ゲーム作りたいなぁ・・・求む、一緒にゲーム創
AngularJSのng-repeatを使ってラジオボタンを作成 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
スクリプト内にラジオボタンに表示するラベル名と値を定義し、ng-repeatを使ってラジオボタンを作成する方法をまとめました。 デモとコードサンプルはこちら。 ※目次をクリックすると目次の下部にコンテンツが表示されます。 １．$parent属性を使用する方法 ２．JavaScriptのプロトタイプ継承使って設定 ３．ラジオボタンのng-change属性の使用例 スクリプト内に定義した$scope.prefsの配列データをng-repeatを使ってラジオボタンを生成する例を下記に示します。 <div class="radio" ng-repeat="item in prefs"> <label> <input type="radio" ng-model="$parent.selectedPref" value="{{item.id}}">{{item.name}} </label> </di
『AngularJSを使用したゲーム開発』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。オトギアでフロントエンジニアをやってます。atsumoです。 今回は、現在オトギアで使用中のフレームワークAngularJSのお話を少しさせていただければと思います。 ※ AngularJSのバージョンに関してはオトギアで使用中のバージョンである、1.2.16をベースに書かせていただきます。AngularJSとは https://angularjs.org/ Googleとコミュニティによって開発されているオープンソースのMV*系のJavaScriptフレームワークです。 同じような種類のフレームワークとして、Backbone.jsやKn
AngularJS+enchant.js+CoffeeScriptで音ゲーを作ってGitHubPages上で公開しました - undefined
これなに？ 無料音ゲー flavabeats github.com ブラウザ上で遊べる音ゲーです。 ノートと呼ばれるオブジェクトが曲に合わせて落ちてくるのでターゲットに重なるタイミングでキーボードのZ,X,C,V,Bを押していくゲームです。 楽曲はCreativeCommonsのものを使用しています。 なんで作ったの？ Vue.jsやReactやAngularJSやAurelia.JSなどフレームワークが乱立するなか何か一つ使えるようにならないといけない気がしたので勉強用に始めました。（あとcocos2d-JSのAndroidデバッグが嫌になりましたので気分転換に)。最初はAngularJSより学習コストの低そうなVue.jsを触ろうかと思ったのでですが、Vue.jsにはルーティング機能がついていないということで結局AngularJSを触ってみることにしました。(書籍も買っちゃってたし。)
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hatebu.me
【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog
ChromeアプリをAngularJSで書くまでの手順 - Qiita
