JavaScriptは移り変わりの早い言語です。 もう1年以上経っていますし、記事のメンテもちゃんとできていないので、消し線を入れることにしました。 参考程度のために記事は一応残しますが、より新しい情報を読まれることをお勧めいたします。 はじめに --- 最近では JavaScript の実行環境はブラウザに限りません。（node.js, Web Workers） また、旧来のような <script> 経由でのロードもとうに古くなっています。今は CommonJS スタイルで、require を用いたモジュールのロードを行なうことがより良いとされています。 ですから、次のようなことは改める必要があります。 - var YourModule = {}; などとして、外部から YourModule.hoge(); などと呼び出す書き方 - this === window だと思うこと 今回は、

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Javaの開発と言っても、各種ミドルウェアやフレームワーク、ライブラリ、ツールなどが豊富にあり選択に悩むことは少なくないと思います。 そこで関連技術のインデックスになればと作成しました。 あくまで知っている範囲で記述しているので、コメントしてもらえれば随時追加します！ すべてを書くと膨大な量になるため、現状採用が減ってきているものや、そもそもあまり採用されていないもの、後継があったり、類似のものと比較した場合に明らかに劣っているものは省いています。 ちなみにライブラリには高機能なものも多いので、分類は参考程度にご覧下さい。 サーバ系 A

コンピュータネットワークを構成する要素技術と全体アーキテクチャに関する概要。データ伝送技術、インターネットプロトコル、WEB技術、セキュリティー技術、アプリケーション、コンピュータネットワークの運用管理、ネットワークビジネスに関する概要を展望する。

2024 著作権. 不許複製 プライバシーポリシー

「Panda」はデザインのトレンドを毎日届けてくれるサイトです。Dribbbleなどのデザイン系のサイトから人気のあるデザインを次々と表示してくれます。デザイナーの方は毎日チェックすると良いかと。 以下に使ってみた様子を載せておきます。まずPandaへアクセスしましょう。Chrome拡張機能もありますが、今回はウェブで閲覧した場合を紹介しますね。 このように今話題となっているデザインのトレンドがひと目でわかります。少し覗くだけでもインスピレーションを受けられそうですね。デザインに敏感な方はチェックしてみてはいかがでしょうか。 Panda （カメきち）

今回はWebアプリケーションの画面作成に関する話です。かつて業務システムというのはエンジニア自身が画面を作ってロジックを実装して提供していました。UIがただコンポーネントを貼付ける程度だったからです。 しかしWebアプリケーションの時代になって、UIの制作が難しくなってきています。デザインの自由度が高いためです。しかし今後さらにWebアプリケーションが活用されていく中ではエンジニアもそれなりの画面を素早く開発できるようになっていかないといけない時代になっています。 そこで今回はUIフレームワーク、多彩なコンポーネントを備えたデザインフレームワークをまとめて紹介します。 iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」 モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版

photo by liqueneコンテンツマーケティングの取り組みなどで、ブログ記事を書いていると大変なのが文章の校正です。 タイプミスや誤字脱字は信頼を失い、記事の価値を下げてしまいます。 しかし、人の手でブログ記事の校正・チェックをするのは、なかなか大変な作業です。 実はWeb上には、かんたんに文章校正ができるサービスをはじめ、ブログ記事の執筆後のチェックに役立つツールが無料で提供されています。 そこで、本日は私自身も使っていて、便利だと実感している文章校正やブログ記事執筆に役立つツールの中から、Web上ですぐに使える無料のツールを厳選してご紹介します。 これらのツールを活用すれば、文章校正にかかる負荷を軽減し、時間を圧倒的に短縮することができます。 日本語のタイポ/変換ミス/誤字脱字エラーをチェック 「Enno」 Ennoサイト 「Enno」は、誤字脱字や変換ミスなどの「日本語のあか

StackEditはブラウザ上で動くMarkdownエディタ。MathJaxで数式を書いたり、LocalStorageに保存したり、DropBoxやGoogleDriveと同期したりもできて、bloggerやtumblrに投稿したりPDFにエクスポートなんかもできるらしい。 そのStackEditが新しいバージョンを作っている。 https://stackedit-beta.herokuapp.com/ 目玉っぽいのはUML diagrams http://bramp.github.io/js-sequence-diagrams/ http://adrai.github.io/flowchart.js/ この辺を使っているそうです。 日本語もかける。 但し、ダイアグラムはPDFにはエクスポートできないようだ。それ以外は数式も日本語も普通にPDFになっててびっくりするんだけど。 （5/8 タ

