どんどん使おう！業務で使えるオープンソース（146）「HTMLメール」

コメ0 MOONGIFTニコニコ出張所 119ヶ月前

日本では未だにテキストメールが多いのが残念な点です。コンバージョンや受信者の目を惹くという点においてもHTMLメールのが圧倒的に有利です。原因は大きく分けて2つあり、一つはOutlook ExpressのHTMLメール受信時の不具合が多かったこと、もう一つはガラケーの存在だと思います。今ではスマートフォンが主流になって...

オフライン技術を考える

コメ0 MOONGIFTニコニコ出張所 121ヶ月前

高速なモバイルネットワークが発達し、光回線やギガビットの高速インターネットが普及する中にあって逆に注目されているのがオフライン技術です。オンラインであるのが当たり前になると、ネットワークが途切れた状態になるのが大きな問題になります。ネットワークがなければ仕事が全くできないというのは大きな問題です...

WebKit採用でJavaScriptが3倍高速に多機能ブラウザー『Sleipnir Mobile』

コメ0 アスキー編集部 ニコニコ出張ブログ 123ヶ月前

『Sleipnir Mobile』バージョン：4.0価格：無料（バージョンと価格は記事作成時のものです）(c)Fenrir Inc.　みなさま、こんにちは。いまは週アスの吉田でございます。さて、iOS8ではサードパーティー製のアプリにもWebKit（WebKit Framewor

ユーザのケアレスミスを防止しよう。業務で使えるオープンソース（136）「ローディングアイコン」

コメ0 MOONGIFTニコニコ出張所 124ヶ月前

今回のテーマはローディングアイコンです。最近はWebアプリケーション化が進んでおり、JavaScript/Ajaxを多用した開発が多くなっています。アプリのように画面遷移しないケースも増えており、スピーディーになっているものの、処理状態がわかりづらくもなっています。そこで使っていきたいのがローディングアイコンをは...

HTML5/JavaScriptでネイティブアプリ。業務で使えるオープンソース（129）「node-webkit」

コメ0 MOONGIFTニコニコ出張所 125ヶ月前

最近、ますますJavaScriptの勢いが増しています。特に注目すべきはデスクトップ分野ではないかと思います。nodeが安定してくるのに合わせて、Webアプリケーションやサーバサイド以外の分野でもnodeが使われるようになっています。ということで今回はnode-webkitの面白さ、実際にどういったアプリケーションが作れるのか...

JavaScriptを安全に。業務で使えるオープンソース（128）「JavaScript実行環境」

コメ0 MOONGIFTニコニコ出張所 125ヶ月前

今回はユーザが作成するJavaScriptを安全に実行するための手法、ソフトウェアを紹介します。昔はHTMLがダメ、とされていた中で徐々に使えるタグを広げていったり、Markdownを使うことで自由度を広げる傾向があります。同じようにJavaScriptもユーザが自由に記述、実行できるようになっていくのではないでしょうか。別ド...

開発をより効率的に。業務で使えるオープンソース（126）「DevTools」

コメ0 MOONGIFTニコニコ出張所 125ヶ月前

今回のテーマはChrome/Safari/Firefoxなどについているデバッグツールをさらに便利にしてくれるソフトウェアをまとめて紹介します。単純なコンソールだけでない使い方として参考に、そして開発生産性を高めてください。便利な機能サーバサイドのデバッグ多数のプログラミング言語でDevToolsへメッセージを送れるライブラ...

業務で使えるオープンソース（117）「JSON」

コメ0 MOONGIFTニコニコ出張所 127ヶ月前

今回のテーマはJSONです。Web APIでJSONを利用するのが当たり前になっている現在ですが、その利点や関連オープンソース・ソフトウェアを取り上げます。もっと違った利用法が見えてくるかも知れませんよ。利点冗長性が低い、可読性が高いWeb APIとしてXMLが嫌がられたのは記述が冗長的であったことだと思います。JSONでは...

FlashだけでなくJavaScriptによる作品も　ウェブゲームクリエーターのオールスター作品『みんなの星探』新作が七夕にリ

コメ0 ゲーム実況ブロマガ「ゲキマガ」 127ヶ月前

マウスのクリックやドラッグなどの操作を駆使して、画面に隠された星を探すFlashゲーム『星探（ほしさが）』シリーズの新作『みんなの星探2 星月物語』が七夕の7月7日にリリースされました。今回は37人のクリエーターが参加、40のアイデアあふれるステージを楽しむことができます。『星探』は、言語に関係なく、子どもの...

FlashだけでなくJavaScriptによる作品も　ウェブゲームクリエーターのオールスター作品『みんなの星探』新作が七夕にリ

コメ0 ガジェ通 127ヶ月前

マウスのクリックやドラッグなどの操作を駆使して、画面に隠された星を探すFlashゲーム『星探（ほしさが）』シリーズの新作『みんなの星探2 星月物語』が七夕の7月7日にリリースされました。今回は37人のクリエーターが参加、40のアイデアあふれるステージを楽しむことができます。『星探』は、言語に関係なく、子どもの...

