teleren/devto huggingface dataset:
Fcitx: リアルタイム入力（インライン入力）のための設定
Tags: fcitx, japanese
Published: 2018-11-06 12:42:49

---
title: Fcitx: リアルタイム入力（インライン入力）のための設定
published: true
description: Fcitx は Linux/Unix システムで広く使われている入力メソッドです。Mozc や Anthy をバックエンドに使用した日本語入力に対応しています。Fcitx を使用した文字入力で、リアルタイムな入力（インラインの入力）を行えるようにするための設定方法をご紹介します。
tags: fcitx, japanese
---

# 概要

[Fcitx](https://fcitx-im.org/wiki/Fcitx) は Linux/Unix システムで広く使われている入力メソッドです。
（他の代表的な入力メソッドに [iBus](https://github.com/ibus/ibus/wiki) があります。）
[Mozc](https://github.com/google/mozc) や Anthy をバックエンドに使用した日本語入力に対応しています。
<span id="advanced-settings"></span>
Fcitx を使用した文字入力で、リアルタイムな入力（インラインの入力）を行えるようにするための設定方法をご紹介します。

*\* 補足: 事前に GUI 関連の Fcitx モジュールをインストールした環境下においては、特別な設定をしなくても、本件の問題は発生しませんでした。これらのモジュールをインストールしておくのが良いかもしれません:*

{% link https://dev.to/nabbisen/fcitx--a5g %}

# 問題

[Manjaro Linux](https://manjaro.org/) の [Cinnamon デスクトップ](https://manjaro.org/community-editions/)に対して、Fcitx-Mozc を使用した日本語入力環境を構築しました。
その際に、日本語入力時において、入力先アプリケーションへのリアルタイムな反映が行われない問題が発生しました。

### Before: テキストエディタ Xed におけるイメージ

入力確定までは、入力補助ポップアップが表示されるだけで、アプリケーション（テキストエディタ）の表示には入力内容が反映されません。

![](https://thepracticaldev.s3.amazonaws.com/i/9lq3por48ca0ylr49hd4.png)

# 解決方法

Fcitx の Advanced（拡張）設定で、XIM Frontend 設定を有効にします。

### 手順

Fcitx の「設定」メニューを開きます。

![](https://thepracticaldev.s3.amazonaws.com/i/bcjf8k7f42dd5mfmlxf6.jpg)

「アドオン」タブを開きます。

![](https://thepracticaldev.s3.amazonaws.com/i/8q3q31oe10mlhgwanbrn.png)

最下部の「Advanced」にチェックを付けると、隠し項目が表示されるようになります。
それに伴い、タブ内の中央やや上付近に「Fcitx XIM Frontend」が現れます。
ダブルクリック（あるいは当該行を選択状態にして下の「設定」をクリック）してください。

![](https://thepracticaldev.s3.amazonaws.com/i/97rw5nxgni26zbyb9bjw.png)

子ウィンドウが表示されます。
チェックを付けてから、「OK」を押して閉じます。

![](https://thepracticaldev.s3.amazonaws.com/i/jycdwkellirwr53vhq93.png)

Fcitx を再起動します。

![](https://thepracticaldev.s3.amazonaws.com/i/j63ferzm3ninln2e493r.jpg)

### After: テキストエディタ Xed におけるイメージ

リアルタイムな入力が行えるようになります。

![](https://thepracticaldev.s3.amazonaws.com/i/bgn9pf8c71nig96941kz.jpg)

*\* 補足: Fcitx 単体のみをインストールした状態では、入力補助ポップアップが、アプリケーションウィンドウの外に表示される問題が発生する場合があります。[GUI 関連のモジュールを追加する](#advanced-settings)ことで解決できます。*
Transfer files from laptop to mobile using Python
Tags: python, server, hack
Published: 2018-11-06 11:57:40

---
title: Transfer files from laptop to mobile using Python
published: true
description: You can transfer files from your laptop to your mobile without installing third party application just by using Python
tags: python, server, hack
---
If you think that you need some fancy [applications](https://www.wideanglesoftware.com/blog/3-ways-android-wifi-file-transfer.php) to tranfer files from your laptop/computer to mobile, than you are wrong.
**All you need is `Python`**

`NOTE: Your laptop and your mobile phone should be on same network`

## Let's get started
Open your terminal and execute this command.
If you are using **Python3**:
```sh
python -m http.server
```
If you are using **Python2**:

    python -m SimpleHTTPServer

When you will execute this command it will create a HTTP server on your local machine.
<img width="569" alt="screenshot 2018-11-06 at 4 45 57 pm" src="https://user-images.githubusercontent.com/20112458/48061065-c4c6f880-e1e3-11e8-9d35-7aaac69d1adf.png">

Type `<IP_Address>:8000` in your mobile browser to access the files in the directory where you ran the above command.
<br>
If you don't know your IP than follow this steps:
Go to **System Preferences -> Network-> You will see your IP address there**
<br>
Suppose your IP address is 192.168.0.1 then open mobile browser and type `192.168.0.1:8000` to access the files.
<img width="564" alt="screenshot 2018-11-06 at 5 25 05 pm" src="https://user-images.githubusercontent.com/20112458/48062764-f55d6100-e1e8-11e8-930b-e0898465a69d.png">
How to create a new Jenkins slave
Tags: devops, docker, jenkins, dockercompose
Published: 2018-11-09 08:48:56

---
title: How to create a new Jenkins slave
published: true
tags: devops,docker,jenkins,docker-compose
canonical_url: https://medium.com/@Gr3g0ire/how-to-create-a-new-jenkins-slave-c9b4808d7643
---

![](https://cdn-images-1.medium.com/max/799/1*ZmMvZvGsTb1NKCgDaDJFgg.png)

So you have your master instance of Jenkins all set up and now you want to let your slave instances of Jenkins work for you?

Here are a few things to do before being able to use them:

1. Create a user jenkins with: adduser jenkins
2. Add your master instance ssh public key to the file /home/jenkins/.ssh/authorized\_keys  
 It can be as simple as this command: ssh-copy-id -i ~/.ssh/mykey user@host  
**Remember that the master should be able to connect to your slave without any password.**
3. Install java with: apt install default-jre

### If you plan on using Docker:

- Install Docker ([https://docs.docker.com/install/](https://docs.docker.com/install/))

Make sure docker runs at startup with: systemctl enable docker and add jenkins user to the docker group: user mod -aG docker jenkins

- Install docker-compose if you plan on using it also

![](https://cdn-images-1.medium.com/max/453/1*QVFjsW8gyIXeCUJucmK4XA.png)

### Add a new node to your master instance of Jenkins

Go to Jenkins →Manage Jenkins →Manage Nodes →New node and fill in the different fields as below. Adapt it to your needs:

![](https://cdn-images-1.medium.com/max/1024/1*ejfW074hGirq9ZWSmeEbQQ.png)

Et voila !

Now in your Jenkinsfile use the agent with the label php for example and admire your new slave working for you :)
Squadlytics is on ProductHunt! Applying CI/CD principles to organizations
Tags: productivity
Published: 2018-11-06 11:18:20

---
title: Squadlytics is on ProductHunt! Applying CI/CD principles to organizations
published: true
description: We're building a continuous feedback platform to bring the benefits of CI/CD to the way we work.
tags: productivity
cover_image: https://thepracticaldev.s3.amazonaws.com/i/lu0nvm0v467zk9x97o41.png
---

Hey all! It's an exciting day for us at Squadlytics as we've just [launched on ProductHunt](https://www.producthunt.com/posts/squadlytics-2). It's been a lot of sweating and perseverance to get there today, and it's really cool to reach a ProductHuntable state.

We're building a continuous feedback platform to help teams stay focused on their goals and share progress easily. The basic idea is to bring the benefits of Continuous Integration to track the health of projects.

There's a lot of friction today in the way people share goals and results. You have to find the right spreadsheet or doc, update a column, lose history. And if you're something like Jira or Trello for it, you often end up with a custom setup that is hard to share across your organization. 

At Squadlytics [we're working hard to keep things simple](https://dev.to/squadlytics/how-we-measure-simplicity-to-make-sure-users-can-do-more-with-less-c1n) and create fast feedback loops. If we can remove that friction and accelerate feedback, then it is much easier for teams to address the issues preventing them from reaching their objectives.

Check us out at https://www.producthunt.com/posts/squadlytics-2 - we're eager to get your feedback!
Completely configurable, flexible, re-usable CSS-only checkbox toggles
Tags: cssonly, checkboxhack, siblingselector, nojs
Published: 2018-11-06 10:10:58

---
title: Completely configurable, flexible, re-usable CSS-only checkbox toggles
published: true
description: Configurable, drop in semantic & accessible CSS-only checkboxes that have no hardcoded values. Follows line-height with length, knob size and colours configurable.
tags: CSS-only, checkbox hack, sibling selector, no-js
---
Configurable using CSS Custom properties!. Found a lot of great examples of toggles around the web, but all of them had some form of hard-coded values. Check out the code. Uses line-height and follows the natural sizing given to it. Feel free to steal :)

```html
  <input class="switch" id="switch-55" type="checkbox"/>
  <label for="switch-55" style="
    --switch-width: 3rem; /* optional properties */
    --switch-knob-size: .8rem;
  ">Toggle</label>
```

```css
/* the following properties are configurable by simply overriding them: */
:{  
  --switch-background: silver;
  --switch-background-active: mediumseagreen;
  --switch-width: 3ch;
  --switch-knob-size: calc(var(--switch-width) / 3);
  --switch-knob-offset: calc(50% - (var(--switch-knob-size) / 2));
  --switch-knob-color: white;
  --switch-transition-duration: 0.3s;
}
```
{% codepen https://codepen.io/piggyslasher/pen/rNaPKve %}
How many LOCUM do you have?
Tags: cloc, devcities, mentalhealth, discuss
Published: 2018-11-06 08:15:22

---
title: How many LOCUM do you have?
published: true
description: How many Line Of Code Under Management do you have?
tags: cloc, devcities, mental health, discuss
cover_image: http://onekilopars.ec/wp-content/uploads/2018/11/martin-adams-764547-unsplash.jpg
---

Traders have "AUM", which is an acronym for Assets Under Management. I found it interesting to measure my "LOCUM"... that is, my Lines of Codes Under Management. 

I am writing software for my own hobby for a long time. It started long ago with small macOS Dashboard widgets. But it all ended up in a large macOS (+iPad) pro app called iObserve (v1). Since I started to port that app to the web, into a Vue.js webapp with a Django RESTful backend, using my own open-sources libraries, things became slightly more complicated. 

But how complicated? This morning, I made a quick table of my projects, and counting the lines of codes for each of them (using the powerful [cloc](https://github.com/AlDanial/cloc) tool).

I discarded the code for demo projects, concentrating solely on source code. Moreover, I ignored code that I didn't write myself, but that is sometimes included in my projects.

So here it is: 23 projects, and about 156 kilo-cloc. Not bad. That macOS app is still quite imposing, but account only for a half of the total now. What is interesting that spliting key components into dedicated and smaller projects make indeed easier to develop these specific items, making then more powerful. But still, it increases the overall complexity, isn't it?

![@onekiloparsec LOCUM](http://onekilopars.ec/wp-content/uploads/2018/11/locum.jpeg)

To me, working on these projects is like having a big city of my own, and walking accross the streets I've built. There is a down town where I spend a lot of time, sometimes spending hours to have buildings straight and well aligned (read: make unit tests). There are suburbs I need to travel to sometimes, to check something, or bring something back. There are also cosy places I am happy to stumble upon again, and others which are less welcoming because I know I can't ignore the fact it must be rebuilt, or refreshed, or updated.

And you? How many LOCUM do you have? What does it teach you?

(Cover Image Credits: https://unsplash.com/photos/pTCcJSBOTxY)
Introducing Learn Talks - Awesome conference and meetup talks
Tags: tech, talks
Published: 2018-11-06 06:26:02

---
title: Introducing Learn Talks - Awesome conference and meetup talks
published: true
description: 
tags: tech, talks
---

![](https://cdn-images-1.medium.com/max/2000/1*286caM47AKhnphqJQ6zNkg.png)

Hi, it's Khoa here. I'm so glad to finally launch LearnTalks, in order to help others and myself to catch up with new conference and meetup talks.
The website is featured on Product Hunt at https://www.producthunt.com/posts/learn-talks 😇

Being one who is extremely passionate about making things and writing , I also love to learn about every new thing in tech. Tech moves so fast, what we learn today may be deprecated very soon, and only continuous learning can keep us move forward. Tech conference and meetup are best places to learn about new things and tips, although there are some rises and falls ..., they are still growing and provides valuable resources for lots of people. 

There are lots of conferences and meetups that one can't go to all, this can give fear of missing out feeling.
Fortunately people are kind enough to always publish videos publicly so others can learn from. I have been for a long time curating a list... to keep track of all cool videos, but it get out of hand very quickly.

![](https://cdn-images-1.medium.com/max/2000/1*1onBRUxSDQQzAcYpFbKkWg.png)

That's why I make LearnTalks.com as a convenient place to search and explore new tech talks. The features include
- Easy search for talk, author and event
- See upcoming events
- Explore tags of topics and technologies
- Mobile friendly

Firstly, thanks to all the people who helped me alpha test the website and provided valuable feedback. I addressed and fixed many issues.
And thanks a lot to many conference organisers who gave me a yes, support and encouragement promptly after I sent emails. Thanks a lot for spending your free time organising cool events and sharing the videos to the community. I really appreciate.

![](https://cdn-images-1.medium.com/max/2000/1*YxIG2a2xOyDgSer2RrRbsw.png)

This website is just a curation to videos, it does not repost or claim copyright of any of the videos. And there are links back to conference and meetup pages. It is free to use and has no commercial purpose.

![](https://cdn-images-1.medium.com/max/2000/1*gNAAnxsa3zMtmJqaUjLK9A.png)

Hope you find the website useful as I do. There are of course many things needed to improve, I'm looking forward to receiving feedbacks and support from you ❤️ If there are any issues or copyright violations, please feel free to drop me a message.
How to use Senzill-Pagination to create a quick jQuery pagination
Tags: javascript, git, beginners, opensource
Published: 2018-11-06 05:54:18

---
title: How to use Senzill-Pagination to create a quick jQuery pagination
published: true
description: Senzill Pagination is an easy-to-implement jQuery &amp; Bootstrap 4 Pagination plugin.
tags: javascript,git,beginners,opensource
---

Check out Senzill-Pagination on [GitHub](https://github.com/yak0d3/senzill-pagination)!

# Senzill Pagination 
![](https://img.shields.io/badge/Language-Javascript-blue.svg) 
![](https://img.shields.io/badge/Version-1%20Beta-brightgreen.svg)


> An easy-to-implement jQuery &amp; Bootstrap 4 Pagination plugin.

Usage
-
**Senzill pagination** plugin makes it easy to generate a jQuery pagination with a few easy steps:

 - Add `style="visibility:hidden;"` to your elements' wrapper.
 - Launch **senzill** pagination via jquery: ` $('#wrapper').senzill(); `
    
    

    
Installation
-
All you have to do is to include `senzill-pagination.js`  to your template's `<head>` tag

    <script  src="path_to/senzill-pagination.js"></script>
Prerequisites
-
 - jQuery
 - Bootstrap 4

Options
-
| Option| Default|
| ------ | ------ |
| elPerPage | 4

To-do list
-
It is true that **Senzill** is easy to implement and quick to generate a jQuery pagination, but until now, it is a very basic tool and it still needs some modifications to become a cooler one than it already is. 

I made a to-do list just for this matter, and it goes like this:

 - [ ] Responsive Columns
 - [ ] Tags & Categories
 - [ ] Theme Customization
 - [ ] Custom Translations
 - [ ] BackEnd Requests Handling

If you think i am still missing something in the above to do-list, do not hesitate to submit a new pull request or reach me out @ contact.raedyak@gmail.com

License
-
![](https://i.imgur.com/g425Lau.png)
zkSnarks / ZoKrates Tutorial, Learn Vyper ... | EatTheBlocks Newsletter #14
Tags: zksnarks, zokrates, embark, ethereum
Published: 2018-11-06 05:35:29

---
title: zkSnarks / ZoKrates Tutorial, Learn Vyper ... | EatTheBlocks Newsletter #14
published: true
description: 
tags: zksnarks, zokrates, embark, ethereum
---

This week in the EatTheBlocks newsletter: zkSnarks / ZoKrates Tutorial, Learn Vyper,...

Post: https://eattheblocks.com/eattheblocks-newsletter-14-zksnarks-zokrates-tutorial-learn-vyper 
Video: https://www.youtube.com/watch?v=VW_5bgjSAKM

If you are a developer interested in learning about Dapp development, Solidity, Truffle, Web3, Ethereum protocol, Token standards ..., you will love this newsletter! Every week I send the 10 MOST INTERESTING tutorials, tips & news for Ethereum Dapp developers
Please Help me out on Bash script CRON 
Tags: help, bash, awscli
Published: 2018-11-06 05:28:14

---
title: Please Help me out on Bash script CRON 
published: true
description: 
tags: #help #bash #aws-cli
---

Hey folks how are you doing. Need a help.
I have a bash script to backup MySQL databases, that runs on a daily cronjob. Everything is working fine as intended but only there is an error on S3 upload part. The script is working good on manual execution but the cronjob execution says:
`s3: command not found`
The S3 upload code is below.
```bash
S3_BUCKET="s3-bucket-name"
AWS="$(which aws)"
$AWS s3 cp backups.tar.gz s3://${S3_BUCKET}
```
Any help would be appreciated. Thanks all.
Implementing Rails and RabbitMQ for EventDriven Architecture
Tags: discuss, rails, ruby, rabbitmq
Published: 2018-11-06 05:19:37

---
title: Implementing Rails and RabbitMQ for EventDriven Architecture
published: true
description: How can I achieve an event Driven Architecture with rails and RabbitMQ
tags: Discussion,Rails,Ruby,RabbitMQ
---

Just to learn more about rails and event driven architecture I want to know how I can acieve that. Any person having past experince in implementing this or have a knowledge about system architecture and want to guide me thought this are welcome.
I would love to have a discussion on implemnting this.
Fcitx: 入力補助ポップアップの表示位置の調整
Tags: fcitx, japanese
Published: 2018-11-06 04:55:04

---
title: Fcitx: 入力補助ポップアップの表示位置の調整
published: true
description: Fcitx は Linux/Unix システムで広く使われている入力メソッドです。日本語入力に対応しており、入力時に入力補助ポップアップを表示して入力候補を表示してくれる機能があります。この Fcitx の入力補助ポップアップを、（入力位置から離れたところでは無く）入力位置の下に表示させるための方法をご紹介します。
tags: fcitx, japanese
---

# 概要

[Fcitx](https://fcitx-im.org/wiki/Fcitx) は Linux/Unix システムで広く使われている入力メソッドです。
（他の代表的な入力メソッドに [iBus](https://github.com/ibus/ibus/wiki) があります。）
[Mozc](https://github.com/google/mozc) や Anthy をバックエンドに使用した日本語入力に対応しています。

Fcitx には、入力時に補助ポップアップを表示する機能があります。入力支援として入力候補を表示してくれます。
この Fcitx の入力補助ポップアップを、（入力位置から離れたところでは無く）入力位置の下に表示させるための方法をご紹介します。

# 問題

[Manjaro Linux](https://manjaro.org/) の [Cinnamon デスクトップ](https://manjaro.org/community-editions/)に対して、Fcitx-Mozc を使用した日本語入力環境を構築しました。
その際に、アプリケーションによっては、入力補助ポップアップ（候補ウィンドウ）が、離れた位置（アプリケーションウィンドウの下）に表示されてしまう問題が発生しました。

### Before: Google Chrome におけるイメージ

入力位置は上の方ですが、ポップアップ（入力候補）はウィンドウ外の左下に表示されています。

![](https://thepracticaldev.s3.amazonaws.com/i/8a5p8gwl6qrotlf4nwkv.jpg)

入力メソッドが入力カーソルの位置を取得するのに失敗する場合、このようになるようです。

# 解決方法

GUI 関連の拡張モジュールをインストールします。

- fcitx-gtk2
- fcitx-gtk3
- fcitx-qt4
- fcitx-qt5

*\* 補足: 例として示している Google Chrome 上の表示を修正するだけであれば GTK のみで十分です。*

### Manjaro パッケージマネージャ

パッケージをインストールします。

![](https://thepracticaldev.s3.amazonaws.com/i/55fokxoc5f4v4mxlob08.png)

インストール後に Fcitx を再起動します。

![](https://thepracticaldev.s3.amazonaws.com/i/rydploa2hd76fwixho0o.jpg)

*\* 補足: それでも直らない場合は OS を再起動します。*

### After: Google Chrome におけるイメージ

![](https://thepracticaldev.s3.amazonaws.com/i/w3bmud6cggwadnh9ky5a.png)

ポップアップが入力位置の下に表示されるようになりました 😀
How to change language in an Android application
Tags: android, java, translation, poeditor
Published: 2018-11-06 04:39:52

---
title: How to change language in an Android application
published: true
description: We look into how to setup an activity that changes language of your android application.
tags: android, java, translation, poeditor 
---

{% youtube Vw7XNcYx1Z0 %}
Episode 3: Building a JSON API - Route Structure and Setup
Tags: node, mongodb, express, javascript
Published: 2018-11-06 03:18:53

---
title: Episode 3: Building a JSON API - Route Structure and Setup
published: true 
description: Episode three of a video series covering the start to finish of building an application with express.js using docker, and mongoose.
tags: nodejs, mongo, express, javascript
series: building-a-json-api-with-express
cover_image: https://thepracticaldev.s3.amazonaws.com/i/x68818ow5jxhkfpt1vic.png
---

{% youtube WiZ93wPdJFQ %}

Episode three of a video series covering the start to finish of building an application with express.js using docker, and mongoose.
This episode covers creating route files and folder structure.
What almost made you give up programming?
Tags: discuss, askdev, productivity
Published: 2018-11-06 02:49:29

---
title: What almost made you give up programming?
published: true
description: What has caused you to just say "screw it!" to programming?
tags: discuss, askdev, productivity
cover_image: https://thepracticaldev.s3.amazonaws.com/i/8nn5bvm36izxdphvkrp5.jpg
---

Programming is so rewarding. 

Sometimes though, you run into times where you just say: "Is this even worth it?" or "I should be doing something else with my life."

What made you get to that point and how did you recover?

For me, I became stressed out about how clients weren't as enthused as I was when I would show them my projects. I would look at their reactions at the designers' product and be amazed... but when they saw what I did it was either not good or just what they were looking for.

I overcame this when I took some time for myself and started communicating with other devs. I learned that I only needed to be proud of myself otherwise I would never be happy.

What almost made you give up programming? How did you recover?
What are you not interested in learning?
Tags: discuss
Published: 2018-11-05 23:54:52

---
title: What are you not interested in learning?
published: true
description: What pieces of technology are you not interested in learning and why?
tags: discuss
---
I've been writing a lot recently about how people don't need to know everything, and how it's impossible to know everything. It's something I 100% stand by, and there are so many things that I don't know a lot about. So I wanted to do something different and open up the discussion about things that we aren't interested in learning.

I'll start:

* VIM - I know people absolutely love VIM, but I'm super happy with my text editor set up, and don't really feel a need to overcome the VIM learning curve. Part of me does sometimes think about it, but at least for now, I'm good.

* DevOps - Fun fact, my title for the first year or so of my software engineering career was "DevOps engineer" -- I didn't really do DevOps, but I can sort of navigate my way around setting up a server, and I have set up a Kubernetes cluster. That being said, the output isn't that tangible to me, and it's not something I'm super interested in diving too much deeper into that world.

* Advanced math - I took Calculus in high school, and took a couple of stats classes in college, but that's really the end of my math education. I'm not super interested in diving too much further into that world, and, to be honest, I forget a lot of the stuff I have learned in the past.

* Lower level programming - the more tedious process in order to build useful things in lower level languages doesn't really interest me.

* Hardware - I'm not super into hardware, I like my pre-built Mac's and the world of building computers just doesn't draw me in.

There are a milion and one things I would love to learn, but I can't learn everything. 

**What tools or technologies are you *not* interested in learning?**