Evernoteに本当にすべてを記録するためにやっている12のこと 2014年5月7日投稿 2015年9月14日更新 カテゴリ：エバーノート活用 著者: jMatsuzaki photo credit: FourthFloor via photopin cc 私の愛しいアップルパイへ あの貪欲なる緑色のゾウは、私の前で雄弁に語ったのです。「おお！愉快なjMatsuzakiよ！貴様の悲しみと喜びに満ちた人生のすべてを記録してやろうぞ！！」と。 そうして私はEvernoteを本当にすべてを記録する場所として使いはじめました。そんな私が抜け漏れなくEvernoteにすべてを記録するためにやっている12のことがあるんです。 Evernoteに本当にすべてを記録するためにやっている12のこと 今日あなたにお話したい内容は全部で12個あります。 1．様々なWebサービスの情報を自動記録 2．メモやノー

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p

エンジニアが自分一人でアプリ開発などをしているとかなり困るのが画像素材の作成。（もっというとデザイン全般ですが。。。） その中でもアプリアイコンを作る際に個人ではどうしているかを晒してみようと思います。 アイコンを作る手順 ざっくり手順を言うと以下２つです。 Inkscapeで元アイコン作成 makeappiconで全サイズのアイコン画像作成 Inkscape アイコン作成といえばIllustratorやPhotoshopを使うのが一般的かと思うのですが、非デザイナーにとってこれらのソフトはまだまだ高価で簡単に手を出せるものではありません。 そこでこのInkscapeです。 公式サイトはこちら。 Inkscapeはオープンソースの無料のベクター画像編集ソフトです。（ものすごく簡単に言うとIllustatorと同じことができる無料のソフトです） 無料ですが、基本的なアイコン作りには困らない機

2024.10.10 オンラインカジノでの賭博行為を「勇者トロ」の名前で配信 自称YouTuberに有罪判決「違法賭博広めた責任重い」 オンラインカジノでの賭博行為をした罪に問われた自称ユーチューバーの男に対し、岐阜地裁大垣支部は9月30日、執行猶予付きの有罪判決を言い渡しました。男は「勇者トロ」の名前で、YouTubeに動画を配信していました。 岐阜県養老町の自称ユーチューバー・石川翔多朗被告(32)は、おととし5月ごろから去年4月にかけ、海外のオンラインカジノにアクセスし、スロットやルーレットなどで常習的に賭博をした罪に問われ […]

本の紹介こんなに書いて大丈夫？2014年現在のSEOが超わかりやすく説明された「いちばんやさしい新しいSEOの教本」を読みました！2014年3月19日547 @JUNP_Nです。サイト運営をしているけれどSEOって何？どうしたらいいの？そもそもどういうこと？という初心者向けの基本的な内容から、中級者以上向けの内部対策、外部対策、ソーシャル対策、ウェブマスターツールの使い方までが超わかりやすく説明された「いちばんやさしい新しいSEOの教本」を読んだのでご紹介！ 「SEOの教本」はダテじゃない！これは何度も繰り返し読み込みたい内容ですよ！「SEOってよくわからない」と考えている人やネットに溢れるSEOについて書かれた記事を見て誤った理解をしている人は多いです。そんなSEO初心者には是非読んでもらいたい内容があふれている本でした。 ネットでよく見かける「SEO対策！」と書かれているような記事では

概要 パスワードのハッシュ パスワードハッシュ API は crypt() を手軽に使えるようにしたラッパーで、 パスワードの作成や管理を安全な方法で行えます。 crypt() を利用すればパスワードハッシュの生成は可能なんだけど、経験上煩雑なコードになりやすい気がして（自分がPHPを書くのが下手なだけかもしれないけど）ちょっと勉強してみた。 環境構築 vagrantでUbuntu(raring)を用意し、php5.5.7をLaunchpadのPersonal Package Archiveでインストール。 $ lsb_release -a No LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 13.04 Release: 13.04 Codename: raring $ php -v PHP 5.

巷で良く聞かれる「UXデザインとは？」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか？ただ「ハラハラという会社で提供するUXデザインとは何？」と聞かれたらこう答えると思います。 “ルック＆フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA（情報アーキテクチャ）とそれを実行する手法（ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど）を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの

遠藤要さんと、エハラマサヒロさんの間に立って写真を撮りたい。よく似てるって言われます。野上です。 突然ですが、皆様はキュレーションサービスを利用していますか？ キュレーションという言葉、ご存知の方もいらっしゃると思いますが、簡単に復習しておきましょう。 キュレーション……人手で情報やコンテンツを収集・整理し、それによって新たな価値や意味を付与して共有すること。Web上でキュレーションによるコンテンツの価値を提供するサービスは、キュレーションサービスなどと呼ばれている。 【参考元：IT用語辞典BINARY】 話題になった、パーソナルマガジン「Gunosy」もキュレーションサービスの1つです。 独自のアルゴリズムを利用し、ネット上で話題になっている情報やコンテンツを、ユーザーが得たいジャンルに合わせて配信してくれます。すごく便利ですよね。今回はそんな便利なキュレーションサービスについてまとめて