FlashだけでなくJavaScriptによる作品も　ウェブゲームクリエーターのオールスター作品『みんなの星探』新作が七夕にリ

コメ0 ゲーム実況ブロマガ 127ヶ月前

マウスのクリックやドラッグなどの操作を駆使して、画面に隠された星を探すFlashゲーム『星探（ほしさが）』シリーズの新作『みんなの星探2 星月物語』が七夕の7月7日にリリースされました。今回は37人のクリエーターが参加、40のアイデアあふれるステージを楽しむことができます。『星探』は、言語に関係なく、子どもの...

FlashだけでなくJavaScriptによる作品も　ウェブゲームクリエーターのオールスター作品『みんなの星探』新作が七夕にリ

コメ0 【無料】ガジェット通信ブロマガ 127ヶ月前

マウスのクリックやドラッグなどの操作を駆使して、画面に隠された星を探すFlashゲーム『星探（ほしさが）』シリーズの新作『みんなの星探2 星月物語』が七夕の7月7日にリリースされました。今回は37人のクリエーターが参加、40のアイデアあふれるステージを楽しむことができます。『星探』は、言語に関係なく、子どもの...

業務で使えるオープンソース（113）「Webファイルアップロード」

コメ0 MOONGIFTニコニコ出張所 128ヶ月前

HTML5によってファイルのマルチ選択およびドラッグ&ドロップでのファイルアップロードが使えるようになりました。これによりそれまで感じていたストレスから解放されるようになったという方は多いと思います。とはいえデフォルトの機能をそのまま使っているのではユーザビリティは高くありません。そこで使ってみたいの...

使えるWebサービス・オープンソース（30）「プログラミング学習」

コメ0 MOONGIFTニコニコ出張所 128ヶ月前

ITの世界は日進月歩で進んでいます。そんな中でITエンジニアとして成長していくための銀の弾は固有の技術ではなく、継続して学習し続けるという心構えです。そこで新言語を学ぶためのサービス、さらにはプログラミング自体の学習ができるサービスを紹介します。これからプログラミングを学んでいこうとする人たちにとっ...

ついにFlashを切り捨てられるかも、なFlash代替技術/ソフトウェア

コメ0 MOONGIFTニコニコ出張所 129ヶ月前

今回はFlash代替になりえるソフトウェアの紹介です。ガラケーが隆盛だった頃にはFlash Lite 1.1のコンテンツがたくさん作られましたが、今は殆どのFlasherがアプリ開発や他の技術へ移行しています。かといってモンスターハンターのキャンペーンページがFlash製であったり、世の中にはサポート切れのXPが多数存在している...

2014年04月の人気ソフトウェアまとめ

コメ0 MOONGIFTニコニコ出張所 129ヶ月前

過去分はこちら。2014年01月2014年02月2014年03月今回は4月分のまとめです。電子書籍、Webコンポーネント、ドキュメント作成、さらにGit管理サーバなど幅広く人気が分散したようです。Git管理サーバも選択肢が広がっているようで、企業内ユースでのGitリポジトリのニーズが高まっているようです。10. CSS3 Countdown - ...

使えるWebサービス・オープンソース（26）「クローラー」

コメ0 MOONGIFTニコニコ出張所 130ヶ月前

今回のテーマはクローラーです。Webサイトを開発していたりする際に欲しくなるのがクローラーです。外部のコンテンツを取得するのにJavaScriptではクロスドメインの制約があるのでサーバサイドから取得するなんてことはよくあると思います。しかし意外とHTTPヘッダーの解釈や文字エンコードなどクローラーを書くのも一筋...

業務で使えるオープンソース（105）「Google Drive/ドキュメント」

コメ0 MOONGIFTニコニコ出張所 131ヶ月前

今回はGoogle Drive/ドキュメントです。正直この名称がどう扱っていいのか分かりませんが、Googleドキュメント/スプレッドシート周りを使う利点、関連オープンソース・ソフトウェアを紹介します。最近サードパーティ製のGoogleドキュメント/スプレッドシートアドオンが提供されることになったのもあって、にわかに熱くな...

業務で使えるオープンソース（103）「自動操作系テスト」

コメ0 MOONGIFTニコニコ出張所 131ヶ月前

今回のテーマは自動操作系テストです。個人的にはユニットテストが好きなのですが、JavaScriptを多用したWebアプリケーション化やWeb APIが頻繁に使われるようになってきたことで、ユニットテストではカバーしきれない箇所が出てきているように思います。そこで今回はブラウザやアプリの自動操作ソフトウェアを使ったテ...

使えるWebサービス・オープンソース（20）「Selenium」

コメ0 MOONGIFTニコニコ出張所 132ヶ月前

今回のテーマはSeleniumです。Webテストツールとして知られている本ソフトウェアですが、それだけにクラウドでサービス提供しているものも多いです。外部サービスを使うか、ローカルで立てるか、様々なソフトウェアを見比べてみましょう。使い方は人それぞれです。WebサービスSauce Labs: Selenium Testing, Mobile Test...

【こうしす！制作日誌】近々チャンネルトップをリニューアルします

コメ0 こうしす！通信 134ヶ月前

チャンネルトップページは、開設の時までに納得いくクオリティに達していなかったため、リニューアルしようと思っています。まだ開発中ですが年内にはいけそうな気がします。開発中の画像はこちら：メインの画像は、すらさんに作画していただいたカットをベースに作っていますです。本当はランダムに切り替わるようにし...

思考の仮想化

コメ0 ガジェ通 134ヶ月前

今回はメカAGさんのブログからご寄稿いただきました。■思考の仮想化嫌なことを考えるのはなぜ嫌なのだろう。嫌なことを行動に移すのが嫌なのはわかる。痛いこと、苦しいこと、空腹、そういう目に遭うのは嫌だ。しかし考えるだけでも嫌なのはなぜだろう。たとえば大切な人が死ぬとか、考えたくない。過去のいくつかのエン...

思考の仮想化

コメ0 【無料】ガジェット通信ブロマガ 134ヶ月前

今回はメカAGさんのブログからご寄稿いただきました。■思考の仮想化嫌なことを考えるのはなぜ嫌なのだろう。嫌なことを行動に移すのが嫌なのはわかる。痛いこと、苦しいこと、空腹、そういう目に遭うのは嫌だ。しかし考えるだけでも嫌なのはなぜだろう。たとえば大切な人が死ぬとか、考えたくない。過去のいくつかのエン...

ただの地下鉄マップだと思った？ ブー、100％コードで書かれている地下鉄マップでしたー

コメ0 roomieちゃんねる 141ヶ月前

いや、上の画像は画像なんですけどね。 ただのロンドン地下鉄マップだと思うでしょ、なんの変哲もない。この上の画像はそうですよ、ただのマップの画像です。が、この画像の元の地下鉄マップは画じゃないんです。HTML/ CSS/ JavaScriptを駆使してコードで描かれた地下鉄マップなのです。聞くより見るが早いですね、ネタ...

jQueryでフォームの入力例をフォーム内に表示させる

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

●スクリプト<script type="text/javascript">$(function(){ var example_postcode = "例）140-0013"; var example_address  = "例）東京都品川区南大井2-12-1-407"; var example_name     = "例）大和賢一郎"; var example_mail     = "例）yamato@1mouke.com"; $("form").submit(function(){ var err = 0; if($("input[...

jQueryでフォームの未入力チェック機能を作る

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

●スクリプト<script type="text/javascript">$(function(){ $("form").submit(function(){ var err = 0; if($("input[name='postcode']").val()==""){ if($("span#postcode").css("color") != "red"){ $("input[name='postcode']").css("border","1px solid red").after("<span id='postcode'>郵便番号を入力してくださ...

jQueryでアニメーション表示されたサブメニューを選択できるようにする

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

●スクリプト<script type="text/javascript">$(function(){  $("div.c_kantou").mouseover(function(){    $("div#i_kantou:not(:animated)").show("normal");  })  $("div.c_kantou").mouseout(function(){    $("div#i_kantou:not(:animated)").hide("normal");  })  $("div.c_kansai").mouseover(function(){    $("d...

jQueryでボタンを押したときにメニューをアニメーション表示・非表示させる方法

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

●スクリプト<script type="text/javascript">$(function(){  $("button#i_hyouzi_soku").click(function(){    $("div#i_kantou").css("display","");  })  $("button#i_kesu_soku").click(function(){    $("div#i_kantou").css("display","none");  })  $("button#i_hyouzi_anime").click(function(){    $("div#i_kan...

jQueryでボタンを押したときにメニューを表示させたり非表示にしたりする

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

●スクリプト（前提：jQueryが読み込まれていること）<script type="text/javascript">$(function(){  $("button#yamato").click(function(){    $("div#i_kantou").css("display","");  })  $("button#kenichiro").click(function(){    $("div#i_kantou").css("display","none");  })});</script><script type="text/ja...

マウスカーソルを乗せたときにサブメニューが表示されるようにする（２列）

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

●スクリプト<script type="text/javascript"><!--function hiraku(tgt){ // 開く if (document.getElementById){ tar=document.getElementById(tgt); tar.style.display=""; }}function toziru(tgt){ // 閉じる if (document.getElementById){ tar=document.getElementById(tgt); tar.style.display="none"; }}//--></sc...

マウスカーソルを乗せたときにサブメニューが表示されるようにする（１列）

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

●スクリプト<script type="text/javascript"><!--function hiraku(tgt){ // 開く if (document.getElementById){ tar=document.getElementById(tgt); tar.style.display=""; }}function toziru(tgt){ // 閉じる if (document.getElementById){ tar=document.getElementById(tgt); tar.style.display="none"; }}//--></sc...

マウスカーソルを「乗せる」「乗せない」と「表示」「非表示」の処理例

コメ0 東京ウェブ制作ブロマガ 143ヶ月前

●スクリプト<script type="text/javascript"><!--function syori1(tgt){ if (document.getElementById){ tar=document.getElementById(tgt); tar.style.display=""; }}function syori2(tgt){ if (document.getElementById){ tar=document.getElementById(tgt); tar.style.display="none"; }}function syori3(tgt){// サ...